Loading...
  • 0k
  • 0
ウェブデザイン \ 2016年1月4日

Webデザインでのテキストカラー選択のコツって何?

色には、パワーがあります。好きな色に一瞬にして目を奪われたり、気分が変わったり、感情を呼び起こされたり。サイト上での色彩の重要性が分かりますよね?Wixのホームページテンプレートを使えば、無料とは思えないほどのきれいな色のテキストで構成されたホームページができあがります。とはいえ、ホームページに使うテキストと、適切な背景色の選択はWebデザインの基本となる部分ですので、最も力を入れるべき部分の一つです。

テキストの色は、絵画と同じくらい繊細。豊かな色のハーモニーを醸し出すこともできますが、一歩まちがえば、バランスを台無しにしてしまうことも。ホームページの色のテーマを決め、テキストの色を変えて、ぐっと魅力的なホームページにしたいとお考えなら、これから紹介するポイントを参考にしてみてください!

テキストカラー選択のコツ

コントラスト

テキストの色を選ぶにあたって一番大切なことから始めましょう。“読みやすさ”です。テキストが目に止まり、読みやすいホームページにするためには、背景とテキストのコントラストが適切であることが大切です。背景とテキストに、似たような色を使ってしまうのはタブー。明るい色の背景には暗い色のテキスト、もしくは逆の組み合わせにするといいでしょう。イメージの上にテキストを重ねる場合も同様です。長い文章のときは、暗いテキストを使うと、読者が集中力をキープできるという利点も。

コントラスト

ハーモニー

ホームページを構成する要素は、整合性があり、お互いを際立たせるような存在であるべきです。たとえば色に関して言えば、淡い黄色の背景を選んだのなら、タイトルは、暗めの色にして目立たせる、かといって、あまり極端すぎない組み合わせを選ぶ。といったように、常に“ハーモニー”を考慮に入れましょう。

色のハーモニー

ブランディング

ロゴや、特に伝えたい感情や雰囲気などはありますか?色を上手に使うことで、そのメッセージを伝えることができます。環境に優しい“グリーン”な会社であれば、実際にグリーンや自然を彷彿させる色をデザインに使うといいでしょう。もし子どものおもちゃを販売しているのであれば、鮮やかで活き活きとした色合いを使うと、イメージにぴったり合ったホームページが出来上がると思います。一概に正解、間不正解といった答えはありませんが、業界やサービス、商品のイメージにマッチした色を選ぶのがポイントです。

ブランディング

ウェブデザインのスタンダード

むやみにいじらない。これが鉄則です。ウェブデザインには「皆が持っている共通認識」があります。たとえば、グレーのテキストであれば、書き込みフォーム。赤いテキストであれば、エラーもしくはデータが欠けていることを示している。青い下線のテキストは、クリックしてハイパーリンクに飛ぶことができる。こういったアクションや情報を示唆しているのです。これらのスタンダードを理解した上でその部分についてはいじらず、残りの部分で「その企業らしさ」「ブランドらしさ」を自由に表現しましょう。

ウェブデザインのスタンダード

文化への配慮

文化の違いによって、色への反応は異なるものです。文化、宗教、祝日など、ターゲット層の違いによって、何か特別な意味があるのかどうか、しっかりリサーチをする必要があります。たとえば、赤は、中国では縁起がいいとされていて、アメリカでは愛を意味することを、ご存じですか?それぞれの色は、世界のどの国にいるかによって、さまざまな違う意味を持っているのです。あなたと、サイト訪問者にとって、意味合いもセンスもぴったりフィットする色合いを使うようにしましょう。

文化への配慮

最後のアドバイスとして、細部まで注意を払う事は大切です。ヘッダー、ボタン、フッターに至るまで、テキストすべてが美しくかつ正確に仕上がっているようにしましょう。サイト訪問者にいい印象を与えれば、きっといい結果がついてくるはずです!

さあ、あなたも無料でオリジナルホームページを作りましょう!


今すぐ Wixブログ を
無料購読しよう!

Wixブログを購読しよう 役立つ情報をいち早くゲット!

正しいメールアドレスを
入力して下さい

Wixブログを購読 \  

WebデザインやWix新機能についての
最新情報を無料でお届けします!

正しいメールアドレスを
入力して下さい