最も人気のあるサイトはどの色を使用していますか?





製品を選択するとき、色は重要な要素です。 これは、自動車から靴まで、さまざまな製品のほとんどの購入者が確認できます。



色は、一般にインターネットおよびサイトトラフィックでの販売のパフォーマンスに大きく影響します。 ユーザーのほぼ半数が、デザインに基づいてWebサイトについて意見を述べています。 ここでの配色は、最後の役割とはかけ離れています。



デザイナーPaul Hebertは10の人気サイトを分析しました。 彼は、サイトのメインページとスタイルシートで使用されている色の分布に関する統計を収集しました。



「配色の作成に問題があることがよくあります。この場合、他の企業がどのように行動するのか興味がありました」と彼は推論しました



はじめに、Paul はAlexaランキングを調査し Google.com、Youtube.com、Facebook.com、Baidu.com、Yahoo.com、Wikipedia.org、Amazon.com、Google.co.in、 Qq.comおよびTwitter.com。



デザイナーは、各サイトで使用されるすべての色の値をCSV形式で返すスクリプトを開発しました。 結果は、この形式の10エントリのセットでした。



http://www.Google.com|#fff|#000|#767676|#2d2d2d|#bebebe|rgba(0,0,0,.2)|#ccc|#c0c0c0|#36c|#4c4c4c|#dd4b39|#dd8e27|#900|#eee|black|#f5f5f5|rgba(0,0,0,.12)|#666|#fef9db|#4d90fe|rgba(255,255,255,0.5)|rgba(0,0,0,.1)|#3079ed|#dcdcdc|#444|#4787ed|#2f5bb7|#357ae8|rgba(0,0,0,0.3)|#f1f1f1|#f8f8f8|#fbfbfb|#ffffff|#c6c6c6|#222|rgba(0,0,0,.8)|rgba(0,0,0,0)|#ebebeb|rgba(0,0,0,.3)|#00c|#11c|#551a8b|#999
      
      







彼はこのスクリプトのソースコードをGithubに投稿しました。 これと他のスクリプトを使用したプロジェクトは、 ここから入手できます



その後、Hebertは得られたサンプルを分析し、グラフに値の散布を視覚的に表示しました。



サイトを設計する際に、黄色または赤の2倍の青、および緑の3倍の色が使用されることが判明しました。 計算を簡単にするために、Hebertは透明色を考慮しませんでした。





Paul Hebertのサイトの画像



グローバルネットワークでの青の優位性は非常に明白であるため、設計者は青緑色を別のカテゴリに分類する必要がありました。





Paul Hebertのサイトの画像



円の中心から特定の色を示す点までの距離は、彩度を示します。 色に関連するドットが太いほど、10個の最も人気のあるサイトに頻繁に表示されます。



「マジック」カラー



神経生物学者と心理学者による研究によれば、色は聴衆の特定のセグメントに影響を与える能力を持っています。



青色は安全性を象徴しています。



「最も安全な」配色は青です。 その色合いはすべて「機能」し、青との各組み合わせが効果的です。 青は、性別、年齢、その他のパラメーターに関係なく、ほとんどの人に人気があります。



一部の心理学者は、晴天(「安全な」天気)または海(雲のない空を反映)の青は、人々の信頼性、自信、力に関連すると考えています。



多くのサイトでは、色「セキュリティ」を使用しています。 例に目を向ける必要はありません。











そして、もちろん、VKontakteソーシャルネットワーク:







緑色は成長を象徴します



緑の主なメッセージは成長です。 ほとんどの研究者にとって、この関連の理由は明らかです:ほとんどの植物は緑です。















その他の調査結果









すべてのユーザーは、人気のあるソーシャルプラットフォームFacebookのサイトデザインが非常に優れていることを知っています。 ただし、それに加えて、このサイトではさまざまな他の色が広く使用されており、たとえば、Baidu、Google、Wikipediaでは3倍少ない色です。



それでも、Amazon開発者は青い色をできるだけ使用せず、より暖かい色合いを好むようにし、YahooのWebサイトで、Hebertは一般に支配的な色を決定できませんでした。







デザイナーは、サンプル内の100または1,000のサイトを含む主要なWebリソースのパレットを再分析する予定です。 ヘバートは、より大きな実験の結果が、彼が長く関心を寄せてきたいくつかの基本的な質問に対する答えを見つけるのに役立つと確信していました。



たとえば、彼は個人の色の好みが生来の特徴であるかどうか、または時間と文化に応じて変化できるかどうかを知りたいと考えています。



このページで各サイトの色分析に慣れることができます



All Articles