Blog

フラットデザインの制作に役立つあれこれ

フラットデザインとは、最近の流行りで、
無駄を省いた、シンプルな質感でしばらくは今後のデザイントレンドになると考えられるものです。
ミニマルな感じで僕は非常に好きなタイプなのですが、
このデザインでキーとなるのが、
「タイポグラフィ、写真、アイコン、配色」
で、特に重要なのがタイポグラフィなので、
日本語を使うサイトでは、英語圏のサイトに比べるとちと難易度が高いのが悩ましい所。。。

まぁそんなことをいってもしかたがないので、
実際制作するにあたり、役に立つサイト等をお伝えします。

 

まずは、他のサイトのフラットデザインはどんなもんかと調べるためのサイトをご紹介。
Flat UI Design - A showcase of the best examples of the flat UI design aesthetic on the web.

Flat UI Design – A showcase of the best examples of the flat UI design aesthetic on the web.

 

次に、フラットデザインで配色するための色を手っ取り早く知るためのサイト

Flat UI Colors

Flat UI Colors

 

そして、フラットデザインに使えるアイコンの紹介。

こちらは先日書いた以下のブログをご覧ください!
商用無料!流行りのフラットデザインにぴったりなアイコン4セット

 

最後は、実際にデザインしてあるパーツ等をPSDでダウンロード出来る素材のご紹介です。

縦長すぎるので、画像は省力しますが、
この2つは手元に置いておきたい素材です。
色味の参考にしてもよし、そのまま使ってもよしな非常にありがたい品です。

Flat UI

Square UI Free – User Interface Kit – Designmodo
こちらはツイッターでつぶやくとダウンロード出来るようになります。

 

最後にあまり関係ないですが、
webサイトで使用している色を教えてくれるサイトのご紹介です。
urlを入れるだけで、そのサイトが実際に使っている色を割合も含めて表示してくれます。

Colours

Colours

Author Profile

Y.A

アベと申します。
ディレクター兼デザイナー兼コーダーです。
まだまだ未熟者ですが、日々頑張っています。。。

» 投稿一覧
  • Launch Cart次世代ECサイト構築システム 初期月額無料
  • LaunchMovie ECに特化した動画制作サービス

Archive

ページTOPへ