- 視覺心理學與交互設計:
接近性
相似性
封閉性
連續性
對稱性
情感性
前言
- 用戶觀察和思考的規律:掌握用戶觀察和思考的規律,才能設計出符合用戶預期的產品,也才能談得上是極致的用戶體驗;
- 用戶體驗和視覺場景通過視覺界面來實現
-
爲什麼要懂視覺心理學?
1、運用用戶觀察和思考的規律來設計界面
2、構建的用戶體驗和使用場景需要通過視覺界面來實現
3、更好地向視覺設計師傳遞設計方案
Q1:爲什麼分不清標題和內容的關係?
接近性:依據間距來判斷彼此間的關係,空間上的近親暗示關係上的親近
Q2:看着一樣,爲什麼點擊後的反饋不一樣?
相似性:如果其他因素相同,那麼相似的物體看起來屬於一組
與“相似性”對應的“對比性”
Tips:相似性:用來識別哪些是同類;對比性:表明彼此間的差異,適當引導
Q3:調整了間距,但是分組還是不明顯?
封閉性:人民傾向於將缺損的輪廓加以補充使成爲一個完整的封閉圖形
常見分組模式(點線面)
點:使用間距方式區分信息組別(接近性)
線:使用線條區分(相似性)
面:使用線框(閉合性)封閉性,本質性上是對完整狀態的認知傾向,比如“操作的閉環”,使用到流程設計中
Q4:怎樣讓用戶感覺還有很多?
連續性:凡具有連續性或者共同運動方向的物理容易被看做一個整體
Q5、整體頁面感覺向一邊傾斜了,怎樣纔會舒服些?
對稱性:根據視覺元素總量的不同,來營造實現視覺平衡
“不平衡”:依靠視覺總量引導用戶的視覺流
Q6:爲什麼頁面的感覺總是不對?
情感化:色彩板書營造應用的整體氛圍;
總結:
接近性:依據間距來判斷彼此間的關係,空間上的近親暗示關係上的親近
相似性:如果其他因素相同,那麼相似的物體看起來屬於一組
封閉性:人民傾向於將缺損的輪廓加以補充使成爲一個完整的封閉圖形
連續性:凡具有連續性或者共同運動方向的物理容易被看做一個整體
對稱性:根據視覺元素總量的不同,來營造實現視覺平衡;依靠視覺重量引導用戶的視覺流
情感化:色彩板書營造應用的整體氛圍;
End.