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

    「jQuery逆引きマニュアル 」の読者モニターをやってみた vol.01

    「jQuery逆引きマニュアル Webデザインの現場で役立つ基本と実践…

  2. WEB制作関連

    無料で使えるワイヤーフレーム作成ツールまとめ

    ワイヤーフレームやモックアップを作成する際に利用できるWEBツールのま…

  3. WEB制作関連

    国内WEBデザインギャラリー厳選まとめ

    国内のWEBデザインのギャラリーサイトのまとめです。ギャラリーサイトは…

  4. WEB制作関連

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

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

  5. WEB制作関連

    フリーで使える高品質な紙のテスクチャー40個まとめ

    くしゃくしゃにしたものや古びた感じ、方眼、ノート罫など紙のテクスチャを…

  6. WEB制作関連

    味覚も視覚も刺激する飲食店のWEBサイト33個

    いろいろなジャンルの飲食店のWEBサイトのまとめです。&nbs…

  1. WEB制作関連

    キャラクターを用いたWEBデザイン50個まとめ
  2. WEBマーケティング

    マーケティング心理学|アンカリング効果
  3. LifeHack・仕事術

    3日坊主にならないRSS管理ワザ
  4. Design Items

    ドアストッパーが大変なことに
  5. WEB制作関連

    jQueryを利用した演出がかっこいいWEBサイト50個
PAGE TOP
Top