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制作関連

    MT4.2でブログ記事に関連記事一覧を表示

    サイト内回遊を高めるために有効な関連記事表示。これを自分のブログに…

  2. WEB制作関連

    MovableType5インストールしました。チカッパ編

    前回MT4からのアップデートを試みたが見事に失敗したので再チャレンジ。…

  3. WEB制作関連

    デザイナーなら必ず知っておきたい国内素材サイト22選

    デザインにはかかせない写真やイラスト、動画などの素材サイトのまとめです…

  4. WEB制作関連

    色とWEBデザイン -オレンジ編-

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

  5. WEB制作関連

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

    HTML5や新しいデバイスの登場で今後も頭を悩まされそうなクロスブラウ…

  6. WEB制作関連

    レトロなデザインのWEBサイトまとめ

    レトロな雰囲気を持ったデザインのWEBサイトのまとめです。 (…

  1. WEB制作関連

    味覚も視覚も刺激する飲食店のWEBサイト33個
  2. LifeHack・仕事術

    簡単に他人から仕事で評価されるたったひとつの方法
  3. WEB制作関連

    Word×Dreamweaverで高速コーディングをするワザ
  4. 話題・トレンド

    誰にでもできる(かもしれない)最強の護身術
  5. WEB制作関連

    色とWEBデザイン -あか編-
PAGE TOP
Top