- 視覺(jué)心理學(xué)與交互設(shè)計(jì)：
接近性
相似性
封閉性
連續(xù)性
對(duì)稱(chēng)性
情感性
前言
- 用戶觀察和思考的規(guī)律：掌握用戶觀察和思考的規(guī)律，才能設(shè)計(jì)出符合用戶預(yù)期的產(chǎn)品木缝，也才能談得上是極致的用戶體驗(yàn)；
- 用戶體驗(yàn)和視覺(jué)場(chǎng)景通過(guò)視覺(jué)界面來(lái)實(shí)現(xiàn)
-
為什么要懂視覺(jué)心理學(xué)？
1、運(yùn)用用戶觀察和思考的規(guī)律來(lái)設(shè)計(jì)界面
2步责、構(gòu)建的用戶體驗(yàn)和使用場(chǎng)景需要通過(guò)視覺(jué)界面來(lái)實(shí)現(xiàn)
3返顺、更好地向視覺(jué)設(shè)計(jì)師傳遞設(shè)計(jì)方案
Q1：為什么分不清標(biāo)題和內(nèi)容的關(guān)系禀苦？
![]()
![]()
接近性：依據(jù)間距來(lái)判斷彼此間的關(guān)系，空間上的近親暗示關(guān)系上的親近
Q2：看著一樣遂鹊，為什么點(diǎn)擊后的反饋不一樣振乏？
![]()
![]()
![]()
相似性：如果其他因素相同，那么相似的物體看起來(lái)屬于一組
與“相似性”對(duì)應(yīng)的“對(duì)比性”
Tips：相似性：用來(lái)識(shí)別哪些是同類(lèi)秉扑；對(duì)比性：表明彼此間的差異慧邮，適當(dāng)引導(dǎo)
Q3：調(diào)整了間距，但是分組還是不明顯舟陆？
封閉性：人民傾向于將缺損的輪廓加以補(bǔ)充使成為一個(gè)完整的封閉圖形
常見(jiàn)分組模式（點(diǎn)線面）
點(diǎn)：使用間距方式區(qū)分信息組別（接近性）
線：使用線條區(qū)分（相似性）
面：使用線框（閉合性）封閉性误澳，本質(zhì)性上是對(duì)完整狀態(tài)的認(rèn)知傾向，比如“操作的閉環(huán)”秦躯，使用到流程設(shè)計(jì)中
Q4：怎樣讓用戶感覺(jué)還有很多忆谓？
連續(xù)性：凡具有連續(xù)性或者共同運(yùn)動(dòng)方向的物理容易被看做一個(gè)整體
Q5、整體頁(yè)面感覺(jué)向一邊傾斜了踱承，怎樣才會(huì)舒服些倡缠？
對(duì)稱(chēng)性：根據(jù)視覺(jué)元素總量的不同，來(lái)營(yíng)造實(shí)現(xiàn)視覺(jué)平衡
“不平衡”：依靠視覺(jué)總量引導(dǎo)用戶的視覺(jué)流
Q6：為什么頁(yè)面的感覺(jué)總是不對(duì)茎活？
情感化：色彩板書(shū)營(yíng)造應(yīng)用的整體氛圍昙沦；
總結(jié)：
接近性：依據(jù)間距來(lái)判斷彼此間的關(guān)系，空間上的近親暗示關(guān)系上的親近
相似性：如果其他因素相同载荔，那么相似的物體看起來(lái)屬于一組
封閉性：人民傾向于將缺損的輪廓加以補(bǔ)充使成為一個(gè)完整的封閉圖形
連續(xù)性：凡具有連續(xù)性或者共同運(yùn)動(dòng)方向的物理容易被看做一個(gè)整體
對(duì)稱(chēng)性：根據(jù)視覺(jué)元素總量的不同盾饮，來(lái)營(yíng)造實(shí)現(xiàn)視覺(jué)平衡；依靠視覺(jué)重量引導(dǎo)用戶的視覺(jué)流
情感化：色彩板書(shū)營(yíng)造應(yīng)用的整體氛圍；
End.
