ウェブサイトの配色を行うための色彩学の基礎知識、配色前の準備、色彩設計などウェブサイトのカラーデザインに関する情報サイト
ウェブサイトの配色を行うための色彩学の基礎知識、配色前の準備、色彩設計などウェブサイトのカラーデザインに関する情報サイト
個人サイトやアパレル・デザイン関係などのホームページで、文字情報よりもカラーイメージを強く主張したい時の背景色の扱い方です
背景色を使わなくても、それ以外の部分でイメージを形成することは十分可能ですが、イメージを強く形づけるためには有効な手段です。しかしそれによって文字が読みにくくなることはもってのほかですので、注意して用いることにします。
この場合、気を付けなければならないことは文字が読みやすい背景色にしなければならないということです。「明度だけを変えてサブカラーを作る」のページでも触れたように、可読性は明度差によって決まりますので、背景色が中間くらいの明るさの色だと文字を重ねた時に読みにくくなるおそれがあります。
背景色を置くことを決めた場合は、文字色との明度差が取れるように背景色を明るくするのか暗くするかのどちらかにした方が文字情報が読みやすいと言えます。
ここでは背景色を決定する必要はありません。最終的にイメージを補助するために足すかどうかを決定すればよいでしょう。
元ウェブデザイナーの経験から、操作が必要なもののカラーコーディネートを得意としております。ウェブカラーに関する講演や執筆も多数あります。写真は飼い猫のぶるたんです。
アクセシビリティ アクセントカラー コーポレートカラー サイトの目的 サブカラー ジャッド トーン ベースカラー ユーザビリティ レイアウト 中性色 分析 可読性 執筆 売れる色 失敗 寒色 彩度 心構え 情報の伝達 明度 暖色 書籍 有彩色 業務委託 無彩色 競合サイト 背景色 色の三属性 色の心理的効果 色彩調和論 色相 色相環 視認性 調整 調査 配色 配色サンプル 閲覧環境 面積 面積比 類似色相 CIカラー HSBカラーモデル JIS X8341-3
この記事をTwitterでつぶやく
