視覺(jué)色彩優(yōu)化
IBM一直被人們稱(chēng)藍(lán)色巨人（Big Blue)：信任、可靠�？煽诳蓸�(lè)是紅色：活力、熱情。顏色不僅僅作為這些公司的標(biāo)識(shí)，還把它們加以理想化了。
不可否認(rèn)，色彩改變了我們對(duì)于所見(jiàn)事物的反應(yīng)“顏色”。不同的配色方案，給人以不同的感受，或頑皮、或深沉；或冷淡、或熱情；或別致、或邋遢；或充滿活力、或安靜；或陰郁、或活潑；或端莊、或幼稚；或樸實(shí)、或浪漫；或?qū)I(yè)、或業(yè)余；或熾熱、或陰森。色彩選擇，決定了人們?cè)诘谝谎劭吹骄W(wǎng)站時(shí)的感覺(jué)。因此，色彩是Web設(shè)計(jì)者手中最普遍，也是最強(qiáng)大的工具。我們說(shuō)“設(shè)計(jì)=解決問(wèn)題”，而視覺(jué)設(shè)計(jì)，就是“用視覺(jué)語(yǔ)言去解決邏輯問(wèn)題”。
在2002年，一個(gè)研究小組得到了一些有趣的發(fā)現(xiàn)。斯坦福Web可信性項(xiàng)目開(kāi)始了解是什么因素讓人們對(duì)網(wǎng)站產(chǎn)生信任或者不信任，而很多因素在他們的發(fā)現(xiàn)中都很明顯：公司聲譽(yù)、客戶服務(wù)、出資人，還有廣告，這些都會(huì)讓用戶決定該網(wǎng)站是否值得信任。但是最重要的因素——在他們列表中排在第一位的——卻是網(wǎng)站的視覺(jué)風(fēng)格和美感。
交互設(shè)計(jì)領(lǐng)域著名的大師，Donald Norman，總結(jié)說(shuō)：“積極的情感增強(qiáng)了創(chuàng)造性和廣度優(yōu)先的思考，而負(fù)面的情感集中在認(rèn)知上，增強(qiáng)深度優(yōu)先處理并把干擾降到最少；積極的情感讓人們更能容忍一些困難，在尋找解決方案的時(shí)候變得更靈活而有創(chuàng)造性。”當(dāng)人們開(kāi)始喜歡某些界面的時(shí)候，它們事實(shí)上會(huì)變得更可用。
電子商務(wù)垂直搜索LIST頁(yè)面的視覺(jué)優(yōu)化，風(fēng)格上我們通常會(huì)支持品牌。目標(biāo)上傳達(dá)出一種強(qiáng)烈的品牌信息，如“阿里巴巴的橙色系列，“1688的Logo”。但是品牌識(shí)別不止是圖標(biāo)和廣告詞。它遍布在阿里巴巴項(xiàng)目產(chǎn)品設(shè)計(jì)、阿里巴巴的網(wǎng)站，以及阿里巴巴的材料中——事實(shí)上，品牌對(duì)配色方案的選擇、字體、圖形、詞匯表，體現(xiàn)在各個(gè)方向。
視覺(jué)設(shè)計(jì)師制作了內(nèi)容相同而風(fēng)格不同的上百個(gè)界面，然后產(chǎn)品規(guī)劃與設(shè)計(jì)團(tuán)隊(duì)成員集體投票，選擇一個(gè)最合適的風(fēng)格定位。在設(shè)計(jì)與選擇的過(guò)程中，如果我們很了解目標(biāo)用戶，那么他們的內(nèi)在反應(yīng)和情感反應(yīng)是可以預(yù)見(jiàn)的，并且可以預(yù)見(jiàn)的程度還相當(dāng)驚人。答案就在于實(shí)際情況下很多因素的結(jié)合：
- 顏色-讓色彩更具有可讀性，少一點(diǎn)顏色，多一點(diǎn)價(jià)值。
- 排版-根據(jù)字體的選擇，文字顏色的選擇，再看內(nèi)在的、情感上的因素來(lái)布局。
- 規(guī)模-避免空間過(guò)度擁擠。
- 角度和形狀-尖銳的角度、線交叉點(diǎn)或多個(gè)線條匯聚的地方，使用這些焦點(diǎn)把用戶的眼光引導(dǎo)到你希望的地方去。
- 重復(fù)出現(xiàn)的視覺(jué)主題-角落處理模式可以給用戶帶來(lái)視覺(jué)旋律。
- 文本-選擇形散，神不散的字體與文本顏色。
- 圖片-節(jié)制性的使用裝飾性圖片，在功能性GUI里謹(jǐn)慎使用，因?yàn)闀?huì)分散用戶注意力。
- 文化因素-如果要表達(dá)明顯的文化含義，考慮下將要面對(duì)的受重。
針對(duì)電子商務(wù)搜索LIST頁(yè)面用戶體驗(yàn)設(shè)計(jì)，視覺(jué)優(yōu)化不是萬(wàn)能的，但是沒(méi)有視覺(jué)優(yōu)化階段是萬(wàn)萬(wàn)不能的。
出處：藍(lán)色理想
責(zé)任編輯：bluehearts
上一頁(yè) 電子商務(wù)搜索LIST頁(yè)面用戶體驗(yàn)設(shè)計(jì) [2] 下一頁(yè) 電子商務(wù)搜索LIST頁(yè)面用戶體驗(yàn)設(shè)計(jì) [4]
|
第 1 頁(yè) 
第 3 頁(yè) 電子商務(wù)搜索LIST頁(yè)面用戶體驗(yàn)設(shè)計(jì) [3]
