navigation>年末年始休業につきまして【本日】誠に勝手ながら、全社員研修のため、2017年4月20日(木)の13:00以降はお電話によるサポート受付を休止させていただきます。今回はWeb制作をするさいに活かせる色彩の基礎的な知識をご紹介します。はじめにサイトを作成される際、配色に悩まれている方は多いと思います。その内の多くが「考えてみたもののいい配色が思いつかないので、色を選ぶセンスが足りないのではないかと思っている」というものではないでしょうか。言う私も、こういったセンスに関してはあまり自信がありません。(私が最初に作ったサイトは、同僚に「歯茎に生肉を挿したみたいな色」と言われてしまいました)しかし多くのECサイトで、色はセンスのみで選ばれている訳ではありません。良いサイトほど、1つ1つの色に確固たる理由があって配置されています。逆に言うと、デザインにおける配色は生まれ持っての才能が必要なものではないと言う事です。この記事では「スキルとしての配色」の基礎の部分を書いていきます。テーマを決めるi)何を売るサイトなのか最初に定義するのがこの部分だと思います。今回は、チョコレートを売る事を想定します。チョコレートを売るイメージに必要なものをざっと考えてみましょう。等々、橙色と茶色の中間くらいでしょうか。メインの色が見えてきました。色には3つの要素があります。色相→赤青黄緑黒:「色み」そのものです。明度→青青青青青:色みの「明るさ」です。彩度→赤赤赤赤赤:色みの「鮮やかさ」です。彩度を上下げする事で「派手・地味」を表現できます。(チョコレートは派手すぎるイメージではないので、彩度は低めにする方が良いかな・・・)の様に考えて行く事ができます。使用する色は、大きく分けて3種類に分け、以下の様な割合にするのがスタンダードな考え方です。背景などになる色です。アクセントを出す色です。配色を図にすると(これをそのまま”配色図”と言います)以下の様になります。ここで素敵な例を見てみましょう。月額会員制の野菜宅配サイトです。ベースカラーを白、アソートカラーを深い緑、アクセントカラーをオレンジにしています。野菜そのものの色をうまく使っていますね。アソートカラーが二種類になっているのは「分割」という方法です。同系色を使って、色のバリエーションを増やしています。(余談ですがこのサイト、2011年時点で180万PV。す、すごい・・・!)こういった色はどのように選んでいるのでしょうか。3.色の選び方まずアソートカラーを、1のiiのようにテーマに沿って選びます。たたき台のようなものなので、思い切って選んでしまいましょう。コツは、見やすくするために明度の低い色を選ぶ事です。今回は「洋色大辞典」を使ってそのまま「チョコレート」色を選びました。アソートカラーの明度を上げて彩度を少し落としたものを使うと、楽にまとまりのある配色になります。