これは参考になる！紫を効果的に使用しているハイクオリティな日本のWEBデザインまとめました

紫は、青の持つ落ち着いたイメージと、赤の持つエネルギッシュなイメージ、両方の性質をもった色で、性質が複数有るがゆえに配色バランスを取ることが難しい色です。

紫の一般的なイメージは、

などなど。

配色によっては高級感のあるイメージや、インパクトのある元気なイメージを出すことが出来ますが、一歩間違うと下品だったり、かなりどぎついイメージになってしまうことも…。

色の合わせ方が難しいためか、紫系の日本のサイトも数が少ないです。というわけで、今回は紫を上手く使っていくために、効果的に紫を取り入れている日本のハイクオリティなWEBデザインをまとめてみました。（サイト名をクリックするとリンクが開きます。）

同志社大学

同志社大学WEBサイト。白をベースに学校のコーポレートカラーであるロイヤル・パープルを、ナビや画像、テキストリンク色など、ふんだんに盛りこんだデザインです。

京都麻織物

高品質なリネン記事を販売している京都麻織物のサイト。こちらも白ベースですが、ロゴに合わせた淡い紫色を使用しています。

たらこキューピーダンスワールド

「キューピーあえるパスタソース　たらこ」のCMで知られる「たらこキューピーダンス」特設サイト。紫は食欲減退の色と言われていますが、そこにあえての全面淡い紫。カラフルに仕上げてあり、かなり印象に残るデザインになっています。

B.DRESSER

ウエディングプランナー視点でスタートしたというドレスショップのサイト。全面写真背景に、リンク色やナビ、ボタンなどにバランス良く紫を使っています。

信州善光寺仲見世通り-長野県長野市

長野県の信州善光寺仲見世通りのご紹介サイト。緑と渋めの紫で和風なイメージを出しています。

LIBERTY OF LONDON FOR AIGLE

フランスのブランド「エーグル」と「リバティ社」がコラボした「LIBERTY OF LONDON FOR AIGLE」のWEBサイトです。全面柄背景で、フッターやタイトル部分などに紫をバランス良く取り入れています。

Little Witch

「メイクがそのままエイジングケアになる」が、コンセプトの化粧品ブランド、「リトルウィッチ」WEBサイト。アイコンやテキストリンクの色にピンク寄りの紫を使っています。

Ecura

身体を仕組みから美しくするボディ・メンテナンス・メニューをとりそろえた研究所、「ECURA（エキュラ）」のWEBサイトです。ボタン・アイコン・図などに紫が取り入れられています。

いかがでしたでしょうか？配色によってポップにもシンプルにもエレガントにもなっていますね。プロモーションの意味も込めたブランドのサイトに使われている事が多く、ベースに使うよりアクセントに使っているサイトの方が沢山ありました。紫を使って出したいイメージに合わせた配色をするために、参考にしていただけたらと思います。