5.10日(rì)音(yīn)訊,互聯網的(de)色≤≠↔彩學問(wèn)。*Facebook最初始的(de)設計(jì)界面，那(nσ•♥à)時(shí)候它還(hái)叫做(zuò)the&≥★facebook.com。當時(shí)，想要(yào)在上(shàα∞ng)面開(kāi)個(gè)賬戶必須有(yǒu)一(yī)個(gè)ו≠以.edu(哈佛大(dà)學)結尾的(de)郵箱才行(xφ×íng)。
無心插柳也(yě)好(hǎo)，有(yǒu)意栽培也(yě)好Ω(hǎo)，色彩往往能(néng)夠體(tǐ)現(xiàn)互聯網品牌的(¶✔de)創始人(rén)的(de)審美(měi¥₹)和(hé)喜好(hǎo)，而設計(jì)師(shī)對(duì∞₹)于色彩的(de)挑選和(hé)取舍，也(★✔≥yě)是(shì)完成作(zuò)品中的(de)必ε<€備環節。
Youtube設計(jì)師(shī)Maβ£rcHemeon就(jiù)曾收集了(le)18組流行(xíng)網站(zh← ¶àn)或産品的(de)按鈕設計(jì)色Ωσ₽彩，用(yòng)來(lái)評估和(hé)調研色彩對(duì)"→☆于用(yòng)戶心理(lǐ)的(de)影(yǐng)響：
對(duì)應網站(zhàn)或産¶∞₹品的(de)謎底如(rú)下(xià)：
1、Google
2、Twitter
3、Facebook
4、Microsoft
5、Pinterest
6、Yahoo
7、Instagram
8、Flickr
9、Spotify
10、Rdio
11、Svbtle
12、Medium
13、Basecamp
14、Square
15、Amazon
16、Quora
17、LinkedIn
18、Path
大(dà)部分(fēn)網站(zhàn)或産品的(dβΩe)按鈕色彩都(dōu)不(bù)會(huì) ₽₽超過3種，指向“動作(zuò)ε∞”的(de)按鈕應當統一(yī)為(wèi)同一(yī)種顔☆¶↔色，比如(rú)Google的(de)&l ×dquo;搜索”按鈕是(shì)藍(lán)色，而Tw∑¶itter的(de)“注冊”按↓∏鈕則是(shì)明(míng)亮(liàng)的(de)黃(huáng)∞'₹>色。
社交分(fēn)享工(gōng)具Buffer的π±∑(de)聯合創始人(rén)LeoWidr"✘•ich在博客上(shàng)補充了(le)關于色彩的(de)一(yī)些(x≈↔iē)觀點，摘錄部分(fēn)內(nèi)容如±<$(rú)下(xià)：
色彩能(néng)夠幫助品牌極為(wèi)簡'→易的(de)建立用(yòng)戶認知(zhī)：
灰色：象征冷(lěng)靜(jìng)、₩'&中立;(蘋果、維基百科(kē)、紐約時(shí)報(bào)&hel✘∏lip;…)
綠(lǜ)色：象征健康、生(shēng)命;(BPδ✘←石油、食品超市(shì)wholefoods、星巴克…&•↔hellip;)
藍(lán)色：象征可(kě)靠、力量;(戴爾、大(dà)衆汽車↓©®"(chē)、IBM…&hel$∑lip;)
紫色：象征智慧、想象;(雅虎、T-Mobile、科(kē)幻←>♦主題電(diàn)視(shì)台Syfy……)δ¶☆
紅(hóng)色：象征血氣、年(nián)輕;§↔™α(可(kě)口可(kě)樂(yuè)、樂(yuè)高(gāo)、肯德基ε✘♣¶……)
橙色：象征歡樂(yuè)、信任;(芬達、亞馬遜、火(hu♥★↔©ǒ)狐……)
黃(huáng)色：象征溫暖、透明(míngΩ);(百思買、法拉利、麥當勞&hellip&β≤;…)
站(zhàn)在消費(fèi)者角度，色彩也(yě)能(nén±Ω∏☆g)夠在理(lǐ)解和(hé)決策階段起到(dào)一(yī)定的(de)影(♠£γyǐng)響作(zuò)用(yòng)：
黃(huáng)色：吸引注意力的(de)購(gòu)物 ≈<<(wù)窗(chuāng)口;
紅(hóng)色：刺激心血的(deε↔λ→)緊迫感，常出現(xiàn)在清倉場(chǎng)景Ω∏↓↕;
藍(lán)色：多(duō)用(yòng)于¶"γ銀(yín)行(xíng)和(hé)商業(yè)機(jī)構π<÷γ裡(lǐ)，強調安全;
綠(lǜ)色：讓人(rén)聯想到(dào)富裕和(hé)÷ "∏輕松，緩解壓力;(支付寶的(de)信用(yòng)卡還(h₽≤₹♥ái)款按鈕選擇了(le)綠(lǜ)色作(zuò ')為(wèi)主色調，能(néng)夠理(↔↕lǐ)解原因了(le)吧(ba))
橙色：呼叫意味濃厚，用(yòng)于創建下(xià)訂ε≠、購(gòu)買、出售的(de)行(xí♦≤<ng)動;
粉色：服務于女(nǚ)性和(hé)年(✘↔π♦nián)輕女(nǚ)孩的(de)浪漫色調;
黑(hēi)色：奢侈品的(de)最佳匹配;
紫色：給人(rén)舒緩&平靜(jìng)的(de<•σ©)感受，常被美(měi)容及抗衰老(lǎo)産品使用γ☆←÷(yòng);
男(nán)性和(hé)女(nǚ)性對(duì)于色彩的(de)喜好(€↕✘hǎo)度有(yǒu)所偏差：
企業(yè)分(fēn)析服務公司KISSmetrics的(de)調查報☆≥Ω♣(bào)告顯示(這(zhè)份報(bào)告主要(£¥₩yào)用(yòng)于建議(yì)App産品的('♥"≥de)創業(yè)者在産品設計(jì)上(¥↔•shàng)的(de)策略)—&mda"★∑Ωsh;
女(nǚ)性喜愛(ài)的(de)色彩：藍(l♦☆¶án)色、紫色和(hé)綠(lǜ)色;
女(nǚ)性討(tǎo)厭(yàn)的(de)色彩：橙色、棕色 • ≈和(hé)灰色;
男(nán)性喜愛(ài)的(de)色彩：藍(lán)色、綠(lǜ)色€↑γ和(hé)黑(hēi)色;
男(nán)性討(tǎo)厭(yàn♥ ¥≥)的(de)色彩：褐色、橙色和(hé)紫色;
色彩能(néng)夠決定轉化(huà)率的(de)差距：
美(měi)國(guó)數(shù)字營銷公司Hubspot曾÷♠經做(zuò)過一(yī)場(chǎng)A/BTes$<πting，用(yòng)于測試不(bù)同顔色對(duìαφ )于用(yòng)戶點擊轉化(huà)造成的(de)☆™差異——
左右兩個(gè)測試顔面在內(nèi✔±)容上(shàng)完全一(yī)直，唯一(yī)不(b εù)同的(de)是(shì)按鈕的(de)顔色，在超€↓₹過2000人(rén)次的(de)樣本測<∑β試中，最終紅(hóng)色方案的(de)點擊率超>★←過綠(lǜ)色方案的(de)點擊率足足21%。
而在測試之前，大(dà)部分(fēn)的(d∞φe)研究員(yuán)都(dōu)猜測綠(lǜ)色方案會(h$ ↕uì)獲得(de)更高(gāo)的(de)φβ>點擊，因為(wèi)就(jiù)直覺而言，綠(lǜ)色代表著(zhe)↕♦通(tōng)行(xíng)、準許通(tōng)過的(de)意思，ε♥α而紅(hóng)色則更傾向于警告、阻止意味。
最後，為(wèi)什(shén)麽Html←↕π語言裡(lǐ)超鏈接的(de)默認顔色是(shì)藍(lán)色的(d≤e)?
因為(wèi)藍(lán)色是(shì♠δβ)從(cóng)灰色底色中脫穎而出的(dα☆✘e)最佳色調。
這(zhè)個(gè)決定是(shì)由TimBerners-Lee÷↑£——萬維網的(de)發明§(míng)者做(zuò)出的(de)。在他(tā)←ε那(nà)個(gè)年(nián)代，互♠✔聯網的(de)第一(yī)代浏覽器(qì)Mos Ω→aic顯示的(de)網頁底色通(tōng)常都(dōu)是(s ♣÷€hì)灰底黑(hēi)字，為(wèi)了(le)讓≈>☆★超文(wén)本鏈接能(néng)夠更方便識别，×≤'TimBerners-Lee将超鏈接定義為(✘σ≈wèi)藍(lán)色并帶有(yǒu)下(xià)劃↔₩≈φ線的(de)文(wén)字。
