WEB制作関連

色とWEBデザイン -あか編-

色別WEBデザインのまとめです。今回のテーマは「赤」です。

 

色の特徴とイメージ

赤は活力を感じさせる色で人の感情や食欲を刺激する効果もあるのでバーゲンセールの告知や料理の紹介などユーザーの欲求をかき立てたい場合などに効果的ですね。

また、売り感の強いものだけでなくトーンを調整したり無彩色とあわせて使うことで高級感や洗練されたイメージを演出することもできます。

ポイントでは膨張色で視認性も高いので注意を惹きたい時などにも重宝しますが、その分刺激の強い色なので使用する面積を考慮しないと本文が読みずらくなったりユーザーに拒絶されたりする場合もあるので注意が必要です。

赤をキーカラーにしてるWEBデザイン

Cafe Rouge

reddesign_01.jpg

Bowtie

reddesign_02.jpg

Alex Fueras

reddesign_03.jpg

GodMotherBackup

reddesign_04.jpg

Margot Blanche

reddesign_05.jpg

New Hampshire Distributors, Inc.

reddesign_06.jpg

Nuevo-aurich

reddesign_07.jpg

さらに見たい方はこちらもどうぞ

使用頻度の高い色だけにぜひ使いこなせるようになっておきたいですね。

この記事を読んだ人はこんな記事も読んでいます

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

関連記事

  1. WEB制作関連

    デザイナーなら必ずダウンロードしたいフリーフォント100個

    クールなものやポップなものなど、デザインに重宝しそうなフリーフォントの…

  2. WEB制作関連

    HTMLメールのプレビュー方法 -Thunderbird編-

    HTMLメールを作ったんですが、どうやってプレビューすればいいの?…

  3. WEB制作関連

    パララックス効果で奥行きを魅せるWEBサイトまとめ

    パララックス効果とは視差効果ともいい、平面で重なり合う画像を異なる速さ…

  4. WEB制作関連

    美しい写真に目を奪われるWEBサイトまとめ

    WEBサイトを作る時にきれいな写真素材が揃っているとちょっとモチベーシ…

  5. WEB制作関連

    多色使いが美しいWEBデザイン45個

    複数の色を効果的に使ってデザインされたWEBサイトのまとめです。…

  6. WEB制作関連

    写真を効果的に魅せる6つのjQueryギャラリー

    どんな情報を見せるにしても欠かせない画像を効果的に見せられるjQuer…

  1. WEB制作関連

    Webサイトをリニューアルすべきではない理由
  2. WEBマーケティング

    レコメンド機能を利用したクロスセルとアップセル
  3. WEB制作関連

    徹底比較。クロスブラウザのテストツール15個
  4. Design Items

    光を浴びて輝く。影を使ったアートたち
  5. WEB制作関連

    パララックス効果で奥行きを魅せるWEBサイトまとめ
PAGE TOP
Top