设计充满了“无形的力量”,所有这一切都干净和清晰的沟通帮助。就像你可能受到诱惑,迷恋得到恰到好处的字体,或者选择只是颜色的正确组合,如果你不关注这些无形的力量你的设计就会失败。
这是一个三部分组成的一系列关于这些部队的第一个,让我们与排列,方向和重点开始。
介绍“元素”
要真正想通过设计的无形的力量,你需要停止你的设计的字体,颜色,图像和文本的思想,并启动所有这些事情的思想为“元素”。
您的每一个标题是“元素”,正文的每个段落是一大“元素”,每个图像是一个“元素”。
在这些元素是另一个元素,你可能也称他们为“子元素”。您的标志可能有一个“符号”的元素,和“文本”元件。而在文本部分每个字母可以考虑自己的元素。
所有这些元素的谈话是让我觉得化学课(我从来不带),但是这实际上是适当的。当你正确地排列元素,你得到的东西爆炸了跳下页。当你随意安排他们,你会得到一个哑炮。
对准
设计是具有挑战性的,因为你必须要一个无聊的二维空间,并使其有趣的,而沟通清楚。尤其是在今天,随着小型移动和耐磨的屏幕,它尽可能有效地做到这一点是非常重要的。每个小像素需做的工作。
这就是为什么定位是非常重要的。通过协调彼此的元素,你可以说很多。
例如,这些正方形都对齐。
如果我们改变他们的对齐方式,它完全改变了组成。
如果我们打破对齐,它看起来混乱。
如果,不是正方形,我们使用社交媒体图标,可以直接看到对齐如何变得有用。如果这些社会媒体图标:
取而代之的是这样的:
方向
当你对齐元素,为您打造的方向感与假想线。真正看中的设计师称这种假想线的“轴”。你可以把它像一个轮子的轴:所有车轮的重量围绕轴自转。它必须是平衡的。类似地,轴有助于控制组合物的平衡。
看到所有一字排开,这些元素?你可以称他们为这个组成的轴。
如果对齐其他元素轴附近,它仍然占主导地位,并控制组成。
你爷爷是正确的:你必须要小心你的轴。例如,切忌混居中的文本与“非对称”组成。
但是你安排你的文字:居中,左对齐或右对齐(避免在网络上辩解型),为您打造沿对齐的轴。
当您居中文本,您创建一个轴,所有文本的重量是围绕轴线旋转。该组合物的其余部分要被围绕该轴,以及居中。
所以,如果你扔旁边居中的文本部分左对齐文本,该组合物开始变得扑朔迷离。现在你有两个轴的互相争斗,而不是一个可怕的想法?
例外的是,当一个中心对齐元件跨越组合物的宽度,和左对齐或平齐右元素是组合物内。然后轴没有互相争斗。
公告内容设置左对齐两列。
这是您在移动设计通常看到的模式。在这个截图Yelp的应用程序,顶部和底部菜单栏有一个集中取向,而屏幕的其余部分靠左设置。
或者,你可以通过一列右对齐,另一列左对齐创建出轴的阴沟里。
焦点
到目前为止,我一直专注于垂直轴。你可以有水平轴,太(或对角线,但会在网络和移动设计罕见)。
当两强轴交叉,你通常创建一个重点领域。眼睛自然得出任何强烈的轴线,所以如果两个轴相交,眼睛会在那个地方花费了大量的时间。
在一个网络或移动设计任何特定的时刻,有你想要你的用户是集中在可能的东西,所以你可以用轴相交提请注意该点,如在此着陆页:
在左对齐文本创建一个轴,“立即购买”按钮的图像对齐创建另一个。在那里他们相交,它创造了一个重点领域。
结论
通过使用定位打造轴,控制方向,建立重点领域,可以更好的满足您的设计目标:无论是提高了可读性,或驾驶转换。
坚持围绕我的下一篇文章,我将讨论如何调整你的元素的大小,使那些和谐,优美,清晰的设计。