印象に残る色相を1サイト1色
通常ウェブサイトは1色だけで作られていることはあまりありませんが、ここでは調査を簡易化するために一番印象に残った色を1色だけ選んでデータを集めていくことにします。多色使いで印象に残る色がわからないという場合は、そのウェブサイトは無視していただいて結構です。
データ取りをしていくわけですが、三属性をそのまま分類しようとすると立体にプロットしていく必要がありますので、まずは色相だけを見ていくことにします。
カラーピッカーを使って色相を分類
ここではカラーピッカーなどのソフトを用いて、HSBのH（色相、色相角）もしくはWindowsの色合いの数値を用いていくことにします。厳密な区分ではありませんが、下記の表に対応させると傾向が見えてきます。プロットに便利なシートは下記よりダウンロードできますので、お使いいただければと思います。また厳密に数値を管理する性質のデータではありませんので、色を見ただけで分類できるという方はご自分の感覚で分類していただいて結構です。
無彩色（白・灰色・黒）は色相環の中に書くようにしましょう。ほぼ無彩色と思われる色（例えば少し青みがかったグレー）などは無彩色の中に含めた方がわかりやすくなります。
またデータを取っている途中で気づいたことがあれば、メモしておくようにしましょう。
色相調査用ワークシート（PDF形式：約100kB）
「基礎からわかるホームページ」の場合
プロットしたデータは左の画像のようになります。ウェブ製作会社のサイトは傾向として青、青紫及び無彩色に集中しており、その次はオレンジという順番になっております。
この表からはわかりませんが、青・青紫を使用しているのは会社が多く、無彩色は個人事業のデザイナーに多いという傾向も出ております。
黄緑・緑は他に使われているサイトがほとんどないので、残してもよいのですが、濃淡を使うと自然のナチュラルな印象が出て、ウェブの会社らしくなくなるので、除外しました。また黄色は非常に明るい色で、メインカラーとして使うと背景色に置く白とのコントラストが取りにくいため除外しております。
この時点で「ありきたりではない」という条件から、世の中のウェブ製作会社で多く使われているオレンジ、青、青紫が逆に使いにくい状況にあるということが伺えます。
現時点で残ったのは赤紫、赤、青緑の２色ということになります。
« 隠す
競合サイトの探し方
競合サイトについては皆様がよくおわかりかと思いますので、競合しえるところを出来るだけたくさんピックアップしてみましょう。多ければ多いほどデータとして扱いやすくなります。
確実な方法はYahoo!などのディレクトリ型検索エンジンで同業者をピックアップする方法です。ただしサイト数があまりに少ないと信頼性に欠けますので、その場合はGoogleなどのロボット型検索エンジンを使って補完しましょう。50サイトも調べればある程度の傾向が見えてくると思いますが、出来れば100サイト以上のデータがあるとよいでしょう。
「基礎からわかるホームページ」の場合
「ホームページの目的と色彩」でも述べたように、このウェブサイトには「ありきたりでない」という要素が含まれていたので調査いたしました。
今回比較対象になったのは、Web製作会社のサイトで100サイトを検証することにいたしました。
« 隠す
