続きを読む… »

売れる色なんてない

色で売り上げが２倍や３倍になるような魔法のような話をよく耳にいたしますが、このような都合のよい話はオンラインショップには存在しません。

色だけで売れるのであれば、ショッピングモールなどでおかしな配色なのに売れているお店が存在することの説明が出来ません。どんなにデザインを変えたところで、誰もほしがらない物は売れるはずがないのですから。

ウェブサイトの配色を変えると売り上げが上がるのではなく、本来売れるべきものが、色の効果で半分もしくは1/3しか売れていなかったと言いかえる方が適切でしょう。

ウェブサイトを訪れていただいたお客様に快適に閲覧していただくための配色を施すことで、対面接客と同じような印象を与えることによって、売上を上げるという目的に到達出来れば最高の配色といえます。その配色はウェブサイト毎に違うはずですので、色彩の心理的な効果などを十分に検討して色を選ぶようにしてください。

売れない色を避ける

相手の顔が見えにくいインターネットの世界で、お客様に信頼していただける情報を提供出来ているということは当然のことですが、配色がうさんくさいと店舗そのものがうさんくさい印象を与えてしまいます。

商品のパッケージカラーの場合は同じ商品棚に置かれる他社の同じような製品と比較されることを考慮しなければなりませんが、ウェブサイトではそのように比較されることは少なく、同じ商品を買うのにどこで買うかの比較が大部分を占めます。皆様は同じ価格の同じ商品が2つのショップで売られている場合はどちらで買うでしょうか？　言うまでもなくほとんどの人が信頼の置けそうなショップで購入します。

まずうさんくさいデザインや配色ではたくさんある店舗を比べる上で著しく不利となり、他店との勝負を価格のみに依存する戦略は、多くのオンラインショップがひしめくインターネット上では賢明とは言えません。そのためにも誰が見てもうさんくさくないという最低ラインをクリアしなければなりません。

しかしうさんくさいデザインについては色彩設計を実践していただければ、簡単に回避出来ますので、ここではそれ以外の要素について考えていきます。

« 隠す

続きを読む… »

色からの連想

私たちは色から様々な印象を受けることがあります。例えば赤と聞いて思い出すのは「トマト」「火」「血」などの具体的な物もあれば、「情熱」「革命」といった抽象的な物もあります。

この後の配色を楽にするために次のチャートを使って、何色かを絞り込むことにしましょう。同じ単語がいくつもの項目に載っている場合がありますが、その場合はその全てをピックアップしておくこととします。完全に一致する物がなくても構いません。

そもそもこのチャートだけで色を特定することは出来ません。同じ青色でも明るい水色のような青色もあれば、暗い紺色のような色もありますし、紫色に近い青色も緑色に近い青色もあります。

いまいちピンとこないという方は対象外となるような色を消去法で消していくだけで構いません。

このウェブサイトの場合

ウェブサイトの目的として、「皆さんが自分でウェブサイトを作れる」「自分で配色が出来る」というのがありましたので、自立心を促せるような色ということで、青色を選び、ピンク色を除外しました。優しい色ですが、同時に他人への依存心を表す色でもあります。

ウェブサイトを製作される皆様に希望と理想を持って製作にあたっていただきたいということで、黄緑・緑・青緑もピックアップしております。

イメージに合わないのは青紫・紫・赤紫ですので、この時点で除外しております。

またよいウェブサイトを作りたいというエネルギーや行動を促す色として赤とオレンジも残しております。

« 隠す

続きを読む… »

目的を配色に活かす

なぜ色を決めるのに目的が必要なのでしょうか？　それは一番はじめの「理想の色」でお伝えしたように、あなたが伝えたい情報を色彩の力で円滑に、そして情報の価値を高めるような配色をしなければ意味がありません。

そこであなたが実際に何を最も伝えたいのか、つまりウェブサイトの目的をはっきりさせる必要が出てきます。とりあえず美しいだけの配色でいいという方は、あちこちで紹介されている配色サンプルの中から、あなたの気に入ったものをそのまま真似てみましょう。そうすればそこそこの配色になるはずです。

しかしそれではあなたが本当に伝えたい内容が伝わっているとは限りませんし、もしかすると逆の印象を与えているかもしれません。そのようなことにならないためにも、あなたのウェブサイトの目的をはっきりとさせておく必要があります。

目的の整理

一口に伝えたい内容と言っても様々にあると思いますが、まずはそれらを列記するところからはじめてみましょう。企業のウェブサイトの場合は経営方針や製品案内などがそれにあたりますが、重要なことはその内容です。

まずはターゲットやコンセプトなどわかっていることを書き出しましょう。それも出来るだけ具体的にです。こういった類の作業はウェブサイトを作る前に全て出来ているはずのものです。もし浮かんでこない場合は配色以前の問題ですので、この部分があやふやだと思われた場合には、迷いなく後戻りすることをおすすめします。

しかしあまり多く出し過ぎても配色するのに困ってしまうことになります。その中でも重要なものを3つに絞ることにしましょう。１つや２つでは目的が不安定になります。意思を持った色彩のためには3つないし4つ程度に絞ってやると色彩設計しやすくなります。

そしてその絞り込んだ3つを掘り下げていき、配色のための根拠を整えていきます。

配色イメージも考えておく

配色のイメージも同時に考えておきましょう。ウェブサイトの目的やターゲットがはっきりとしていれば、それほど難しい作業ではないはずです。

ここでは言葉だけで結構です。「女性向きで柔らかい感じの配色」とか「重厚で堅実な感じの配色」と言ったように言葉を決めておきます。出来上がった物がこれと一致しなければ失敗となります。もちろんトーンからのイメージを用いても構いません。

きちんと考えてイメージを配色イメージを決めてください。好みだけで決めてしまうのは避けましょう。後ほど決定する最初の１色（ベースカラー）がこのイメージと一致するかどうかは配色全般の正否に関わってくる問題ですので、常に意識できるように目に見える場所に書き出しておくことをおすすめします。

このサイトの場合

このサイトを製作するにあたって、ブレーンストーミングして整理した内容はこのようなものでした。その浮かび上がってきた目的や希望を一つずつ掘り下げていくことによって、考慮しなければならないことが見えてきます。

ありきたりではない

他のサイトと比較して、あまり使われていない配色を考える

インパクト（長く印象に残る）

少ない色数を繰り返すことで印象に残す配色をする

自分でウェブサイト作成が出来るようになる

色彩心理的に自立心を促すような色を用いる

文章を読んでもらうことが肝要

文章を邪魔しないよう、余計な色を使わない

このようにして今から自分が今からするカラーコーディネートに対して条件付けをしていきましょう。

« 隠す

続きを読む… »

色彩設計とは

「色彩の基礎知識」までをお読みいただいた方には色彩に関する基礎的な知識はご理解いただけたと思います。ここからは具体的に配色をしていくための準備をしていくことにしましょう。

少し知識を得たところで、早速のその知識を活かして配色を進めたいところですが、今しばらくお待ち下さい。皆様のウェブサイトの目的はお一人お一人で違うはずです。すでに使う色を決めているという方ももう一度考えてみることにしましょう。

そもそも色彩設計とはきれいな色を作るだけのことではありません。自分が伝えたい内容を色彩の力を使って表現することが目的ですが、色の場合はとかく見た目の美しさに心を奪われがちになりますので、相手に本当に伝えたいことが伝わるかということを客観的に見るという作業も必要になります。

好みで色を決めるのではなく、色彩は理論に基づいて設計するものであるということを、常に頭の片隅に置いておくようにしましょう。

意思を持った色彩

会社のコーポレートカラーなどを問いかけると、社長の好きな色だからとかなんとなくこの色に決まっていたなどという答えが返ってくる場合が非常に多いのです。

好みによって決められた色や明確な意志を持たずに設計された色彩の訴求力が高くはないであろうことは明確です。会社の経営方針やホームページの運営方針を明確にすることで、色彩設計の方針も明確になってきます。

最初の1色へのアプローチ

ただ色彩を選ぶことはそれほど難しいことではありませんが、明確な意志をもった根拠のある色彩を選ぶことはそれなりの難しさが出てきます。

しかしどのような色を使えばよいのかは色彩学、色彩心理学、事前の調査などによって絞り込むことが出来ますし、絞り込むことによって色彩の設計が容易になってきます。

今から配色を進めていく皆様のウェブサイトの目的や競合サイトの分析、色彩心理学などの様々なアプローチから、配色の核となる1色を選んでいくことにしましょう。

« 隠す