- 视觉心理学与交互设计:
接近性
相似性
封闭性
连续性
对称性
情感性
前言
- 用户观察和思考的规律:掌握用户观察和思考的规律,才能设计出符合用户预期的产品,也才能谈得上是极致的用户体验;
- 用户体验和视觉场景通过视觉界面来实现
-
为什么要懂视觉心理学?
1、运用用户观察和思考的规律来设计界面
2、构建的用户体验和使用场景需要通过视觉界面来实现
3、更好地向视觉设计师传递设计方案
Q1:为什么分不清标题和内容的关系?
接近性:依据间距来判断彼此间的关系,空间上的近亲暗示关系上的亲近
Q2:看着一样,为什么点击后的反馈不一样?
相似性:如果其他因素相同,那么相似的物体看起来属于一组
与“相似性”对应的“对比性”
Tips:相似性:用来识别哪些是同类;对比性:表明彼此间的差异,适当引导
Q3:调整了间距,但是分组还是不明显?
封闭性:人民倾向于将缺损的轮廓加以补充使成为一个完整的封闭图形
常见分组模式(点线面)
点:使用间距方式区分信息组别(接近性)
线:使用线条区分(相似性)
面:使用线框(闭合性)封闭性,本质性上是对完整状态的认知倾向,比如“操作的闭环”,使用到流程设计中
Q4:怎样让用户感觉还有很多?
连续性:凡具有连续性或者共同运动方向的物理容易被看做一个整体
Q5、整体页面感觉向一边倾斜了,怎样才会舒服些?
对称性:根据视觉元素总量的不同,来营造实现视觉平衡
“不平衡”:依靠视觉总量引导用户的视觉流
Q6:为什么页面的感觉总是不对?
情感化:色彩板书营造应用的整体氛围;
总结:
接近性:依据间距来判断彼此间的关系,空间上的近亲暗示关系上的亲近
相似性:如果其他因素相同,那么相似的物体看起来属于一组
封闭性:人民倾向于将缺损的轮廓加以补充使成为一个完整的封闭图形
连续性:凡具有连续性或者共同运动方向的物理容易被看做一个整体
对称性:根据视觉元素总量的不同,来营造实现视觉平衡;依靠视觉重量引导用户的视觉流
情感化:色彩板书营造应用的整体氛围;
End.