視覺是感官之首庙洼，人腦一半的資源都源自接收和解析眼睛所見赵讯，因此理解用戶是如何觀察的栏赴，對(duì)你的網(wǎng)頁(產(chǎn)品)設(shè)計(jì)至關(guān)重要蘑斧。
1.眼見非腦見
一般認(rèn)為，當(dāng)我們觀察周圍一切時(shí)须眷，眼睛會(huì)將看到的信息傳遞給大腦竖瘾，大腦再對(duì)信息進(jìn)行處理，從而感受到真實(shí)世界花颗。但其實(shí)捕传，腦見并非眼見，大腦總會(huì)解析眼睛看到的所有信息扩劝。如下圖庸论，你會(huì)看到什么？
左圖棒呛，可能第一眼看見一個(gè)黑邊三角形聂示，上面疊加了白色三角，但事實(shí)上圖上什么三角形都沒有簇秒，有的只是零碎的線條和有豁口的原型催什。這一錯(cuò)覺被稱作“卡尼薩三角”。
為了快速解析周圍的世界宰睡，大腦會(huì)投機(jī)取巧的偷懶蒲凶，并試圖完全解析出它們的意義，所以大腦會(huì)根據(jù)以往的經(jīng)驗(yàn)拆内，猜測(cè)我們看見了什么旋圆。
運(yùn)用“大腦偷懶”，在設(shè)計(jì)中合理運(yùn)用形狀和色彩可以影響人們所見麸恍，如下圖灵巧，展示了色彩如何使人注意到特定的信息，通過變化色彩區(qū)域抹沪，傳達(dá)出兩條截然相反的信息刻肄。
Tips：
用戶在你的網(wǎng)站上看見的內(nèi)容未必符合你的設(shè)想，由于用戶的多樣性融欧，如個(gè)人背景敏弃、文化水平、對(duì)眼前事物的熟悉度以及期待看到什么噪馏，都會(huì)影響他們的觀察結(jié)果麦到。
設(shè)計(jì)師可以通過元素的展示方式绿饵，引導(dǎo)人們注意特定的內(nèi)容，如運(yùn)用色彩瓶颠、形狀拟赊。
2.整體認(rèn)知主要依靠周邊視覺而非中央視覺
人們有兩種視覺，中央視覺和周邊視覺粹淋。中央視覺用來直視事物觀察細(xì)節(jié)吸祟，周邊視覺則展現(xiàn)視野中的其他區(qū)域。人們可以用眼角的余光觀察事物桃移，但多數(shù)人都低估了它對(duì)于我們理解事物的重要性——人對(duì)場景的認(rèn)知似乎都來自周邊視覺欢搜。
周邊視覺進(jìn)化論：根據(jù)進(jìn)化論推測(cè)，早期人類必須能夠一邊勞作谴轮，一邊用周邊視覺注意是否有危險(xiǎn)逼近，具有較強(qiáng)周邊視覺的人類得以存活吹埠，相反周邊視覺較弱的人則被淘汰第步。
一項(xiàng)研究也正式了周邊視覺的重要性。研究者讓被試者觀看恐怖照片缘琅，有時(shí)照片放在被試者的中央視覺區(qū)域粘都，有時(shí)被放在被試者的周邊視覺區(qū)域。此時(shí)研究者測(cè)定了被試者對(duì)恐怖照片作出反應(yīng)和產(chǎn)生恐懼的反應(yīng)速度刷袍，結(jié)果表明翩隧，若照片放在中央視覺區(qū)，被試者反應(yīng)時(shí)間為140-190毫秒呻纹；若放在周邊視覺區(qū)域堆生，反應(yīng)時(shí)間僅為80毫秒。
周邊視覺的應(yīng)用：頁面邊欄閃動(dòng)的廣告
周邊視覺總是讓人不禁注意到周圍的動(dòng)靜雷酪。例如淑仆，瀏覽網(wǎng)頁時(shí)屏幕邊緣的小動(dòng)畫，你一定忍不住看它哥力。網(wǎng)站邊欄的廣告總是做成閃動(dòng)效果蔗怠，就是希望引起用戶注意。
Tips：
用戶在瀏覽電腦屏幕時(shí)會(huì)用到周邊視覺吩跋，且經(jīng)常掃視周邊視覺區(qū)域判斷整個(gè)頁面的內(nèi)容寞射。
雖然屏幕中央是重要的中央視覺區(qū)，但別忽視周邊視覺區(qū)域的作用锌钮。
若設(shè)計(jì)者想讓用戶集中注意力瀏覽頁面某處桥温，則可運(yùn)用在周邊視覺區(qū)域設(shè)置動(dòng)畫和閃爍元素，以吸引注意力梁丘。
3.人在識(shí)別物體時(shí)會(huì)尋找規(guī)律
發(fā)現(xiàn)規(guī)律有助于快速處理接收到的感官信息策治。即使本無規(guī)律脓魏，人眼和大腦也會(huì)嘗試創(chuàng)造規(guī)律，如下圖通惫，你可能看到4組圖案茂翔，每組2個(gè)元素，而不是8個(gè)孤立的點(diǎn)履腋。每組間的長度也被看成一種規(guī)律珊燎。
另外一項(xiàng)研究表明，人在觀察物體時(shí)遵湖，會(huì)識(shí)別一些基本的形狀悔政，以此識(shí)別物體，這些基本圖形被稱為幾何離子延旧。人能識(shí)別24種基本形狀谋国，它們構(gòu)成了人們所能看見和辨認(rèn)的所有物體。
Tips：
既然人們會(huì)不由自主的找尋規(guī)律迁沫，那就在設(shè)計(jì)中盡量多使用規(guī)律芦瘾，利用分組和間隔創(chuàng)造規(guī)律。
要讓元素易于識(shí)別集畅，就用簡單的幾何圖形來表示近弟，這會(huì)讓構(gòu)成物體的幾何離子更明顯，使人們更快挺智、更輕松識(shí)別物體祷愉。
在設(shè)計(jì)時(shí)，多用二維元素赦颇，少用三維元素二鳄。大腦以二維形式接收信息，三維圖形可能會(huì)減慢識(shí)別和理解的速度媒怯。
4.大腦有專門識(shí)別人臉的區(qū)域
大腦有一處特殊區(qū)域泥从，專門來識(shí)別人臉，這一區(qū)域可以讓人臉識(shí)別繞過通常的視覺解析渠道沪摄，從而快速識(shí)別躯嫉。
我們會(huì)不由自主的看向人眼所看的方向。如果網(wǎng)頁上有一張圖片杨拐，圖上的眼睛看向一個(gè)產(chǎn)品祈餐，我們也會(huì)不由自主的看向那個(gè)產(chǎn)品。因此在設(shè)計(jì)時(shí)哄陶，設(shè)計(jì)師對(duì)人臉的使用時(shí)帆阳，需要確定是想建立情感溝通(圖片上的眼睛直視著用戶)，還是想引導(dǎo)用戶的注意力(圖片上的人眼看向某一產(chǎn)品)卸奉。
Tips：
用戶在瀏覽網(wǎng)頁時(shí)徙瓶，首先會(huì)對(duì)人臉做出識(shí)別和反應(yīng)。直視用戶的人臉最具感染力楞遏。
如果網(wǎng)頁上的人眼看著旁邊的位置或產(chǎn)品鳍徽，那么用戶往往也會(huì)看向同一處资锰。
5.人根據(jù)經(jīng)驗(yàn)和預(yù)期瀏覽屏幕
用戶如果使用從左至右書寫文字，那么看屏幕時(shí)也會(huì)從左至右看阶祭。他們并不是從頂部開始閱讀绷杜，因?yàn)橛脩粼缫蚜?xí)慣認(rèn)為網(wǎng)頁頂部內(nèi)容都是弱相關(guān)內(nèi)容，如品牌LOGO濒募、留白鞭盟、導(dǎo)航，所以用戶往往先看屏幕中心位置瑰剃，而非邊緣齿诉。
掃一眼屏幕后，用戶的閱讀順序就和書寫文字的習(xí)慣一致了晌姚。若旁邊出現(xiàn)大幅圖片(特別是有人臉的照片)或動(dòng)態(tài)內(nèi)容(動(dòng)畫粤剧、視頻)，這類內(nèi)容就會(huì)引起用戶注意舀凛，從而打破原先的閱讀傾向。
Tips：
最重要的信息或希望用戶關(guān)注的內(nèi)容要放在屏幕三分之一的位置途蒋，或放在屏幕中央猛遍。
按照正常閱讀順序合理設(shè)計(jì)界面，避免讓用戶來回跳著瀏覽內(nèi)容号坡。
6.物體會(huì)向人提示其使用方法
生活中懊烤，物體會(huì)提示其使用方法，如球型把手的尺寸和形狀會(huì)暗示人們握住并轉(zhuǎn)動(dòng)它宽堆。物體給用戶的提示被稱為“功能可見性”腌紧。如果提示信息和使用方法相契合，那么物體的設(shè)計(jì)就是好的畜隶，功能可見性就很清晰壁肋。如果某個(gè)物體給用戶錯(cuò)誤暗示，則會(huì)讓用戶惱火籽慢。
網(wǎng)頁設(shè)計(jì)時(shí)浸遗，需考慮網(wǎng)頁元素功能的可見性。如按鈕的設(shè)計(jì)箱亿，一般為矩形跛锌，并標(biāo)明行動(dòng)召喚的文字，不同狀態(tài)的按鈕對(duì)應(yīng)不同的風(fēng)格以提示用戶當(dāng)前所在的狀態(tài)届惋。
Tips：
設(shè)計(jì)時(shí)需考慮功能可見性的提示髓帽，避免給出錯(cuò)誤的功能可見性提示菠赚。
7.人們認(rèn)為相鄰物體必然相關(guān)
如果兩個(gè)東西距離很近，如一張照片和一段緊鄰的文字郑藏，那么人們會(huì)認(rèn)為它們之間有聯(lián)系衡查。其中，左右相鄰的元素之間的關(guān)聯(lián)最為密切译秦。下圖中峡捡，圖片與下方的文字是相關(guān)的，但閱讀的順序是自左向右筑悴，圖片與右側(cè)文字間距太小们拙，因此容易讓讀者覺得圖片對(duì)應(yīng)的是右側(cè)的文字。
Tips：
如果希望用戶認(rèn)為圖片阁吝、標(biāo)題砚婆、文字是相關(guān)的，就將這些內(nèi)容相鄰放置突勇。
如果想使用線或框分隔內(nèi)容装盯，先嘗試是否能調(diào)整間距來達(dá)到效果。有時(shí)甲馋，調(diào)整間距可以劃分內(nèi)容埂奈，亦能使頁面保持簡潔。
無關(guān)的內(nèi)容間距要大定躏，相關(guān)內(nèi)容間距要小账磺。
以上就是心理學(xué)中，7條關(guān)于人們慣用的觀察方式痊远，希望對(duì)你的設(shè)計(jì)有所幫助垮抗。
參考書籍：<設(shè)計(jì)師要懂心理學(xué)>
圖片來源：網(wǎng)絡(luò)或個(gè)人繪制
