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

    EVERNOTEの新機能「Site Memory」実装編

    EVERNOTEからリリースされた新機能「Site Memory」を早…

  2. WEB制作関連

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

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

  3. WEB制作関連

    WEB制作者なら必ず知っておきたいWEBツール21選

    便利なジェネレータやチェックツールなどWEBサイトを制作する際に重宝す…

  4. WEB制作関連

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

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

  5. WEB制作関連

    アプリのようなスライドメニューを実装するプラグイン6選

    facebookのスマートホンサイトなどでも採用されているサイドからス…

  6. WEB制作関連

    404エラーページ作成のススメ

    通常サイトにアクセスしていてページが削除されていたり、タイプミスなどで…

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

    WEBディレクターなら参考にしたい手書きの画面設計書
  2. WEB制作関連

    レトロな雰囲気が素敵なWEBサイト20個
  3. WEB制作関連

    シンプルでカッコいいポートフォリオサイト30個
  4. WEBマーケティング

    マーケティング心理学|両面提示と片面提示
  5. 話題・トレンド

    誰も思いつかなかった100円ライターの再利用法
PAGE TOP
Top