色相を分析する

三属性のうち色相を分析することで色彩心理の効果などを含めて分析します。

印象に残る色相を1サイト1色

通常ウェブサイトは1色だけで作られていることはあまりありませんが、ここでは調査を簡易化するために一番印象に残った色を1色だけ選んでデータを集めていくことにします。多色使いで印象に残る色がわからないという場合は、そのウェブサイトは無視していただいて結構です。

データ取りをしていくわけですが、三属性をそのまま分類しようとすると立体にプロットしていく必要がありますので、まずは色相だけを見ていくことにします。

カラーピッカーを使って色相を分類

ここではカラーピッカーなどのソフトを用いて、HSBのH（色相、色相角）もしくはWindowsの色合いの数値を用いていくことにします。厳密な区分ではありませんが、下記の表に対応させると傾向が見えてきます。プロットに便利なシートは下記よりダウンロードできますので、お使いいただければと思います。また厳密に数値を管理する性質のデータではありませんので、色を見ただけで分類できるという方はご自分の感覚で分類していただいて結構です。

無彩色（白・灰色・黒）は色相環の中に書くようにしましょう。ほぼ無彩色と思われる色（例えば少し青みがかったグレー）などは無彩色の中に含めた方がわかりやすくなります。

またデータを取っている途中で気づいたことがあれば、メモしておくようにしましょう。

色相調査用ワークシート（PDF形式：約100kB）

「基礎からわかるホームページ」の場合

プロットしたデータは左の画像のようになります。ウェブ製作会社のサイトは傾向として青、青紫及び無彩色に集中しており、その次はオレンジという順番になっております。

この表からはわかりませんが、青・青紫を使用しているのは会社が多く、無彩色は個人事業のデザイナーに多いという傾向も出ております。

黄緑・緑は他に使われているサイトがほとんどないので、残してもよいのですが、濃淡を使うと自然のナチュラルな印象が出て、ウェブの会社らしくなくなるので、除外しました。また黄色は非常に明るい色で、メインカラーとして使うと背景色に置く白とのコントラストが取りにくいため除外しております。

この時点で「ありきたりではない」という条件から、世の中のウェブ製作会社で多く使われているオレンジ、青、青紫が逆に使いにくい状況にあるということが伺えます。

現時点で残ったのは赤紫、赤、青緑の２色ということになります。

投稿日時: 2010年01月26日 23時16分
カテゴリー：競合サイトの分析 | 1件のコメント »
タグ：分析, 競合サイト, 色相, 調査

Trackback :