マーケティング現場の用語集|デザイン・配色

配色の比率(70:25:5)

Color Ratio 70:25:5:はいしょくのひりつ

ひとことで言うと

ベースカラー70%、アソートカラー25%、アクセントカラー5%という、バランスの良い配色の面積の目安です。

くわしい解説

Webサイトや資料で使う色は、基本的に3色以内に絞り、この比率で面積を配分すると、まとまりがありながらメリハリのある配色になります。色の数が多すぎたり、面積の配分が均等すぎたりすると、雑然とした印象になり、どこを見ればよいかわからなくなります。色を決めるのはデザイナーの好みではなく、ペルソナの性格や、伝えたい印象から考えることが大切です。

lightbulb 具体例

研修会社のサイトで、白(ベース70%)、紺(アソート25%)、金色(アクセント5%)の3色で統一し、誠実さと品の良さを表現します。

school この用語を学べる講座

arrow_back