デザインを開発するという視点でお伝えするクリエイティブBLOG
WEBデザインならではのエフェクトは、私たちの目を楽しませてくれたり、あっと驚かせてくれたりします。今回ご紹介する「WebGL Distortion Hover Effects | Codrops」は、WEBの中でもよく目にするホバーアクションのエフェクト集になります。
歪みの効果を与え、滑らかに動くスタイリッシュなホバーアクションです。
詳しくは以下
webサイトをより魅力的に演出するために利用されることの多いjQuery。プラグインの種類にもさまざまなタイプがありますが、今回紹介するのはフォント表現の可能性を広げるjQueryプラグイン 「20 jQuery Typography Plugins」です。
独特の動きや文字組・文字列を表現できるクリエイティブなフォントのjQueryプラグインがまとめられています。
詳しくは以下
桜も見頃を迎え春を感じられるようになり、制作するデザインにもあたたかみのあるものが増えてきていると思います。そんな中今回は、春らしさを楽しめるフローラルブラシをまとめた「A Collection Of Free Floral Brushes For Photoshop」を紹介したいと思います。
Floral Stroke by ~noniq on deviantART
花や植物をモチーフにしたベクターイラストのブラシから、手書きの優しい雰囲気のフローラルブラシまで、さまざまなブラシが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
Faviconを作成してくれるサービスはかなりの数がリリースされていますが今回紹介する「Download Favicon」は画像を見ながら、トリミングしてFaviconが作れる画期的なサービスです。
従来のFaviconジェネレーター系のサービスだと横長の画像だと間延びしてしまったりおかしくなってしまいますが、上記のように自分でトリミングしながら仕上がりを決められるため、どんな画像からもFaviconを作ることができます。
詳しくは以下
履歴書は自分をアピールするための武器のひとつ。日本ではフォーマット化されたもの以外で作成されることは少ないですが、業界によっては型にはまらないデザインでみせた方が良い場合もあるはず。そんな中今回紹介するのは、個性をアピールしたい方におすすめできる履歴書のまとめ「21 Fresh Free Professional CV / Resume Templates」をご紹介していきたいと思います。
Free PSD : Creative and Elegant Resume Template PSD by PSD Freebies – Dribbble
モノクロでスタイリッシュなものから、ビビットカラーが映えるポップなデザインまで幅広くまとめられています。下記にいくつかピックアップしているので、ご覧ください。
詳しくは以下
個性的なデザイン演出のために、さまざまなグラフィック表現を駆使してデザインをすることも多いかと思います。そんな時に活用したい、三角形をグラフィックモチーフとしてデザインできるフリーPhotoshopブラシまとめ「A Designer’s Collection Of Free Triangle Brushes For Photoshop」を紹介したいと思います。
Triangle – Brushes. by osukatutoriales on DeviantArt
三角形をモチーフとして利用したPhotoshopブラシの、いろいろな種類がまとめられています。
詳しくは以下
ハイクオリティなデザインを手がけるのには、いろいろなデザインリサーチや構成の企画立てなど、たくさんの工程が必要になってきます。しかし時にはコスト面や納期面で困難な状況に陥ることも。今回はそんな時に参考にしたい、フリーUIキット10種「10 Fresh And Free UI Kits For Designers」を紹介したいと思います。
Dribbble – Freebie PSD: Flat UI Kit by Marcel Akiyama
デザイン形成時に役立ってくれるUIデザインが揃っており、欲しいデザインや目的に合わせて選ぶことができるようになっています。
詳しくは以下
フォントはデザイナーにとってはとても重要なもので、常に新しい書体を探しているという方も多いと思います。今回照会するのは、正当派からクリエイティブなものまで、ハイクオリティなフリーフォントを集めたエントリー「8 Fresh High-Quality Free Fonts」です。
かっちりとした、美しいフォントから、あまり見ないタイプのフォントまで、様々なフォントがまとめられていました。今日はその中からいくつか気になったものをピックアップして照会したいと思います。
詳しくは以下
geogram typeface
規則性を持った、アルファベットと記号が組合わさったフォント。
Look Up
フォントが全て矢で描かれていて、極力遂げ入れないように一筆書きのようになっています。
Kelson Sans
Light Regular Boldと3種類のファミリーで展開されているフォント。色々と使い勝手が良さそうなフォントです。
フォントの利用規約はフォント毎に異なりますので、利用については最終の配布元をご確認ください。上記の他にも様々なフォントがまとめられていました。フォントを探している方は是非原文もご覧ください。
当サイトのアクセス解析にはgoogleさんが提供しているGoogle Analyticsを利用しています。もうご存知の方がほとんどだと思いますが、GoogleAnalyticsとは月間500万PVまでは無料（その以上のPV数の場合は、解析してくれないだけで、有料化するわけではない）で解析してくれて、滞在時間やリピートユーザー率などかなり細かいデータまで解析してくれますのでメインの解析ツールとして十分な機能を持っているアクセス解析です。
GoogleAnalyticsの解析にはテーマ内にトラッキングコード埋め込む必要があるのですが、テーマに直接記述してしまうとテーマを変えた時に面倒になりそうなので導入支援プラグインを「Ultimate Google Analytics」使いたいと思います。このプラグインを使えば簡単にGoogleAnalyticsをWordPressに導入できます。
インストール方法は以下から
アニメの中で使われているフォントは独特な物が多く、印象に残っている物もいくつかあります。そんなアニメの中のフォントを再現した数字フォント「TimeLeap」を紹介したいと思います。
このフォントは劇場版アニメーション「時をかける少女」の時計のカウントの数字を模したものです。
詳しくは以下
非常に使い勝手が良いjavascriptライブラリ「jQuery」。様々なエフェクトを実現したり、ちょっとした問題を解決したり本当に様々な使い方がありますが、今回紹介するのはそんなjQueryを使った、デザインテクニックを集めたエントリー「10 Easy jQuery Tricks for Designers」を紹介したいと思います。
Equal-Height Columns
例えば上記のようなカラムを揃えるテクニック等、CSSでWEBを組んでいて気になる部分を解消してくれるテクニックが収録されています。
詳しくは以下
