フラットデザインのサイト、アイコン、配色まとめ集

Web制作

かなはまです。
今回は今年大流行のフラットデザインに関するサイトのまとめです。サイト制作前にぜひ参考にしてみてください!

 

フラットデザインとは?

シンプルで平面的なデザインのことです。最近のWebデザインのトレンドとして、AppleやGoogle、マイクロソフトもフラットデザインを取り入れています。シンプルで現代的なUIを実現することができる半面、ユーザーがどこをクリックして良いか分かりにくい、個性的なサイトが作りにくいなどといったデメリットもあります。

レスポンシブWEBデザインまとめのまとめ

今回は、

①配色に困ったら参考にしたいサイト

②フラットアイコンまとめサイト集

③フラットデザインサイトまとめのまとめ

を紹介します!

 

①配色に迷ったら参考にしたいサイト

今年流行のフラットデザインで使われているカラーコード

DieselとMicrosoftのサイトで使われているカラーコードが見れます。

今年流行fdカラーコード.fw.png



フラットデザインの定番トレンド配色 + お手本Webサイトまとめ

鮮やか系、レトロ系、モノトーン系など色々なイメージの配色が見れます。

fd定番配色.fw.png



フラットデザインの参考にしたいツール3種と事例5つ

制作の際参考になるツールも紹介されています。

fdツール事例.fw.png



フラットデザインなWebサイトで使われている色ってどんな色?配色パターン事例・カラーコード付き

10個の配色パターンとカラーコード

fdなwebデザインどんな色?.fw.png

②フラットアイコンまとめサイト集

今すぐ真似したい! フラットデザインのiOSアプリアイコン32個まとめ

話題の動画アプリvineやDropboxのアイコンもフラットデザインです。

findjobfd.fw.png

 

来るフラットデザイン時代!フラットアイコン作成に役立つページまとめ。

役立つページがかなりまとまっています。要チェック。

フラットアイコン役立つまとめ.fw.png



本命フラットデザイン、素敵フリーアイコン素材まとめ

使いたくなる無料のアイコンが21種類紹介されています。

v.png



フラットデザインに使える無料アイコンセット20選

こちらもかわいいアイコンがたくさん。

LIGfdアイコン.fw.png



③フラットデザインサイトまとめのまとめ

Flat UI Design

海外サイトのまとめです。見てるだけでもおもしろい。

fd.fw.png



FLAT UI DESIGN

こちらはPinterestページ。
fdpinterest.fw.png



2013年のトレンド、フラットデザインを使うメリット+参考にしたいデザインまとめ

フラットデザインのテクニックなども紹介されてます。

2013トレンドfd.fw.png

 

日本ではこれから?!流行のフラットデザイン国内事例17個+α

日本国内でもフラットなサイトが増えてきているんですね。

日本ではこれからfd.fw (1).png



フラットデザインサイト15個まとめてみた

ここで紹介されている、イタリア人デザイナーのサイトが有名らしいです。

fd15個まとめ.fw.png


フラットデザインを取り入れた、プレミアムWordPressテーマまとめ

おしゃれなWordPressテーマ。

fdwordpressテーマまとめ.fw.png

いかがでしたでしょうか?
レスポンシブWEBデザインの記事も合わせてどうぞ!

◆関連記事

レスポンシブWEBデザインまとめのまとめ
レスポンシブWEBデザインのデザイン・設計上の注意点
スマートフォンやタブレットにも対応する注目のデザイン、 「レスポンシブWEBデザインの基本」

◆参考 ウェブ業界で流行しているフラットデザインの利点と欠点
http://gigazine.net/news/20130808-flat-web-design-is-here-to-stay/

 

商品・サービスへのお問い合わせ

ご相談、お見積もりのご依頼など

お問い合せはこちら