物質(zhì)世界客觀(guān)存在，而人的“視覺(jué)成像”是對當前世界的“唯心”重建。這種重建基于個(gè)人“經(jīng)驗”、“感知”和“集體意識”。最初科學(xué)家認為人類(lèi)通過(guò)視覺(jué)被動(dòng)獲取周?chē)澜绲娜繄D像信息而建立個(gè)人的視覺(jué)資料庫，近10年來(lái)的研究表明捕獲“全部圖像信息”只是個(gè)傳說(shuō)，其中由心理學(xué)家Daniel T. Levin 和Daniel J. Simons建立的實(shí)驗“真實(shí)世界”客觀(guān)說(shuō)明一個(gè)事實(shí)：大腦利用眼球1/10秒的速度獲取重要信息，而這些信息將服務(wù)于正在進(jìn)行的核心任務(wù)。舉個(gè)例子，你的大腦向眼球發(fā)出指令閱讀這段文字，而讓你忽略了文章右側導航的其他信息。

左圖為相機拍攝效果，右圖為人類(lèi)視覺(jué)關(guān)注效果

　　正因為有如此特性，研究“視覺(jué)注意力”變得尤為重要。如何讓用戶(hù)更容易發(fā)現我們的產(chǎn)品？如何讓商家更有效的廣告？如何讓我們的網(wǎng)頁(yè)和軟件更容易觸動(dòng)用戶(hù)，更有萌點(diǎn)？… 在深入問(wèn)題之前先簡(jiǎn)單了解三個(gè)概念。

　　視覺(jué)信息處理流程

　　人腦皮質(zhì)有140億-160億個(gè)神經(jīng)元，其中常用的不到1/10，而五感瓜分到的神經(jīng)元則更少，所以在睜開(kāi)眼睛，有大量視覺(jué)信息輸入的時(shí)候做有機篩選變得非常有必要，這也是漫長(cháng)進(jìn)化的優(yōu)化結果。某些醫學(xué)著(zhù)作提到，視覺(jué)信息處理需經(jīng)24個(gè)以上流程，Colin Ware又將其歸納為三個(gè)階段，大致是： 一、基本信息提取，并行處理多個(gè)特征； 二、根據目的需要，篩選關(guān)注內容； 三、保存關(guān)鍵目標，聯(lián)想相關(guān)描述。（詳細見(jiàn)《Visual Thinking For Design》）

　　被動(dòng)關(guān)注和主動(dòng)關(guān)注

　　“被動(dòng)關(guān)注”又稱(chēng)“刺激引發(fā)”，按照Colin Ware歸納的三階模型可以理解為：最基本的視覺(jué)元素，顏色、位置、順序、輪廓等交織形成 -> 過(guò)濾多余信息，有序構建復雜圖像、塑造三維模型等 -> 確認信息對象，并從“經(jīng)驗”獲取更多其他信息來(lái)描述對象?？蓞⒖际疽鈭D：

　　例如網(wǎng)頁(yè)右下角的彈出廣告，我們眼睛先是看到右下角一個(gè)框，很多顏色在跳動(dòng)，然后看清楚是一個(gè)人在跳舞，最后才是確認出原來(lái)是**公司的廣告。視覺(jué)信息是一種生物電流脈沖信號，眼球神經(jīng)被動(dòng)感知事件傳送到大腦，大腦主動(dòng)確認事件后回饋，形成一個(gè)循環(huán)過(guò)程。但是“關(guān)注”事件并不一定由眼球發(fā)起，那種由大腦發(fā)起的“主動(dòng)關(guān)注”也稱(chēng)“概念引發(fā)”。比如打開(kāi)下載網(wǎng)頁(yè)，我們去尋找“下載按鈕”，就是“主動(dòng)關(guān)注”的典型例子。

　　此類(lèi)概念還有很多，有興趣研究的朋友可以找幾本醫學(xué)著(zhù)作或視覺(jué)理論自己研讀，我這里也不班門(mén)弄斧了。下面回歸正題，如何讓設計更容易吸引人？或者說(shuō)影響視覺(jué)注意力促成視覺(jué)干擾的因素有哪些？

　　我們來(lái)看一下剛剛總結的三個(gè)階段：“最基本的視覺(jué)元素、顏色、位置、順序、輪廓等交織形成 -> 過(guò)濾多余信息，有序構建復雜圖像、塑造三維模型等 -> 確認信息對象，并從‘經(jīng)驗’獲取更多其他信息來(lái)描述對象”（主動(dòng)關(guān)注則反行之）?？梢园l(fā)現一個(gè)問(wèn)題，當第一階段獲取信息越少時(shí)，第二階段的過(guò)濾和構建事件則越快，到達第三階段形成“概念”的速度也更快，假設以1/10秒的速度獲取一次信息，則在一秒鐘時(shí)間里可重復10次，這樣意味著(zhù)可以對獲取目標有更深刻的印象。我舉兩個(gè)例子。MUJI的設計崇尚簡(jiǎn)約實(shí)用、質(zhì)樸又充滿(mǎn)創(chuàng )意，統一的視覺(jué)標準和無(wú)裝飾反而讓用戶(hù)更容易記住這個(gè)品牌。公車(chē)站燈箱廣告也是如此，從公車(chē)進(jìn)站到離開(kāi)往往不過(guò)幾十秒，在車(chē)上的我根本沒(méi)有時(shí)間看完所有信息，這時(shí)簡(jiǎn)潔的設計更具優(yōu)勢。

MUJI設計（圖片來(lái)自MUJI網(wǎng)站）

 　　那么，如果第一階段必須有比較多的信息怎么辦？目前我們的設計確實(shí)遇到這樣的問(wèn)題，有大量的信息需要集中在一小張圖片上，這時(shí)無(wú)序堆砌信息是致命的。我們來(lái)看一下這種圖片：

APPLE設計（圖片來(lái)自apple網(wǎng)站）

　　同樣是非常多的信息，但是沒(méi)有雜亂，可以快速找到我所關(guān)注的內容，非關(guān)鍵元素并沒(méi)有過(guò)分分散我的注意力。怎么做到的？請重新閱讀那個(gè)梯形圖。

　　是的，大腦從一開(kāi)始就會(huì )對基礎元素進(jìn)行挑選，所以?xún)?yōu)化設計無(wú)非有兩種方式：一、減少基礎元素信息；二、幫“用戶(hù)”大腦先整理一次基礎元素信息。當信息量過(guò)多的時(shí)候，“被動(dòng)關(guān)注”的用戶(hù)往往會(huì )有“逃跑”心理（實(shí)在看不完-_-），這時(shí)候被“設計”過(guò)的基礎信息會(huì )吸引用戶(hù)繼續關(guān)注或引導用戶(hù)重點(diǎn)關(guān)注特定信息，以期達到商家推廣或者我們希望用戶(hù)進(jìn)一步操作的目的。再說(shuō)得淺顯一點(diǎn)，出現大量信息的時(shí)候，可以通過(guò)色彩、構圖、光線(xiàn)明暗、閃動(dòng)、符號導向、增強大小對比等方式強調重點(diǎn)信息（詳細做法可以參考一下CDC其他同事的文章）。也許你還會(huì )問(wèn)：“主動(dòng)關(guān)注”的用戶(hù)是否就不存在注意力分散問(wèn)題？？非也！回想一下大學(xué)上課的場(chǎng)景，我們在“主動(dòng)關(guān)注”老師分享的知識時(shí)，心里是不是還常惦記著(zhù)隔壁班的那個(gè)她（他）… 實(shí)際情況就是“主動(dòng)關(guān)注”的用戶(hù)比“被動(dòng)關(guān)注”的用戶(hù)更難伺候。具體分析得等以后有時(shí)間再續寫(xiě)了。

　　最后感謝Colin Ware，他的《Visual Thinking For Design》觸發(fā)了我寫(xiě)本文的動(dòng)機。也感謝大家耐著(zhù)性子堅持看完這篇文章，希望在視覺(jué)理論基礎上對大家有所幫助。