デザインを開発するという視点でお伝えするクリエイティブBLOG
CSS3から、利用できるようになったWEBフォント。サーバー上に格納されているフォントデータを利用できる仕組みで、CSSを読みこませるだけで利用ができ、ユーザーのローカル環境に依存しないフォント構成が可能になります。今日紹介するのは、そんなWEBフォントを利用した、アイコンをWEBフォントパッケージジェネレーター「Fontello – icon fonts generator」です。
こちらは様々なアイコンが表示されていて、選択することで、そのアイコンがWEBフォントで利用できるソースファイルをダウンロードできるというものです。
詳しくは以下
生活のデジタル化が当たり前のようになっている現代でも、デザインの中にアナログな雰囲気を感じられるとどこか安心感を感じられるのではないでしょうか？そんな中今回紹介するのが、アナログ感を演出できる手書き風フォントをまとめた「30 Free Handwriting Fonts Every Designer Should Own」です。
Free Font GoodDog by Fonthead Design | Font Squirrel
個性豊かな手書き風フォントがたくさん紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
WEBデザインで最も重要な要素の一つナビゲーション。今日紹介するのは良質なナビゲーションを制作する為の例を紹介しているエントリー「30 Examples of Attractive Nav」を紹介したいと思います。
Typographica Typographica
良質なナビゲーションの種類と実例を紹介しながら、まとめられています。今日はその中からいくつか気になったナビゲーション例をピックアップして紹介したいと思います。
詳しくは以下
デザインを手軽かつ、効率的にクオリティアップにつなげることができるUIやテンプレートなどは、フリーで配布されているものも多く重宝しているという方も多いのではないでしょうか？そんな中今回紹介するのは、フリーで使用できるキットが豊富に揃ったまとめ「Best Free User Interface Kits」です。
Freebie | PerfectKit – modern UI kit (desktop & mobile ready) | DesignHooks
非常にたくさんの種類のインターフェイスキットがまとめられているので、きっと欲しい・希望のものを見つけることができるはず。きになったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
Appleの「Mac OS X Leopard」を使用されている方には特におすすめのサイト、「100+ Beautiful Apple (Mac OS X Leopard) Wallpapers」を今回は紹介したいと思います。
（Apple Metal by ~Fi2-Shift on deviantART）
Mac OS X Leopardのデスクトップ壁紙集で、おなじみのリンゴのモチーフをテーマに、アーティスティックな作品が数多く紹介されています。気になったものをいくつかピックアップしてみました。以下よりご覧ください。
詳しくは以下
サイトデザインには欠かせないアイコン。アイコンを利用することでグッと分かりやすくなったり、デザインのクオリティを上げることが可能ですが、今回紹介するのは商用利用が可能な、psd付きの立体的で光沢感のあるアイコンセット「3D Glossy Icon Set: 20 Free Icons (with PSD)」です。
上記のように、立体的で光沢がある可愛らしいアイコンがセットになって配布されています。同封されているのは5種類の大きさのPNG画像と、photoshopで編集可能なpsdファイル。psdファイルがあるため、サイトのテイストに合わせて自由にカスタマイズできるのがイイですね。
詳しくは以下
ワードプレスをつかってサイト構築をされている方も多いと思いますが、今回はフリーの最新ワードプレステーマをまとめた「Fall Cleaning 2017:10 Free WordPress Themes and How to Use Them Right」をご紹介していきたいと思います。
Headstart — Free WordPress Themes
デザイン性はもちろん、使いやすさも重視してまとめられているので、自分の用途にあったものが見つかるかもしれません。下記にいくつかピックアップしているので、ご覧ください。
詳しくは以下
デザインの良し悪しを決める絵作り。重要な工程だけに頭を悩ませるデザイナーも多いはず。そんな時に参考にしたい、クリエイティブにデザインを見せてくれる、ハイクオリティなハーフトーンテクスチャまとめ「36 Glitch Halftone Textures for Access All Areas Members」を今回は紹介します。
36 Glitch Halftone Textures for Access All Areas Members
モノクロの作り込まれたハーフトーンテクスチャーが36パターンも収録された、大ボリュームなテクスチャーセットです。
詳しくは以下
(さらに…)
今までphotoshopで使えるブラシや、カスタムシェイプがフリーでダウンロードでいるサイトはDesignDevelopでも多々紹介してきましたが、今回紹介する「Ladyoak」はブラシ、アクション、シェイプ、グラデーションとphotoshopで必要なあらゆる素材を取り扱っているサイトです。
ダウンロードするにはユーザー登録が必要ですが、登録さえすればフリーでダウンロードができるようになっています。ライセンスは配布されている物に拠りますが、基本的にフリーとなっています。公開されている物で、いくか気になったものを下記紹介しておきます。
詳しくは以下
カートやクレジットカードのアイコンなどECサイトならではの必要なアイコンが多々あります。今回紹介するのはECサイトのためのフリーアイコンセットをまとめたエントリー「30 High-Quality Icon Sets for E-Commerce Designs」
を紹介したいと思います。
定番中の定番のアイコンから、ちょっとひねりを加えたアイコンなど、様々なECサイトのためのアイコンが紹介されています。今日はその中からフリーで配布されていて、いくつか気になったものをピックアップして紹介したいと思います。
詳しくは以下
Webサイトのデザインにおいて、コンテンツと背景のコントラストを強めたり、背景をぼかすことによって効果的にコンテンツへと目線を誘導するといったような優れたデザインを制作する時に使える、特徴的な背景のテクスチャをまとめた「15 Stylish High Quality Textures Pack」を今回は紹介したいと思います。
ぼやけた背景や不思議な写真、和風の柄まで、さまざまな種類のテクスチャが紹介されています。いくつか気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
