かなはまです。
今回は今年大流行のフラットデザインに関するサイトのまとめです。サイト制作前にぜひ参考にしてみてください！
フラットデザインとは？
シンプルで平面的なデザインのことです。最近のWebデザインのトレンドとして、AppleやGoogle、マイクロソフトもフラットデザインを取り入れています。シンプルで現代的なUIを実現することができる半面、ユーザーがどこをクリックして良いか分かりにくい、個性的なサイトが作りにくいなどといったデメリットもあります。
今回は、
①配色に困ったら参考にしたいサイト
②フラットアイコンまとめサイト集
③フラットデザインサイトまとめのまとめ
を紹介します！
①配色に迷ったら参考にしたいサイト
今年流行のフラットデザインで使われているカラーコード
DieselとMicrosoftのサイトで使われているカラーコードが見れます。
フラットデザインの定番トレンド配色 + お手本Webサイトまとめ
鮮やか系、レトロ系、モノトーン系など色々なイメージの配色が見れます。
フラットデザインの参考にしたいツール3種と事例5つ
制作の際参考になるツールも紹介されています。
フラットデザインなWebサイトで使われている色ってどんな色？配色パターン事例・カラーコード付き
10個の配色パターンとカラーコード
②フラットアイコンまとめサイト集
今すぐ真似したい！ フラットデザインのiOSアプリアイコン32個まとめ
話題の動画アプリvineやDropboxのアイコンもフラットデザインです。
来るフラットデザイン時代！フラットアイコン作成に役立つページまとめ。
役立つページがかなりまとまっています。要チェック。
本命フラットデザイン、素敵フリーアイコン素材まとめ
使いたくなる無料のアイコンが21種類紹介されています。
フラットデザインに使える無料アイコンセット20選
こちらもかわいいアイコンがたくさん。
③フラットデザインサイトまとめのまとめ
Flat UI Design
海外サイトのまとめです。見てるだけでもおもしろい。
FLAT UI DESIGN
こちらはPinterestページ。
2013年のトレンド、フラットデザインを使うメリット+参考にしたいデザインまとめ
フラットデザインのテクニックなども紹介されてます。
日本ではこれから?!流行のフラットデザイン国内事例17個+α
日本国内でもフラットなサイトが増えてきているんですね。
フラットデザインサイト15個まとめてみた
ここで紹介されている、イタリア人デザイナーのサイトが有名らしいです。
フラットデザインを取り入れた、プレミアムWordPressテーマまとめ
おしゃれなWordPressテーマ。
いかがでしたでしょうか？
レスポンシブWEBデザインの記事も合わせてどうぞ！
◆関連記事
レスポンシブWEBデザインまとめのまとめ
レスポンシブWEBデザインのデザイン・設計上の注意点
スマートフォンやタブレットにも対応する注目のデザイン、 「レスポンシブWEBデザインの基本」
◆参考 ウェブ業界で流行しているフラットデザインの利点と欠点
http://gigazine.net/news/20130808-flat-web-design-is-here-to-stay/