搜索引擎搜索結果頁色彩對比研究

0 評論 13890 瀏覽 4 收藏 4 分鐘

下班了。最近學習了顏色的知識,也會用PS了。不禁想起了幾年前,我在soso工作的時候的一些點滴瑣事。那時候,我還負責市場工作,整天就是去做活動,做PR和談合作。

不過有一次新版上線,領導看了之后,總是覺得這個顏色看起來不舒服,記得設計同事調來調去,領導看來看去,都不能滿意。領導總覺得baidu的顏色看上去比較好看。

那時候,我也不太懂這些東西,覺得baidu的顏色一定經過什么高手研究過。

這么多年過去了,自學了顏色的知識之后,了解到,原來顏色有:色相、亮度、純度這些指標,其中亮度和純度合起來又叫色調。

photoshop 或者 fireworks 這些做圖軟件中都有 rgb hex或者HSB的色彩標識方式。其中HSB的三個字母分別是:

色相:Hue

純度:Saturation

明度:Brightness

這樣,有了理論和工具,讓我很欣慰。我這個人就是喜歡鉆研,這下好了,趕緊行動,看看實際情況是什么!

選國內5家主要的搜索引擎吧。大致看一下,各家的搜索結果,都是如下情況:
1)標題用藍色
2)標題中匹配的關鍵字用紅色
3)摘要用黑色
4)頁面連接用綠色
5)快照文字用灰色

下面分別對各種顏色進行一些對比
1)紅色:
baidu????? 0????? 100% ?? 80%
google??? 345? 100%??? 80%
yahoo???? 0????? 100%??? 87%
soso?????? 345? 100%??? 80%
sogou???? 0????? 100% ?? 80%

2)藍色:
baidu?????? 240 100%?? 80%
google???? 240 ? 91% ? 80%
yahoo????? 217?? 98%?? 87%
soso??????? 225 100%?? 80%
sogou????? 240 100%?? 80%

3)綠色:
baidu????? 120? 100%?? 50%
google??? 154??? 88%?? 47%
yahoo????? 104?? 79%?? 55%
soso??????? 120? 100%?? 50%
sogou????? 120? 100%?? 50%

4)黑色:
baidu?????? 0?? 0%? 0%
google???? 0?? 0%? 0%
yahoo????? 0?? 0%? 0%
soso??????? 0?? 0%? 0%
sogou????? 0?? 0%? 0%

5)灰色:
baidu???? 0 ? ? ?? 0%?? 40%
google ?? 222? 70%?? 86%? (此處是藍色)
yahoo? ? 0 ? ? ?? 0%?? 40%
soso????? 0 ? ? ?? 0%?? 40%
sogou??? 0 ? ? ?? 0%?? 40%

看出點啥?
sogou完全照抄baidu
google有點另類
另外,黑色和灰色似乎大家都一樣,沒什么可研究了
紅藍綠三色,大部分都是純色,純度也都是100%或接近,亮度在80%左右。

究竟哪種更好,我覺得這里一時半會也不能憑拍腦袋決定。說到這里,其實已經把幾年前我領導和設計人員改來改去的問題量化開了。

接下去好壞,就是用戶定量的問題。
可以做幾個版面的顏色,然后不同人群來評估。
這個問題的結論,我想以后應該有機會揭示吧~~~

來源:http://hi.baidu.com/mileswen/blog/item/442f1830355c6e94a9018efa.html

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!