2023年6个用户体验设计师应了解的视觉设计原则

个用户体验设计师应了解的视觉设计原则当我在高校学习视觉传达设计时，我着迷于设计师让人们以某种方式思索，感受和行动的力气。

在作为产品和UX设计师关心产品扩展到数以百万计的用户并实现收入的十年之后，我仍旧使用在我头几年学到的很多基本课程-检查外形，布局，并思索形式如何影响使用我的产品的人们。

我们都听过的VI的小号UAL设计元素状，线等，我们已经有一个像对比，重点，节奏等打成了我们头上的原则。

我将共享一些微妙的学问，而不是像我作为平面设计师所学的训练那样常常提到的原则，但直到今日我仍旧会使用；称它们为高级，称其为鲜为人知，但我盼望通过共享它们，可以提升整个设计社区的水平！

一、原则

1.重力

重力适用于对象和外形，即使在视觉传达中也是如此；这听起来可能很惊奇-重力并不像现实生活中那样是一种真正的力气将二维物体向下拉。

但是引力深深地扎根于我们对现实的感知之中，以至于它甚至可以转换为页面上的二维物体；以下面的图片为例，似乎您正在等待顶部的圆环随时掉落一样，应当会感到有点不舒适。

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

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

当您设计顶部的视觉重物可能会感到不舒适并感到焦虑时，要有意识和认知（当然，除非您要传达这种感觉）。

2.阅读方向

在西方社会（反之则相反），我们从左到右，从上到下阅读；由于这，左侧的对象被视为进入，而右侧的对象被视为离开。

这是左边的圆圈，同样，由于我们从左到右阅读，所以圆感觉就像它进入了合成；在下面，圆圈感觉像是在退出。

您也可以使用它来传达某些心情，例如，想让一个物体看起来像在偷窥吗？您可以创建如下所示的构图：

或者相反，想要传达一个逃跑的对象（或角色）吗？

3.阅读优先

由于我们从左到右从上到下阅读，所以我们自然会先看到左上角的物体，然后我们的眼睛自然会移到右下角，然后再看那里的东西。

这很重要，由于假如您尝试创建视觉层次结构（或许您盼望用户先看到标题，然后再看到内容），即使它们的外形/颜色/大小相同，也可以使它们放置在其中有所不同。

请在以下示例中：

最有可能的是，假如您是从左上角到右下角阅读英语书籍的，那么您首先应当在右下角之前先查看左上角的圆圈。

4.视觉张力

我曾经把这种描述描述为我的身体紧急感得到了转化和增加，当您看到一桌装满液体的杯子坐在桌子边缘时，就会有这种感觉。

通常，视觉张力只是无意识的-设计师没有意识到他们不当心将外形彼此相邻，从而在不知不觉中产生了张力，这可能会遇到马虎。

看一下下面的图片：

感到不舒适吗？这是下面突出显示的全部张力点。

假如您有意，可以使用视觉张力吸引用户的眼睛并产生焦虑感；或许您正在设计用于抗议的海报，或者想将某人的留意力集中在某物上；在这些状况下，请确保您的紧急心情是有意的，不会像看起来的错误那样消逝。

这是相同的构图，其中的张力集中在特定的位置，并且有意将其放在特定的位置。

5.动态与静态

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

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

为了使构图更加生动好玩，您可以接合边框并让外形在其外部流血。查看以下3点透视图组成：

6.激活负空间

您可以使用方向性外形激活负空间一点，方向力太小，负空间保持不活动状态；这是一种外形，可以引起您的留意，然后向上和向右移动眼睛。

问题是，当您到达页面右上角时，您的留意力可能会消逝；您的眼睛移过对象，但那里的空间太大，而来自对象的方向力也太小，您的眼睛掉了下来，该空间保持不活动状态。

但是，通过一些裁剪/缩放：

突然之间，外形四周的空间看起来既有意图又活跃。带走？假如您要移动别人的视线，请留意不活动的负空间。

一个简洁的技巧就是用手指指向对象，沿眼睛自然移动的方向移动，并留意您的留意力自然下降的位置；假如那是您想要的方式，则需要调整布局（外形或边框）以使该负空间保持活动状态。

不要让CSS，HTML或您使用的任何其他技术限制您