唐納(na)德·諾曼(man)（Donald Norman）在《情感化設(she)計：我(wo)們為什么會喜歡(huan)（或(huo)討厭）日(ri)常事(shi)物》（Emotional Design: Why we Love (or Hate) Everyday Things）一(yi)書中(zhong)描(miao)述了一(yi)個他發現(xian)的研究“系統美(mei)學的好壞，會影(ying)響(xiang)后續使(shi)用(yong)對美(mei)觀和可(ke)用(yong)性的感受，但是實際上可(ke)用(yong)性沒有這樣(yang)(yang)的影(ying)響(xiang)”，換(huan)言(yan)之，視覺(jue)設(she)計對整個體(ti)驗的影(ying)響(xiang)與可(ke)用(yong)性一(yi)樣(yang)(yang)。

視覺設計可能比用戶體驗更重要這個想法，聽起(qi)來好像不對，但(dan)是(shi)它不應該讓我們感(gan)到詫異，人(ren)類被他們覺得美的(de)事(shi)物所(suo)吸引。

有研究表明：大人(ren)(ren)和小孩都(dou)更(geng)容易(yi)相信他們覺得(de)有吸(xi)引(yin)力的(de)人(ren)(ren)（more likely to trust someone）。相同(tong)(tong)的(de)理論對應用(yong)程序(xu)和網站(zhan)來說(shuo)似乎同(tong)(tong)樣如此：人(ren)(ren)們更(geng)容易(yi)暫時相信吸(xi)引(yin)人(ren)(ren)的(de)應用(yong)所說(shuo)的(de)話(hua)。

在(zai)這篇(pian)文章中(zhong)，我(wo)們(men)就(jiu)來看(kan)看(kan)為什(shen)么人們(men)更(geng)(geng)喜歡有吸引力(li)的界(jie)面。它(ta)會(hui)說(shuo)明我(wo)們(men)作為人類，以及用戶(hu)體驗(yan)(yan)的從業者如何利用這些知識來創造更(geng)(geng)好的用戶(hu)體驗(yan)(yan)。何為吸引？在(zai)討論UX中(zhong)的美(mei)學之前，我(wo)們(men)需要(yao)回答一個問(wen)題(ti)。什(shen)么意(yi)味著，這個事物存在(zai)客觀(guan)的吸引力(li)？

從字面上看，這是劃時代的問題，哲學(xue)家們可(ke)以追(zhui)溯到(dao)畢達哥拉(la)斯曾經問過什么是美，畢達哥拉(la)斯的追(zhui)隨者認為“美是表(biao)現和諧(xie)，像數(shu)學(xue)上的黃金分割一樣”。從此許多(duo)數(shu)學(xue)家、哲學(xue)家開始(shi)試圖量化美。

另一(yi)方面，伏爾泰認(ren)為，美是(shi)不可被界定的(de)，這也許會引發“情(qing)人眼里出(chu)西施(shi)”這種說法。經驗主義者遵循這種觀念，把美類比(bi)于快樂，就像人看到美好(hao)的(de)事物所表現出(chu)的(de)樣子

有(you)(you)一些科學家(jia)認為(wei)：能讓我們(men)賞心悅目的(de)是那些最有(you)(you)益于我們(men)健康的(de)事(shi)物。因此，疾病使得人們(men)看起(qi)來(lai)“沒有(you)(you)魅力”，像漿果之類對(dui)我們(men)有(you)(you)益的(de)東(dong)西(xi)，同樣給我們(men)視覺上(shang)的(de)愉悅感。這(zhe)個理(li)論(lun)有(you)(you)很大(da)的(de)漏洞（想(xiang)象下美麗的(de)毒性青(qing)蛙），但理(li)論(lun)本(ben)身也許有(you)(you)一定的(de)優點。

另外，一些(xie)人爭論說美來源于社會和文(wen)化(hua)的(de)(de)傾(qing)向。事實上在美國，絕大多數孩子在很小(xiao)的(de)(de)時候就看迪士尼電(dian)影，他們加深了女(nv)巫(wu)和惡人都長(chang)相(xiang)丑陋，然而英雄和女(nv)主(zhu)角都長(chang)相(xiang)俊美的(de)(de)想法，然而遠不止(zhi)這些(xie)。

如今，由(you)于受(shou)我們周圍(wei)媒體日益的影(ying)響，大(da)量(liang)的時(shi)尚產品，美(mei)容美(mei)發趨勢(shi)（facial hair trends），甚至體型都(dou)被認(ren)為是(shi)有吸引力的；十年(nian)后，那些相同的趨勢(shi)看起來可能會(hui)讓人感到尷尬或不屑。隨著文(wen)化傾向(xiang)的變更，文(wen)化對美(mei)的定義(yi)也(ye)會(hui)跟著變化。

我(wo)們(men)將(jiang)(jiang)觀(guan)點同(tong)理到(dao)用戶體驗設計(ji)中，或許因為我(wo)們(men)將(jiang)(jiang)某(mou)些(xie)交互或者網(wang)站元素與可(ke)用性聯系了起(qi)來，讓(rang)我(wo)們(men)感(gan)覺(jue)很有吸引(yin)力(li)。同(tong)時，有很多網(wang)絡趨勢(shi)和(he)視(shi)覺(jue)資(zi)源現在看起(qi)來很吸引(yin)人，但是幾個(ge)月或幾年過后就沒(mei)那么大影響力(li)了。

例如：曾經有一(yi)段(duan)時間漫(man)畫字(zi)體(ti)(ti)(ti)成為(wei)了一(yi)種優選(xuan)字(zi)體(ti)(ti)(ti)，還(huan)有就是(shi)動(dong)畫啟(qi)動(dong)頁成為(wei)了精(jing)心設(she)計(ji)的(de)網站的(de)一(yi)種象征。在(zai)用(yong)(yong)戶體(ti)(ti)(ti)驗(yan)設(she)計(ji)中的(de)視覺設(she)計(ji)基于沒有一(yi)個(ge)人的(de)審美觀是(shi)“完美的(de)”的(de)認(ren)知，我(wo)們現在(zai)可以(yi)深入研(yan)究視覺設(she)計(ji)在(zai)用(yong)(yong)戶體(ti)(ti)(ti)驗(yan)設(she)計(ji)中的(de)所起的(de)作用(yong)(yong)。畢(bi)竟(jing)，它不僅僅是(shi)使東西變得好看。

usability.gov上將視覺設計定義（usability.gov defines visual design）為(wei)“戰略(lve)性的實現圖片、顏色、字體和其他(ta)元素”，目的是用來(lai)增強設計或交(jiao)互，并(bing)吸引(yin)用戶。

視(shi)覺(jue)設(she)計不同于(yu)交互設(she)計，交互設(she)計側重(zhong)于(yu)完成任(ren)(ren)務所需(xu)的功能(neng)性。視(shi)覺(jue)設(she)計則是吸引用(yong)(yong)戶，通過(guo)大小、顏色(se)和留白的使(shi)用(yong)(yong)來引導用(yong)(yong)戶注意到正確的功能(neng)和排列頁面中事物的優先(xian)順序，甚至(zhi)是通過(guo)使(shi)用(yong)(yong)視(shi)覺(jue)線索增加(jia)品牌信(xin)任(ren)(ren)。

在某些方面，視覺(jue)設(she)(she)計(ji)可以看(kan)做是平面設(she)(she)計(ji)和用戶體驗設(she)(she)計(ji)的(de)(de)結合（graphic design and user experience design）。事先聲明隨(sui)著這些領域的(de)(de)不(bu)斷發展，客觀來(lai)說，平面設(she)(she)計(ji)通(tong)常(chang)是指靜態的(de)(de)圖片或視覺(jue)效果的(de)(de)設(she)(she)計(ji)。

用戶體(ti)驗設(she)(she)計(ji)(ji)包(bao)含(han)了交(jiao)(jiao)互設(she)(she)計(ji)(ji)和(he)用戶界面設(she)(she)計(ji)(ji)，所以(yi)注重(zhong)交(jiao)(jiao)互。視覺設(she)(she)計(ji)(ji)正好位于中間，包(bao)含(han)了以(yi)改(gai)善交(jiao)(jiao)互和(he)可用性為目的而設(she)(she)計(ji)(ji)靜態(tai)的圖片和(he)視覺效果。

視覺(jue)(jue)設(she)計實際上可以極大的(de)(de)改變用戶(hu)(hu)看屏幕的(de)(de)方式（一語(yu)雙(shuang)關(guan)），用戶(hu)(hu)甚至會期望從外觀(guan)上吸引人的(de)(de)屏幕里獲得：更(geng)(geng)(geng)好的(de)(de)功(gong)能(neng)性、更(geng)(geng)(geng)實用、更(geng)(geng)(geng)人性化。相關(guan)性谷歌的(de)(de)產(chan)品(pin)總監(jian)盧(lu)克(ke)?弗羅布萊(lai)夫斯基（Luke Wroblewski），曾(ceng)經花費數(shu)年時間探索視覺(jue)(jue)設(she)計和(he)用戶(hu)(hu)操(cao)作(zuo)之間的(de)(de)相關(guan)性。在他(ta) 2008 年“論(lun)視覺(jue)(jue)層級”（Communicating with Visual Hierarchy）的(de)(de)報告中，盧(lu)克(ke)闡釋了(le)視覺(jue)(jue)設(she)計在用戶(hu)(hu)體驗中的(de)(de)作(zuo)用。他(ta)認為“視覺(jue)(jue)層級”2（Visual Hierarchy）（即(ji)如何安(an)置和(he)突顯屏幕上的(de)(de)項目）幫助我們：傳達消息(xi)；指(zhi)示操(cao)作(zuo)；組(zu)織信息(xi)。

緊(jin)接著盧克分享了許多技(ji)巧和建(jian)議，意圖在于(yu)激勵設計師們去(qu)思考他們應該在哪(na)以及怎樣顯示信(xin)息(xi)。一個具(ju)備吸(xi)引力的視覺層級，同(tong)時也是(shi)可(ke)用的那個。

然(ran)而七年至(zhi)今，視覺(jue)設計在用戶體驗工(gong)作中的重要性(xing)仍(reng)然(ran)很少被提及。

在StackExchange中（Over at StackExchange），討(tao)論還在繼續。

某個用戶指(zhi)出：一方(fang)面研究(jiu)表(biao)明(ming)，UI的(de)樣(yang)式是真的(de)會(hui)影(ying)響到體驗嗎？通常，人(ren)們會(hui)通過(guo)封面判斷書籍。

另(ling)一(yi)方面提醒我們，如(ru)果視覺設計很(hen)重要，那么(me)你如(ru)何(he)解釋微(wei)軟（Microsoft）糟糕產(chan)品的(de)(de)(de)驚人成功？我已經(jing)使(shi)用Outlook將近 20 年(nian)了，并且在我看(kan)來(lai)Outlook從來(lai)沒有(you)兩次相同的(de)(de)(de)界(jie)面（不，我不是(shi)一(yi)個(ge)傻子）并且它一(yi)直有(you)很(hen)高的(de)(de)(de)市場(chang)份額！這是(shi)什么(me)意思(si)？

在(zai)旁觀者眼(yan)里(li)是漂亮(liang)的，有些用戶(hu)覺得微軟(ruan)（Microsoft）很漂亮(liang)，或者視覺設計(ji)畢竟是一(yi)件(jian)好事(shi)，并不是一(yi)個碰運(yun)氣的事(shi)兒，正如Lucke Wroblewski所定義。

一(yi)(yi)(yi)個(ge)StackExchange用(yong)(yong)(yong)戶似乎要(yao)取得(de)平(ping)衡：”…視覺設計影(ying)響(xiang)整體用(yong)(yong)(yong)戶體驗(yan)的(de)(de)(de)一(yi)(yi)(yi)個(ge)或多個(ge)方面，在幫(bang)助用(yong)(yong)(yong)戶實現目標的(de)(de)(de)過程(cheng)中，它可能不(bu)一(yi)(yi)(yi)定是(shi)最重要(yao)的(de)(de)(de)部分，但(dan)是(shi)必將(jiang)與用(yong)(yong)(yong)戶的(de)(de)(de)感(gan)知有關(guan)。”當(dang)然，他(ta)補(bu)充(chong)到(dao)：“做好的(de)(de)(de)或壞(huai)的(de)(de)(de)視覺設計真能影(ying)響(xiang)UX？我認為你將(jiang)會同意答案是(shi)對的(de)(de)(de)，但(dan)它以什么(me)方式(shi)？這是(shi)一(yi)(yi)(yi)個(ge)很難回答的(de)(de)(de)問題。”合理的(de)(de)(de)假設一(yi)(yi)(yi)個(ge)視覺上有吸引力的(de)(de)(de)網站，得(de)到(dao)同等(deng)的(de)(de)(de)好處就像(xiang)是(shi)一(yi)(yi)(yi)個(ge)著裝得(de)體的(de)(de)(de)人(ren)在一(yi)(yi)(yi)次會面中。收益是(shi)不(bu)用(yong)(yong)(yong)懷疑的(de)(de)(de)，當(dang)用(yong)(yong)(yong)戶來(lai)到(dao)一(yi)(yi)(yi)個(ge)沒(mei)有吸引力的(de)(de)(de)網站，如果他(ta)們有一(yi)(yi)(yi)個(ge)好的(de)(de)(de)體驗(yan)，他(ta)們仍然會高(gao)興。

然而，如果那是一(yi)個(ge)卡(ka)頓并沒(mei)有吸引力的(de)網(wang)(wang)站(zhan)，用(yong)(yong)戶可能會(hui)盡(jin)快(kuai)離開。當(dang)一(yi)個(ge)網(wang)(wang)站(zhan)有吸引力的(de)時(shi)候（無論(lun)是以經(jing)典(dian)的(de)方(fang)式還是現在流行的(de)方(fang)式），用(yong)(yong)戶本質上更(geng)相信它(ta)，并且準(zhun)備(bei)給(gei)第(di)二(er)次(ci)機(ji)會(hui)。這對(dui)用(yong)(yong)戶體(ti)(ti)驗(yan)(yan)設計師(shi)意味著什(shen)么對(dui)于用(yong)(yong)戶體(ti)(ti)驗(yan)(yan)設計師(shi)來(lai)說，有兩個(ge)主要(yao)的(de)點。首先，不要(yao)僅(jin)僅(jin)依靠視覺設計來(lai)挽(wan)救(jiu)一(yi)個(ge)糟糕的(de)體(ti)(ti)驗(yan)(yan)。最有吸引力的(de)視覺效果，并不會(hui)修復對(dui)用(yong)(yong)戶來(lai)說是錯誤的(de)或結構不完善(shan)的(de)特性(xing)或功能。

其次，不要忽視(shi)視(shi)覺設計。我們都有競爭，視(shi)覺設計可(ke)以成為鼓勵(li)用(yong)戶(hu)重(zhong)視(shi)一個應(ying)用(yong)程序(xu)，而不是另(ling)一個同(tong)樣可(ke)用(yong)的應(ying)用(yong)程序(xu)至關重(zhong)要的競爭優(you)勢。

來(lai)自UXPin的杰(jie)瑞·曹（Jerry Cao）在(zai)Creative Bloq和Fast Company的文章，都為視覺設計提供了規(gui)則列表幫助。

對(dui)于(yu)想入(ru)門的(de)(de)(de)(de)(de)用戶(hu)(hu)體驗設(she)(she)計(ji)(ji)(ji)師來說(shuo)(shuo)，這(zhe)是最(zui)好的(de)(de)(de)(de)(de)選(xuan)擇：保持一(yi)(yi)致（Stay consistent），不(bu)(bu)一(yi)(yi)致甚至會把(ba)最(zui)漂(piao)亮(liang)的(de)(de)(de)(de)(de)設(she)(she)計(ji)(ji)(ji)變成(cheng)丑(chou)陋(lou)的(de)(de)(de)(de)(de)爛攤子，這(zhe)是一(yi)(yi)個(ge)(ge)感(gan)覺(jue)引導視(shi)(shi)覺(jue)的(de)(de)(de)(de)(de)領域。如果用戶(hu)(hu)對(dui)網站(zhan)感(gan)到困惑，那么這(zhe)種感(gan)覺(jue)將(jiang)會使網站(zhan)在(zai)他(ta)們眼中顯(xian)得丑(chou)陋(lou)。測試視(shi)(shi)覺(jue)概念和紙張原型(xing)（Test visual concepts as well as paperprototypes），正如杰瑞（Jerry）在(zai)Creative Bloq上告訴我們的(de)(de)(de)(de)(de)那樣：“當人(ren)們上網時，他(ta)們說(shuo)(shuo)他(ta)們正在(zai)‘看’一(yi)(yi)個(ge)(ge)網站(zhan)，而不(bu)(bu)是‘與之互(hu)(hu)動’，盡管后(hou)者更準確。”我們對(dui)視(shi)(shi)覺(jue)效果有強烈的(de)(de)(de)(de)(de)反應，良好的(de)(de)(de)(de)(de)品牌形象會影響(xiang)我們對(dui)交互(hu)(hu)的(de)(de)(de)(de)(de)信任和反應。不(bu)(bu)要被潮流(liu)左(zuo)右（Don’t get distracted bytrends），黑色的(de)(de)(de)(de)(de)小禮服在(zai)過去的(de)(de)(de)(de)(de) 100 年(nian)里一(yi)(yi)直流(liu)行是有原因的(de)(de)(de)(de)(de)。它(ta)很簡單(dan)，它(ta)很干凈(jing)，它(ta)很經典。同樣的(de)(de)(de)(de)(de)，一(yi)(yi)個(ge)(ge)簡單(dan)、干凈(jing)、經典的(de)(de)(de)(de)(de)視(shi)(shi)覺(jue)設(she)(she)計(ji)(ji)(ji)會隨著時間(jian)的(de)(de)(de)(de)(de)推移以趨勢無(wu)法預料的(de)(de)(de)(de)(de)方式保持下(xia)去，例如：扁平化(hua)設(she)(she)計(ji)(ji)(ji)的(de)(de)(de)(de)(de)某些(xie)方面(mian)很有可(ke)能會繼(ji)續存(cun)在(zai)。總的(de)(de)(de)(de)(de)來說(shuo)(shuo)，在(zai)之后(hou)的(de)(de)(de)(de)(de)幾年(nian)里很有可(ke)能會有很多應用程序看起來“那么的(de)(de)(de)(de)(de)2015”。