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ツールのま…

  2. WEB制作関連

    鮮やかな色合いが目を引くデザインのWEBサイト25個

    鮮やかな色使いでデザインされたWEBサイトのまとめです。 (さ…

  3. WEB制作関連

    やっぱり美しい!ブライダル系のWEBサイトまとめ

    素材の綺麗なサイトのデザインはやっぱり見ているだけで楽しいですが、美し…

  4. WEB制作関連

    円形を効果的に使用したWEBデザイン50個

    WEBデザインはコーディングを含めグリッドをベースに考えることが多いと…

  5. WEB制作関連

    Webサイトをレイヤーに分けて保存できる「Page Layers」

    久々の更新になってしまいましたがおもしろいMac Appを見つけたので…

  6. WEB制作関連

    色とWEBデザイン -黒編-

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

  1. Design Items

    貯金箱はどうしてブタなんだろう?
  2. LifeHack・仕事術

    意外と知られていないURL短縮「bit.ly」の便利機能
  3. iPhone

    レトロな雰囲気のiPhoneケース8選
  4. WEBマーケティング

    マーケティング心理学|カリギュラ効果
  5. LifeHack・仕事術

    FireFox目的別おすすめアドオン 18選
PAGE TOP
Top