webサイト制作の勉強|2018年9月クラス用ブログ

webサイト制作の勉強に関する解説ブログです。

配色の基本

f:id:yachin29:20180726135439p:plain

メインカラー

その名の通りサイトの印象を決定づける主役の色です。


ベースカラー

最も大きな面積を占める基本となる色で、余白や背景などに用いることが多い色です。メインとアクセントのカラーを引き立てる脇役的な立ち位置。


アクセントカラー

全体の5%と少ない使用量ながら一番目立つ色で、全体を引き締める、ユーザーの目を引く役割があります。


色数はできるだけ少ない方がいい

色が難しくなるのは、たくさんの色を同時に使おうとするからです。例えば、白と黒、白と赤だけの配色を見て、バランスが悪い、まとまりがないと思うことはほとんどありません。しかし、そこに青や黄などが混ざってくることで、配色は一気に難しくなります。裏返せば、色をできるだけ使わないようにすれば、誰でもそこそこまとまりのある配色にすることができるということです。

カラースキーム

カラースキーム【color scheme】 色彩計画。 色のもつ心理的・生理的・物理的な性質を利用して、まとまりのある雰囲気を作るなど、目的に合った配色を行うための設計。

material.io


colormind.io





WEBデザインで押さえるべき配色(ベース、メイン、アクセント)の基本「3つのカラー」|テクニカルブログ|株式会社エムハンド



photoshopvip.net


baigie.me



olivejune.com