隐形力量：对齐，方向和焦点

设计充满了“无形的力量”，所有这些都有助于视觉展现。尽管你可能会想要获得正确的字体，或者选择恰当的颜色组合，但如果你不注意这些看不见的力量，你的设计将会失败。

介绍“元素”

要真正思考设计的无形力量，你需要停止将设计视为字体，颜色，图像和文本，并开始将所有这些事物视为“元素”。

每个标题都是一个“元素”，正文的每个段落都是一个大的“元素”，每个图像都是一个“元素”。

在每个元素中都有另一个元素 - 你也可以将它们称为“子元素”。你的标识可能包含“symbol”元素和“text”元素。文本部分中的每个字母都可以被视为自己的元素。

对齐

设计具有挑战性，因为你必须采取一个无聊的二维空间，并使其有趣，同时展现信息。特别是在今天，通过微型移动和可穿戴设备，尽可能高效地完成这一过程非常重要。每个小像素都需要完成它的工作。

这就是对齐如此重要的原因。通过将元素彼此对齐，你可以说很多。

例如，这些正方形都是对齐的。

如果我们改变它们的对齐方式，它会完全改变构图。

如果我们打破这种对齐，它看起来很混乱。

如果我们使用社交媒体图标而不是正方形，你可以直接看到对齐方式如何变得有用。如果这些社交媒体图标对齐：

相反看起来像这样

方向

对齐元素时，可以使用参考线创建方向感。设计师将这条想象的线称为“轴”。可以把它想象成车轮上的轴：车轮的所有重量都围绕该轴旋转。它必须是平衡的。类似地，轴有助于控制构图的平衡。

如果你在该轴附近对齐其他元素，它仍然支配并控制合成。

同时，你可以排列文本：居中，左对齐或右对齐，沿着对齐方式创建轴。

当你居中文本时，将创建一个轴，并且文本的所有重心都围绕该轴旋转。组合的其余部分也希望以该轴为中心。

因此，如果你在该居中文本旁边抛出一些左对齐的文本，则组合开始变得混乱。现在你有两个不同的轴，视觉会找不到中心。

例外情况是当中心对齐的元素跨越合成的宽度时，向左或向右对齐的元素在该组合内。这样视觉依然存在一致性。

请注意，两列内容都设置为左对齐。

这是你在移动设计中常见的模式。在站酷应用程序的此屏幕截图中，顶部和底部菜单栏具有居中方向，而屏幕的其余部分设置为向左齐平。

或者，你可以通过使左侧元素右对齐，而右侧元素左对齐的方式。这样的对齐形式依然可以让浏览者找到规律可循。

焦点

当两个强轴交叉时，通常会创建一个焦点区域。眼睛自然跟随任何强轴，因此如果两个轴相交，眼睛将在该位置花费大量时间。

在Web或移动设计中的任何特定时刻，你可能希望用户专注于某些内容，因此你可以使用相交的轴来引起对该位置的注意，例如在此着陆页中：

左侧文本创建一个轴，“立即购买”按钮与图像的对齐创建另一个轴。在它们交叉的地方，它创造了一个焦点区域。

结论

通过使用对齐来构建轴，控制方向并建立焦点区域，你可以更好地满足设计目标：无论是增强可读性还是推动转换。