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

    固定配置したナビゲーションのWEBサイト21個

    ナビゲーションが固定配置されたWEBサイトのまとめです。このブログもナ…

  2. WEB制作関連

    Webサイトをリニューアルすべきではない理由

    世の中には様々なWebサイトがありますが、数年に一度はリニューアルされ…

  3. WEB制作関連

    パーツ別のWEBデザインギャラリー8選

    ヘッダー、フッターから見出し、ナビゲーションといったパーツにフォーカス…

  4. WEB制作関連

    ワイヤーフレーム作成に便利なWebツール「Moqups」

    最近利用している人をよく見かける機会が増えたこの「moqups」ですが…

  5. WEB制作関連

    便利なオンライン校正管理ツール19選+2

    いろいろ試しているんですがなかなかこれといった手法に行きつかないデザイ…

  6. WEB制作関連

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

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

  1. WEB制作関連

    WEBサイト心理学|視線解析
  2. Design Items

    卵に印刷できるプリンタ
  3. LifeHack・仕事術

    整理HACK!を読みました。
  4. iPhone

    超速クリア動画がスゴい。「Touch the Number」
  5. iPhone

    お気に入りの曲をiPhoneの着信音にする方法
PAGE TOP
Top