スッキリと整った印象を与える「色のルール」 失敗しないための配色の基本
記事
デザイン・イラスト
ご覧いただきありがとうございます。
初心者にも親切丁寧なWEBデザイナー
more design officeの樹下です。
WEBサイトの色選びは、サービスの第一印象を左右する大切な要素です。
しかし、「好きな色をたくさん使いたい」という理由で色を増やしすぎてしまうと、かえって大切なボタンやメッセージが目立たなくなり、お客様が迷ってしまう原因になります。
まとまりのある、整ったデザインにするためには、
色を「3つの役割」に絞るのが基本です。
黄金比と呼ばれる「3色のバランス」
1.ベースカラー（全体の約70%）：
背景など一番広い面積に使う色です。白や薄いグレーなど、他の色を邪魔しない色が選ばれます。
2.メインカラー（全体の約25%）：
あなたのブランドやサービスの印象を決める「主役」の色です。
3.アクセントカラー（全体の約5%）：
お問い合わせボタンなど、一番目立たせたい部分にだけ使う色です。
色でお客様の行動をサポートする
この比率を意識するだけで、画面全体に落ち着きが生まれ、お客様の視線を「一番見てほしい場所」へ自然に誘導できるようになります。
「自分のサービスに合う色が分からない」「色がバラバラで落ち着かない」
とお悩みの方は、ぜひお気軽にご相談ください。WEB画像一枚の制作から、サイト全体のトーン＆マナーの設計まで、あなたのサービスが一番輝く配色をご提案いたします。
▼バナーやヘッダーなど、WEB画像制作のご相談はこちら
▼LP全体のカラー戦略も承ります
