「色」を見たら神社を思い出してくれるようなテーマカラーを決めよう

スポンサーリンク
紅葉:テーマカラーを決めよう作成する前に

おしゃれな色使いのホームページにしたら、「神社のイメージじゃない」って氏子さんに言われちゃったわ。なんでなのかしら?

今回はこういう色に対するお悩みに添いたいと思います。

今回も難しい知識はいりません。前半は知っといて損はない知識、後半はルールを知らなくてもオシャレな配色が決められるサイトの紹介と感覚重視の私の配色の決め方です。

色はブランドを表す

ある特定の色を見ると、私たちはそれがどんな店か何の店か、または商品をイメージすることができます。何度も見ることによって「色が表すもの」を無意識で認識するようになりました。

上の色の組み合わせは大手コンビニのブランドカラーです。なんとなくわかりますよね?この色をみたらあそこのコンビニと分かるように、色とものは結ばれています。また「色彩のみからなる商標」といって組み合わせにも注意しなくてはなりません。

色が人に与えるイメージを利用する

色が人に与えるイメージがあります。下に、Canavaサイトより色から連想されるものとその色が使われる業界を表にしました。

色のイメージ業界
白 White誠実、純情、清浄、平和健康、科学技術、医療
ピンク Pink女性性、柔らかさ、育成美容、玩具、ランジェリー
赤 Red活動、興奮、刺激、最新小売り、ヘルスケア
オレンジ Orenge興奮、活発、エネルギー、外向フィットネス、物流、科学技術
黄色 Yellow楽観、外向、フレンドリー、幸福、快活フィットネス、デジタル、予算
青 Blue能力、知性、信頼、効率性、義務、議論、コミュニケーション金融、ヘルスケア、科学技術、保険
黒 Black洗練、魅力、力、荘厳、尊厳ファッション、金融、自動車
紫 Purpleランジェリー、信憑性、品質ランジェリー、科学技術、デザイン
茶色 Brown耐久性、真剣、自然、土質菓子、コーヒー
緑 Green自然、安全、アウトドアエコ、ヘルスケア、アウトドア
Canava

色のイメージは国、世代によって異なります。なので、表を参考にしつつ自分の感覚も信じるといいと思います。

このように、色が人に与えるイメージは違います。これを利用して企業はブランディングを行っています。

たとえば、子供向けのお菓子を売りたいときに紫を使うよりも、黄色やピンクを使う方がいいでしょうし、自動車メーカーでエコをアピールしたいときは緑を効果的使うと、洗練された感じでありながら自然を破壊しないイメージを与えられます。

神社サイトも戦略的に色を使うことをおすすめします。

・神社サイトに訪れる人にどんな印象を与えたいですか?
・あなたの神社の教えや大切にしていることはなんでしょうか?
・神社を通してどんな世界を作りたいですか?

神社の存在意義を直感的に与えられるような色を選んでみてください。

ホームページ制作に参考になるサイト

「ノンデザイナーこそ押さえておきたい!グッとくるWebサイト配色パターン」
ベース、メイン、アクセントカラーとイメージしやすいです。鮮やかな配色が多いです。

「配色の見本帳」
一色を選ぶと論理的に配色にぴったりの色を教えてくれます。

「反転色と補色を求める」
シンプルです。とりあえず迷ったらこのサイトで調べるといいですよ。このサイトを見てyamatokobachi.comのサイトアイコンはテーマカラーと反転色で作りました。

「Colorable」
背景と文字の色を効果的に使いたいときに参考になります。「Random」をクリックして面白い組み合わせが見つかるといいですね。

「PALX」
basecolorのところにテーマカラーの数字を入力するだけで、その色に違和感なくぴったり合う色を計算してくれます。

神社らしい色で自社サイトの配色をつくる(私の場合)

神職になじみの深い「色が表すもの」といえば、袴ではないでしょうか。が赤だったら巫女さん、緑だったら事務の方か総代さん、浅黄色だったら、紫だったら、紋がはいっていたら・・・。

色が階級や身分を表すので好きな色の袴を着用してはいけない、ということはご存じだと思います。これと同じで一般の人には神社にたいするイメージカラーがあります。

和色を選ぶ

まずは日本の伝統色 和色大辞典から選べば、大体日本的なイメージになります。ここにない色がどうしても好きな場合は、似た色をとりあえず選びます。

淡くて薄い色よりも、なるべく暗めの落ち着いた感じを選びます。例えば「藍鉄」にします。

配色サイトでイメージをつかむ

配色を勝手に選んでくれるサイトを利用して、ホームページの配色をイメージします。

ウェブ配色ツールVer.2.0が簡単で分かりやすいのでオススメします。

右の基本色と書いてあるところに「#393f4c」と入力すると、藍鉄をテーマカラーにした配色を勝手に作ってくれます。ホームページイメージの下に文字の色や背景などの色の表示があります。

色相差を右左にスライドさせると、配色のバリエーションが広がります。

この時に、好きな組み合わせがあればメモります。また、「この色がいい!」というのがあったら、基本色に入力して配色をしらべます。

これで、ホームページに使っていく色がほぼ90%決まりました。あとは、使いながら微調整しています。そして、気が変わったら、またこっそり微妙にかえます。

作成する前に
スポンサーリンク
いつもありがとうございます!
楽カミほむぺ★
タイトルとURLをコピーしました