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ディレクターがスケジュールを引いてはいけない理由

    プロジェクトを進める際には必ずスケジュールの提出を求められると思います…

  2. WEB制作関連

    海外Webサイトの特徴 -中国編-

    だいぶ久々の更新になってしまいました。実は仕事の都合で上海に行っていた…

  3. WEB制作関連

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

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

  4. WEB制作関連

    クリエイティブなシングルページWEBサイト20選

    1枚構成のビジュアルをベースにしたWEBサイトのまとめです。&…

  5. WEBディレクターズマニュアル

    WEBディレクターの為の便利ツール「Support Detail」

    エラーが起きていると言われたけど自分のPCでは再現しない。そんな時はま…

  6. WEB制作関連

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

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

  1. LifeHack・仕事術

    覚えやすくて破られづらいパスワードの作り方
  2. 話題・トレンド

    Before I Die… 死ぬまでにしたいことは何ですか?
  3. 話題・トレンド

    Evernoteに新機能「Site Memory」がリリース。
  4. Design Items

    紹介ムービーがカッコイイ!「魔法のハサミ」
  5. Design Items

    究極のユーザビリティを実現したスイッチ
PAGE TOP
Top