用户体验设计师应了解的6条视觉设计原...

  • 经验类型经验/观点原作者:Chris Lee

  • 经验属性自译外文
  • 经验版权署名-非商业性使用-禁止演绎
1061 0 3 2020-08-24

当我在大学学习视觉传达设计时,我着迷于设计师让人们以某种方式思考,感受和行动的力量。

在作为产品和UX设计师帮助产品扩展到数以百万计的用户并实现收入的十年后,我仍然使用在我头几年学到的许多基本课程--检查形状,布局,并思考版式如何影响使用我的产品的用户。我们都听说过形状,线条等视觉设计元素,并且已经将诸如对比度,强调,节奏等原理付诸实践。


现在让我们来了解下,用户体验设计师应了解的6条视觉设计原则,到底是什么?


1.重力

重力适用于对象和形状,即使在视觉传达中也是如此。听起来可能很奇怪-重力并不像现实生活中那样是一种真正的力量将二维物体向下拉。
但是引力深深地扎根于我们对现实的感知之中,以至于它甚至可以转换为页面上的二维物体。以下面的图片为例。好像你正在等待顶部的圆圈随时掉落一样,应该会感到有点不舒服。

现在看下面的这张图片-相反。

这种构图应该不像要掉落的球,而更像是一个物体只是停留在页面底部,接地,平静的。

当你设计顶部的视觉重物可能会感到不舒服并感到焦虑时,要有意识和认知(当然,除非你要传达这种感觉)。


2.阅读方向

我们从左到右,从上到下阅读。因此,左侧的对象被视为进入,而右侧的对象被视为离开。

这是左边的圆圈。同样,因为我们从左到右阅读,所以圆感觉就像是进入了画面。在下面,圆圈感觉像在退出。

你也可以使用它来传达某些情绪。例如,想让一个物体看起来像在偷窥吗?你可以创建如下所示的构图:

或者相反,传达一个逃跑的对象(或角色)。


3.阅读优先

因为我们从左到右从上到下阅读,所以我们自然会先看到左上角的对象,然后我们的眼睛自然会移到右下角,然后再看那里的东西。

这很重要,因为如果你尝试创建视觉层次结构(也许你希望用户先看到标题,然后再看到内容),则在放置事物的地方,即使它们的形状/颜色/大小相同,也确实可以有所不同。

请在以下示例中:


4.视觉张力

我曾经把这种描述形容为身体张力的转化和放大。当你看到一桌装满液体的杯子坐在桌子边缘时,就会有这种感觉。

通常,视觉张力只是无意识的--设计师没有意识到他们不小心将形状彼此相邻,从而在不知不觉中产生了张力。看一下下面的图片:

感到不舒服吗?以下是所有突出显示的张力点。

如果你有意,可以使用视觉张力吸引用户的眼睛并产生焦虑感。也许你正在设计用于抗议的海报,或者你想将某人的注意力集中在某物上。在这些情况下,请确保你的紧张情绪是故意的,不会像看起来的错误那样消失。
这是相同的构图,其中的张力集中在特定的位置,并且有意将其放在特定的位置。


5.动态与静态

静态成分经常会让人感到无聊。给它添加香料并使它更令人兴奋的一种简单方法是简单地倾斜地平线。这是一个感觉陈旧的静态图像的示例。

现在倾斜地平线,突然之间,城市景观看起来更加令人兴奋。

为了使构图更加生动有趣,你可以利用3点透视图:


6.激活负空间

你可以使用方向性形状激活负空间。负空间保持不活动状态。画一个箭头形状,可以引起你的注意,然后向右上移动视觉。

问题是,当你视觉到达页面右上角时,你的注意力可能会消失。你的视觉移过对象,但那里的空间太大,而来自图形的方向力也太小,你的注意会转移。该空间保持不活动状态。但是,通过一些裁剪/缩放:

突然之间,形状周围的空间看起来既有意图又活跃。如果你要移动某人的视线,请注意不活动的负空间。一个简单的技巧是用手指指向该对象,沿眼睛自然移动的方向移动,并注意你的注意力自然下降的位置。如果那是你想要的方式,则需要调整布局(形状或边界)以使该负空间保持活动状态。


这六个方式,你学到了吗?

Powered by Froala Editor

全部评论:0

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票