5.10日(rì)音(yīn)訊,互聯網的(♦✘λde)色彩學問(wèn)

　　5.10日(rì)音(yīn)訊,互聯網₽±π£的(de)色彩學問(wèn)。*Facebook最初始的(de)設£δ☆¥計(jì)界面，那(nà)時(shí)候它還(hái)叫做(zuò)thef¥→π≤acebook.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)互聯網品牌的(d♣↓↕e)創始人(rén)的(de)審美(měi)和(hé)喜好↔≤(hǎo)，而設計(jì)師(shī)對(du™α ì)于色彩的(de)挑選和(hé)取舍，也♦≥(yě)是(shì)完成作(zuò)品中的(de)必備環節γ® 。

　　Youtube設計(jì)師(shī)MarcHemeoα∏n就(jiù)曾收集了(le)18組流行(xíng)網站(z±αβhà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)或産品的(deγ ♠)按鈕色彩都(dōu)不(bù)會(huì)超過3種•₩，指向“動作(zuò)”的(de)按鈕應當統一(yīφ✘)為(wèi)同一(yī)種顔色，比如(rú)Goog>♠ ®le的(de)“搜索”按鈕✔$是(shì)藍(lán)色，而Twitter♣‍↔的(de)“注冊”按鈕則是 ™≤>(shì)明(míng)亮(liàng)的(de)黃(huáng↓∞∞±)色。

　　社交分(fēn)享工(gōng)具®↑Buffer的(de)聯合創始人(rén)LeoWidrich在博客上(shε α&àng)補充了(le)關于色彩的(de)一(y©₽↑‌ī)些(xiē)觀點，摘錄部分(fēn)內(nèi)容如(rú♦>↓✔)下(xià)：

　　色彩能(néng)夠幫助品牌極為(wèi)簡易的(de)建立用$φγ♥(yòng)戶認知(zhī)：

　　灰色：象征冷(lěng)靜(jìng)、中立;(↔♣ →蘋果、維基百科(kē)、紐約時(shí)報(bà∏ ≈o)……)

　　綠(lǜ)色：象征健康、生(shēng)命;(BP石油、"₩±→食品超市(shì)wholefoods、星巴克……"σ∞)

　　藍(lán)色：象征可(kě)靠、力量;(戴爾、大(dà)衆π₽汽車(chē)、IBM……)

　　紫色：象征智慧、想象;(雅虎、T-Mobile、科(kē)<‍$→幻主題電(diàn)視(shì)台Syfy…&™¶hellip;)

　　紅(hóng)色：象征血氣、年(niá§γn)輕;(可(kě)口可(kě)樂(yuè)、樂(yuè)高‌≥(gāo)、肯德基……)

　　橙色：象征歡樂(yuè)、信任;(芬達、亞馬遜、火(h δ₹€uǒ)狐……)

　　黃(huáng)色：象征溫暖、透明(m‌™íng);(百思買、法拉利、麥當勞……)

　　站(zhàn)在消費(fèi)者角度，色彩也(yě)能(néng♦₩≠§)夠在理(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)的(dγα‌δe)感受，常被美(měi)容及抗衰老(lǎo)産品使用(yòng);

　　男(nán)性和(hé)女(nǚ)性對(duì)于色彩的σβ♥☆(de)喜好(hǎo)度有(yǒu)所偏差：

　　企業(yè)分(fēn)析服務公司K'αβISSmetrics的(de)調查報(bào)告顯示→≠≠×(這(zhè)份報(bào)告主要(yào)用(yòn©☆γg)于建議(yì)App産品的(de)創業(yè>®¶≤)者在産品設計(jì)上(shàng)的(de)策略)&mdash✘✘;—

　　女(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/BTesting<×，用(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)色方案的(d✔€™εe)點擊率超過綠(lǜ)色方案的(de)點擊率足↔ ε★足21%。

　　而在測試之前，大(dà)部分(fēn)的(de)研究員‍✔(yuán)都(dōu)猜測綠(lǜ)色方案會βπ♠$(huì)獲得(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)色的(de)?

　　因為(wèi)藍(lán)色是(shì)從(cóng)灰色底色中脫≥‍穎而出的(de)最佳色調。

　　這(zhè)個(gè)決定是(shì)由TimBerne→☆‍rs-Lee——萬維網的(de)發明​₽ε (míng)者做(zuò)出的(de)。在他(tā)那(nà)個(gèδ₹)年(nián)代，互聯網的(de)第一(yī)代ε↔α浏覽器(qì)Mosaic顯示的(de)網頁底色通(tōng)常✔↕£都(dōu)是(shì)灰底黑(hēi)字，為(wèi)了☆δ(le)讓超文(wén)本鏈接能(néng)夠更方便識别，TimBerner™>Ω♦s-Lee将超鏈接定義為(wèi)藍(lán)色并←λ≤€帶有(yǒu)下(xià)劃線的(de)∏ε©文(wén)字。