UX视觉设计5大原则

UX视觉设计5大原则

全文共835字,阅读大约需要2分钟。


本文首发于UED观察 


摘要:UX视觉设计5大原则

关键词:UX设计,视觉设计,原则

UX视觉设计5大原则

0基础想做动作游戏怎么办?我的建议是练习火柴人,把火柴人画好,吃透掌握就可以做动作游戏了,至少游戏美术没大问题了。

1、比例

重要的视觉元素应该比不重要的元素大。当视觉元素变大时,就更容易被用户注意到。

热门文章的标题最大

停车场H区域的“H”尺寸最大

2、视觉层次

视觉层次的原理是引导用户的眼睛,以便按照重要性排列不同的设计元素。

视觉层次可以通过比例,大小,颜色,间距,位置和其他各种信号变化来实现。

标题,摘要,正文具有清晰的视觉层次

屏幕在地图和输入表单之间分为两半,这使用户认为这些组件很重要。眼睛立刻被吸引到灰色字段“Where to?”

3、视觉平衡

平衡原理是指令人满意的设计元素排版或比例。当通过屏幕中间的虚轴(垂直或水平)两侧存在相等分布(但不一定对称)的视觉信号时,就会发生平衡。

这里的平衡是对称的。如果要沿着网站的中心绘制一个假想的垂直轴,则元素在轴的两侧均等分布。

此页面非对称平衡,给人以与耐克品牌相称的活力和运动感。如果要在此视觉效果的中心向下绘制一条垂直轴,则该轴两侧的元素数量大约相同

4、对比

这是另一种常用的原则,它使设计的某些部分对用户脱颖而出。

红色与周围的环境形成强烈对比

瓶子上文字的可读性取决于果汁的颜色

5、格式塔原理

格式塔原理通过下意识地将各个部分安排到一个整体有组织的系统中,而不是将它们解释为一系列不同的元素,解释了人类是如何简化和组织复杂图像的。

格式塔原理使我们能够看到两个人在接吻

格式塔理论在logo中的应用,空白处没有孔雀,但大脑知道有孔雀。

总结

以上原则重要的原因:

  • 增加可用性:遵循这些视觉设计原则通常会导致易于使用的布局,创建出在视觉上令人愉悦的UI元素,使文本更易于阅读,提高任务成功率和用户参与度。
  • 激发情感和喜悦。美丽的事物引起积极的情绪。
  • 加强品牌认知度。强大的视觉系统可建立用户对产品的信任和兴趣。

参考资料

[1]

principles-visual-design/: https://www.nngroup.com/articles/principles-visual-design/



Author: pixel32