皆さんはブログやホームページにどんな色を使っていますか?その人が着ている服の色と同じように、ホームページやブログの色も、その人の第一印象になります。これからお伝えする色が与えるイメージを、迷った時の色選びの参考にしてくださいね。・カラダに与える影響の、2種類があります。ココロに与える影響とは?『青が好き』『赤は苦手』・・といった、人には色の”好き嫌い”がありますね。それは人が無意識で、その色から何かしらを連想するからです。赤から『火』や『血』イメージして、それを『情熱的で勢いがあって好き』と思う方もいれば、『パワフルな感じが苦手・・』と思う方もいます。カラダに与える影響とは?赤を見ると、脳の一部(下垂体や視床下部など)が刺激され、アドレナリンが分泌され、血圧や心拍数が上昇し、興奮します。逆に、青には鎮静効果があります。赤を見て暑いと感じ、青を見ると涼しいと感じる。カーテンやカーペットの色でも、感じることができますね。どちらも、自分が意図してなくてもカラダのセンサーがそうさせるのです。色が人に与える影響を、あなどってはいけません。色に注目するととてもおもしろいですよ。ライオン(株)ナノックスすっきり落ちる清涼感が伝わりますね。黒や茶色は、あまりないですね。商品デザインは、ターゲットを想定してカラーを決めます。『商品の特徴と色が一致しているか?』Webの世界でも一緒です。あなたの看板メニューが『疲れを癒やすマッサージ』だったとします。テーマカラーがグリーンだと・・リフレクソロジーなど、カラダをほぐしてくれそうです。こちらはどうでしょう?イメージがガラっと変わりますね。同じ色でもこんなに違う例えば、女性向け=ピンクというのは、わかりやすい演出ですね。ピンクと言っても様々なピンクがあります。それぞれ印象も、惹きつけられるタイプも、違ってきます。色って大事!Webで色を選ぶ4つのポイントおうちサロンの皆さんにとって、ホームページやブログの色は、あなたの第一印象を決めるもの。選び方とはしては4通りあります。1,どんな人に思われたいか?2,どんなターゲットなのか?3,商品内容と一致しているか?4,見やすいか?それぞれ考えていきましょう。自然派、ナチュラル→グリーン雰囲気は色相(色み)である程度、演出できます。これは、皆さんが扱う分野でも違ってきます。女性起業家向けのコンサルタントの場合、その人が成功している風のほうが、いいですよね。お客様はそこに『癒やし』は求めてませんから。その場合は、ゴールドや、華やかな青みのピンクなど『憧れ』を演出をします。2,どんなターゲットなのか?自分の見せたいイメージと、ターゲットが好むであろうカラーが一緒なら問題ありませんが、場合によっては違う時もあるので、ここも考慮にいれなければなりません。・明度(色の明るさ、暗さ)・彩度(鮮やかさ)を知っていると、選びやすくなります。明度を使う明度の高い色(白がたくさん入っている色)は、自分を受け入れてくれそうな優しいふんわりとした印象になります。(ペール系)下にいけばいくほど、やわらかい印象になりますね。<お客様のタイプ>・不安を抱えている・自信がない・まず話を聴いて欲しい・ネットでの問合せは不慣れだから怖いまずあなたを受け入れますよと伝えてくれるのが、ペール系のカラーです。彩度を使う彩度は、色の鮮やかさ。Webではビビットカラーをメインで使うと眩しいので、全体のデザインにたくさん使うのは、あまり見かけません。彩度の高い色は、ハッキリとして自己主張の強い印象を与えます。明確にブレずに伝えたい、ブレない自分を演出したい・・そんな方がポイントに使うのにオススメです。<お客様のタイプ>・何か明確な答えを求めている・誰かに決めて欲しい・引っ張っていってほしい・元気やパワーをもらいたいいいからオレについてこいと、伝えてくれるのがビビットなカラーです。コンサル系、ノウハウ系ではよく見かけます。『全体の色から伝わる印象』ここに違和感を感じさせないことが、大切です。人間は思い込みをする生き物です。『グリーンだから、リフレクソロジー』これまで見てきてものや経験が、潜在意識に刷り込まれています。私たちはかけ離れたものを見た時に違和感を感じます。最初に感じた違和感は、なかなか拭いきれません。最初からそんな冒険しなくても(笑)4,見やすいか?視認性ともいいます。読んでもらうために、書いているのですから。・ちゃんと見える・見ていて疲れない大事です。ターゲットの年齢層が高い場合は、慎重に考慮したいところです。実際のホームページやブログの色選びは、様々な要素を考慮して考えていきます。私がアメブロカスタマイズをしていた時に、色選びの最後の決め手は『好きな色でいいですよ』でした(笑)だって、自分が毎日見るものだもん。いくらターゲットやイメージがバッチリでも、その色が自分の好きな色じゃなかったら、更新する気もおきません。好きな色っていうのはその人のパーソナリティがでるので、そんなにかけ離れたものにはなりません。実際のHPの色を変えて比べてみます。注意:わかりやすいようにヘッダー以下のみを表示しています。実際の制作では、写真の色などとも合わせながら調整します。→カラーコードについてはアメブロカスタマイズに必須!色に関する便利ツールで解説しています。ピンクカラーコード:#ffc0cb優しい、女性らしい、華やか、かわいい癒やしてくれそうな優しいピンク。ペールピンクは女性の好感度が自動的にあがる便利な色です。これが、ビビットなピンクだと、”癒やし”よりも”強い女性”を求める方は惹かれるでしょうね。誠実さを売りにしたい、信頼してほしい方。医療系、リフレクソロジーなど。身体的→グリーン精神的→パープルという違いがあります。疲れたカラダを休ませたいならグリーンを、精神的にリラックスしたいならパープルがよいと言われていますので、インテリアなどに取り入れてくださいね。パープルカラーコード:#dda0dd謎めいた、優雅なパープルは独自の世界観、価値観を表現する色です。個性的な雰囲気なので、人とは違うおしゃれ感を演出したい時や、キレイな写真と一緒にうまく使うと、上品でエレガントにもなります。失敗すると怪しい雰囲気になりかねないので、(あえて怪しさを出したい場合は別として)明度を上げたり、彩度を下げたりしながら調整します。ハーブやラベンダーの写真などとうまく使えば、アロマ系にも素敵。同じデザインでも色を変えると、随分印象が違ってきますね。その他、制作事例よりご紹介。初めはアロマ教室によくあるグリーン系で作っていったのですが、主宰者様のご希望と、ターゲットは40代、50代の奥様とのことで、エレガントな明るめのブラウンとベージュを基調にしました。浜田悦子様レッドは男性性、リーダーの色。聴いてくれるだけじゃなくて、悩みをしっかりと解決まで導いてくれそうなレッドをベースにしました。ターゲット層もお子様が小さく、家事や育児の合間にスマホで見る方が多いことも、このカラーにできた理由の1つです。(スマホがとても見やすいのです)※レッドは鮮やかになるとWeb上では眩しいので、トーンを下げています。まとめ・色の効果には、心に与える影響(心理的効果)と体に与える影響(生理的効果)がある。・ホームページやブログの色選びは、色相(色み)、明度(明るさ)、彩度(鮮やかさ)を調整しながら、ターゲット層やイメージ、視認性など様々な要素を考慮して選んでいく。・ペール系の色は優しく受け入れてくれる印象、ビビットな色は意志の強さを印象づける。・迷ったら、自分の好きな色を取り入れるのが結局よかったりする。いかがでしたでしょうか?色の効果をうまく使って、すてきなWebサイトを演出してくださいね。一般的なネット集客のノウハウをおうちサロン・女性個人事業主の方向けにアレンジしてまとめました。真穂この記事を書いた人PC講師20年、おうちサロン歴6年。次男の障害をきっかけにママ支援をするも、SEOの知識の無さから本当に必要な人に情報が届かないという、もどかしさを経験。それをきっかけにWordPress、SEOを本格的に学び、同じ悩みを持つ女性個人事業主の方に向けて、情報発信をしています。検索ホームHomeプロフィールProfileサービスメニューお問合せContact。