bitFlyer ビットコインを始めるなら安心・安全な取引所で bitFlyer ビットコインを始めるなら安心・安全な取引所で

WEBデザインの配色

カラースキーム

WEBデザインの配色はできるだけシンプルに考えます。
複数の色を使う場合はできるだけ同じトーンに揃えるとまとまりがでます。

下記の表は必ずこうしなくてはいけないという物ではありません。一つの指針として理解してください。
時には、配色ルールからはみ出す事も重要です。

 Main ColorSub ColorAccent Color 
概要企業イメージカラーやサービスや商品などを抽象する色。Main Colorを補うための色。Mainよりトーンを遅した色など。Main Colorなどよりもコンストラス差大きい色、警告色など。注目を集める場合に使用する色。
使い所企業ロゴやメニューやフッターなど。グローバルメニューのバックグラウンドカラーとしてMainカラーよりもトーンを落とした色など。リンク項目やマウスオーバー時やその他訴求したい項目など。

このサイトの例だと

Main Color:黒
Sub Color:ブルー
Accent Color:Sub colorよりも明るいブルー
一部コンテンツ外の部分はグレーにしています。

だいたい使用する色は3〜4色程度にとどめるようにした方がよいです。

bitFlyer ビットコインを始めるなら安心・安全な取引所で bitFlyer ビットコインを始めるなら安心・安全な取引所で