2014/11/20 クリエイター

UIデザインのカラーの参考になるサイト・コンテンツまとめ

UIデザインのカラーの参考になるサイト・コンテンツまとめ UIデザインで使用されているカラーの参考になるサイトやコンテンツを5つ紹介します。フラットカラー、グラーデーションといったUIデザインのカラーがまとめられているので、UIデザインの参考になります。

Best Flat Colors for UI Design

フラットデザインで使えるベストカラー26色がまとめられています。
スマートフォンのUIデザインなどで使いやすい色ばかりです。
レッド、ピンク、パープル、ブルー、グリーン、イエロー、オレンジ、グレイそれぞれのカラーも見ることができます。


http://www.flatuicolorpicker.com/new

Flat UI Colors

スタンダードなフラットデザインのカラーが表示されています。
各カラーをクリックするだけでカラーコードがコピーできます。
カラーコードのフォーマット選択メニューの開き方がちょっと楽しいです。


http://flatuicolors.com/

Metro UI Colors

Windows 8やWindows Phoneで使われているModern UI のカラーをまとめたコンテンツです。
Metro UIはModern UIのコードネームで、Metro=地下鉄(ロンドン)のデザインを参考にしていることからMetro UIというコードネームで呼ばれています。


http://colorlib.com/etc/metro-colors/

iOS 8 colors

iOS8で使われているカラーをまとめたサイトで、フラットカラーだけでなくグラーデーションも収録されています。
オンマウスでカラーコードが表示されます。
グラーデーションのカラーコードは淡→濃の2種類が表示されるので、サンプル取りのグラデーションが描けます。


http://ios8colors.com/

Color - Style - Google design guidelines

Googleが発表したMaterial DesignのStyleのColorの項目では、UI Color Paletteが掲載されており、UIデザインで使用するカラーを規定しています。
デザインガイドラインはColor、Typography、Icons、Imageryの4つで構成されています。


http://www.google.com/design/spec/style/color.html#
Webデザインの求人案件 Webデザインの求人案件

Webデザイナーやクリエイターの求人・案件情報です。
制作会社もあれば自社サービスのUIデザイン案件等、幅広く掲載しています。