WEB制作関連

色とWEBデザイン -むらさき編-

色はデザインをする上で重要な役割を担いますが、それぞれの色には多くの人が共通で抱くイメージや心理的効果を持っています。

今回のテーマは「紫」です。

色の特徴とイメージ

紫は古くからいろいろな国で美しく高貴な色として愛され、権威や品格の象徴とされてきました。古代ローマでは代々皇帝の色とされ、日本でも聖徳太子が定めた「冠位十二階」の最高位は紫ですし、現代でも「紫綬褒章」などがありますね。このように紫は気品や風格をイメージさせます。

逆に「紫が好きだと欲求不満。」なんてよく言われるかもしれませんが使い方によっては官能的または神秘的なイメージにもなりますね。

紫は赤と青の両方の特性を持っている色でもあるのでどちらによせるかによっても印象が変わってきます。

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

Assistly

purpledesign_01.jpg

Themify

purpledesign_02.jpg

Tobias Persson

purpledesign_03.jpg

CremaLab

purpledesign_04.jpg

TapMates

purpledesign_05.jpg

Shout Digital

purpledesign_06.jpg

京都サンガF.C.オフィシャルサイト

purpledesign_07.jpg

筑波大学

purpledesign_08.jpg

京都大学

purpledesign_09.jpg

もっと見たい方はこちらもどうぞ

紫はうまく使えば高級感や神秘的な世界観などを表現できますが、使い方を間違うと派手で下品なデザインにもなりかねない両刃の剣です。その分使いこなせればデザインの幅を広げる大きな武器となるんじゃないでししょうか。

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

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

関連記事

  1. WEB制作関連

    やっぱりオシャレなフォトグラファーのWEBサイト20個

    写真家たちのWEBサイトのまとめです。写真を大きく使ったものが多いです…

  2. WEB制作関連

    自然をモチーフにした24のフルFlashサイト

    地球、水、火、空気といった自然のエレメントをモチーフにしたフルFlas…

  3. WEB制作関連

    ダウンロードしておきたい便利なシルエット素材85セット

    人のいろいろな動きから動物、植物や街並みまでモチーフや世界観作りなどに…

  4. WEB制作関連

    Word×Dreamweaverで高速コーディングをするワザ

    WEBサイトをコーディングする際にMicrosoftのワードで原稿をも…

  5. WEB制作関連

    WEBサイト心理学|アフォーダンス理論

    アフォーダンスとは、もともと知覚用語だったものをドナルド・ノーマンがイ…

  6. WEB制作関連

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

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

  1. WEB制作関連

    jQueryベースのグローバルナビゲーション20選
  2. ソーシャルメディア

    あなたはどのタイプ?facebookでの行動パターン11
  3. Design Items

    光を浴びて輝く。影を使ったアートたち
  4. WEBマーケティング

    マーケティング心理学|バーナム効果
  5. Design Items

    世界地図をモチーフにしたおもしろアート
PAGE TOP
Top