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

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

この記事のタイトルとURLをコピーする
これは参考になる!紫を効果的に使用しているハイクオリティな日本のWEBデザインまとめました
https://webkikaku.co.jp/blog/webdesign/purple-webdesign/
facebook twitter hatena Pocket

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

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

◆連想するイメージ
高貴、優雅、和、神秘的、欲求、エキゾチック、大人っぽい、妖艶、魅力、心配、ミステリー

◆心理的効果
催眠効果、想像力UP、感受性UP、緊張や不安を和らげる

◆連想するもの
ぶどう、茄子、藤、スミレ、菖蒲、風呂敷、着物

などなど。

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

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

同志社大学


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

京都麻織物


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

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


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

B.DRESSER


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

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


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

LIBERTY OF LONDON FOR AIGLE


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

Little Witch


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

Ecura


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

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

この記事のタイトルとURLをコピーする
これは参考になる!紫を効果的に使用しているハイクオリティな日本のWEBデザインまとめました
https://webkikaku.co.jp/blog/webdesign/purple-webdesign/
facebook twitter hatena Pocket

東京・名古屋を中心に、中小企業に特化したホームページ制作会社。マーケットやビジネスモデルに合わせ一社一社に合わせたウェブ制作・リニューアルのご提案しています。
1000サイト以上のウェブマーケティング支援で獲得したノウハウで、リニューアル後に過去最高の成果を生み出したお取引先は多数。勘ではなくロジックに基づいたホームページ制作と柔軟な対応力で多数のお客様にご評価頂いております。

どのようなお悩みでも構いません。ホームページを有効的に活用できていないと考えているご担当者の方、まずは一度弊社にご相談くださいませ。

ご提案依頼・ご相談はこちら
公式facebook、twitterから情報を受けとる
いいね!する フォローする
前のページ
次のページ
ページトップ