重力适用于对象和形状，即使在视觉传达中也是如此

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

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

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

一、原则

1. 重力

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

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

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

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

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

2. 阅读方向

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

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

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

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

3. 阅读优先

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

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

请在以下示例中：

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

4. 视觉张力

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

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