視覺心理學與交互設計

  • 視覺心理學與交互設計:
    接近性
    相似性
    封閉性
    連續性
    對稱性
    情感性

前言

  • 用戶觀察和思考的規律:掌握用戶觀察和思考的規律,才能設計出符合用戶預期的產品,也才能談得上是極致的用戶體驗;
  • 用戶體驗和視覺場景通過視覺界面來實現
  • 爲什麼要懂視覺心理學?
    1、運用用戶觀察和思考的規律來設計界面
    2、構建的用戶體驗和使用場景需要通過視覺界面來實現
    3、更好地向視覺設計師傳遞設計方案

Q1:爲什麼分不清標題和內容的關係?

接近性:依據間距來判斷彼此間的關係,空間上的近親暗示關係上的親近


Q2:看着一樣,爲什麼點擊後的反饋不一樣?

相似性:如果其他因素相同,那麼相似的物體看起來屬於一組
與“相似性”對應的“對比性”
Tips:相似性:用來識別哪些是同類;對比性:表明彼此間的差異,適當引導


Q3:調整了間距,但是分組還是不明顯?

封閉性:人民傾向於將缺損的輪廓加以補充使成爲一個完整的封閉圖形

  • 常見分組模式(點線面)
    點:使用間距方式區分信息組別(接近性)
    線:使用線條區分(相似性)
    面:使用線框(閉合性)

  • 封閉性,本質性上是對完整狀態的認知傾向,比如“操作的閉環”,使用到流程設計中


Q4:怎樣讓用戶感覺還有很多?

連續性:凡具有連續性或者共同運動方向的物理容易被看做一個整體


Q5、整體頁面感覺向一邊傾斜了,怎樣纔會舒服些?

對稱性:根據視覺元素總量的不同,來營造實現視覺平衡

“不平衡”:依靠視覺總量引導用戶的視覺流


Q6:爲什麼頁面的感覺總是不對?

情感化:色彩板書營造應用的整體氛圍;


總結:

接近性:依據間距來判斷彼此間的關係,空間上的近親暗示關係上的親近
相似性:如果其他因素相同,那麼相似的物體看起來屬於一組
封閉性:人民傾向於將缺損的輪廓加以補充使成爲一個完整的封閉圖形
連續性:凡具有連續性或者共同運動方向的物理容易被看做一個整體
對稱性:根據視覺元素總量的不同,來營造實現視覺平衡;依靠視覺重量引導用戶的視覺流
情感化:色彩板書營造應用的整體氛圍;


End.

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章