UIデザインは色で勝負！Webサイトやアプリの配色で押さえておくべき7つのポイント

色は、タイポグラフィーや空間を始め、インターフェースを構築する上で非常に重要です。ビジュアルデザインの中でもユーザーとのコミュニケーションを図る上でもっとも重要視されている部分であり、デジタルの商品の総体的な認知に大きく影響します。
 
色を構成して使用する数などを事前に決めるということは、難なくデザインをしていく上で必要不可欠です。一定の色のシステムを作ることによって、使用済みの色を減らしたり、二重になっている色を極力避けることが可能になります。しかし、一体どのようにしてこのようなシステムを作るのでしょうか。ここでは、色を構成するにあたって知らなきゃ損！な7つの秘訣を紹介します。
 
１.　インターフェース・インベントリーを行う
 
インターフェース・インベントリーとは、アプリやウェブサイトの構成要素を分類する手順のことを意味し、商品に使用する色の数を表示します。ウェブサイトを製作中な場合、CSS Statusというツールがスタイルシート上のオリジナルカラーを洗い出すのに便利でおすすめです。
 
 
もしSketchを通してインベントリーをつくっている場合、Sketch-Style-Inventorypluginを使用すると、色を集合させ似たようなスタイルのものを融合させることができます。
 
 
既存の商

リンク元