CZen

It`s never too late to learn !

利用视觉感知进行设计/交互设计

视觉感知

指人对所接触到的事物感知觉能力。这种能力包括信息接收、分析、组织等,从而辨识该事物的形状、色彩、空间及动态,并作出及时适当的反应/反馈

另外一方面,人所感知的信息整体并不等同于部分之和。这个过程中,会根据知觉主体的差异而不同。

格式塔心理学研究理论中人的视觉感知特点主要概括为:

1. 图形和背景

人眼所接受的视觉范围内,总有些对象突显出来形成图形,其它对象退居为衬托和背景。这其中跟视觉所接触的距离远近与事物本身体现的视觉对比强烈程度有关。

因此,设计上则可将需要突显的主要内容布局在视线更近更容易获取的地方,或者通过对比,将重要的内容以更强烈的画面感快速获取视觉感知。

2. 接近性和连续性

某些距离较短或互相接近的部分,容易组成整体

3. 完整和闭合倾向

知觉印象随环境而呈现最为完善的形式。彼此相属的部分,容易组合成整体,反之,彼此不相属的部分,则容易被隔离开来完整和闭合倾向在所有感觉道中都起作用,它为知觉图形提供完善的定界、对称和形式

4. 相似性

如果各部分的距离相等,但它的颜色有异,那么颜色相同的部分就自然组合成为整体。这说明相似的部分容易组成整体

5. 转换律

事物/内容本身部分被改变,但依旧能唤起人对其源的知觉

6. 共同方向运动

一个整体中的部分,如果作共同方向的移动,则这些作共同方向移动的部分容易组成新的整体


了解人的视知觉感知特点,并在交互设计的过程中就有意识运用这种规律可以让用户更易于理解界面,更快速获取重要信息。

交互设计对应用的内容和信息进行有效的整合、组织和布局,并体现在最终的界面交付物中,因此学习了解用户视知觉感知特点有利于在交互层面塑造产品的简单易用性。且利用视知觉感知设计的交互界面对于设计目标的一目了然能够更好地传达给流程下游-视觉设计,减少后续沟通与反复改稿的成本。

最后,总结一下在交互设计中利用视知觉感知设计的几点原则:

  • 重要内容放置在视线最易获取的位置

  • 通过大小、颜色(明度、亮度、饱和度等)的强烈对比突显重要内容

  • 尽可能减少无用的信息,减少信息噪音

  • 可利用视觉感知分层技术,形成信息的连续性与无用信息自动感知过滤

  • 考虑把基本元素放在常规背景层里

  • 交互交付物尽可能体现界面设计目标、层次分明性(不仅仅只是流程图和线框图,要传达界面的设计目标)


评论
热度(1)

© CZen | Powered by LOFTER