之前写过关于布局中的对齐,方向,焦点的文章,此文章将延续布局。

更大的东西看起来更重要

很明显,当你制作一个更大的元素时,它往往看起来比较小的元素更重要。

但是,这需要与影响视觉层次结构的其他因素一起考虑。例如,这两个元素具有相同的重要性,因为它们的大小相同:

如果有的话,你会在看到底部元素之前看到顶部元素。

但是如果你让底部元素比顶部元素更大,那么它看起来会更重要。

但是,视觉重量(使用粗体或浅色字体)或颜色对比等其他因素可以扭转较大尺寸的影响。

在此图中,较轻的元素看起来不那么重要,即使它更大。

但仅仅通过给出相同的插图一个黑暗的背景,现在较轻(和更大)的元素占主导地位,这要归功于它与背景形成鲜明对比的事实。

做出有意义的尺寸变化

特别是在为当今时代的小屏幕设计时,你应该有目的地使用尺寸变化。如果没有必要,将字体变大 - 从而占用宝贵的屏幕空间是没有意义的。

只要有可能,你可以使用上面提到的因素来改变你的视觉层次结构,但是,你需要做出比另一个更重要的事情。只是不要随便做。

现在,哪个更清楚地告诉你:哪个布局更好,上面还是下面的?

来自第二示例的元素基于变化的比例来确定大小。每个字体大小与下一个最小尺寸相关,具有与较大尺寸相关的相同数学关系。

不同规模的类型大小彼此成比例关系。比例有助于使你的设计部分看起来像是属于一体。

你可以在MailChimp标志中查看比例。

构成黑猩猩特征的每个圆圈彼此相关的系数为0.75。例如,构成腹部区域的圆是构成身体的圆的大小0.75。设计此标志的公司Hicks Design故意这样做!

不要被傻瓜的黄金愚弄

你们中的许多人可能正在考虑所谓的“黄金比例”,它会引起很多炒作。黄金比例约为1:1.618。是的,如果基于黄金比例,黑猩猩仍然具有吸引力,但它不会客观地更具吸引力。尽管有炒作,但没有证据表明黄金比率比其他流行比例(如0.75或0.67)更具吸引力。

其中一个是正方形,另一个是0.75矩形,另一个是0.67矩形,另一个是“黄金”矩形。哪个矩形看起来最吸引你?

以下是民意调查结果:

左上角(方形):8%

右上角(3:4矩形):29%

左下角(2:3矩形):37%

右下角(“黄金比例”):25%

正如你所看到的,所谓的黄金矩形表现得非常好,但它并没有成为最吸引人的矩形。

在这种情况下,2:3矩形赢了,但不要读太多。关键是,从黄金比例到3:4的任何东西都比正方形更具吸引力。

你可以利用这些知识使你的排版变得美观,并且如果你使用预先设定的不同比例的排版,则可以节省时间。

例如,这些是我经常使用的字体大小。每个尺寸大约是之前尺寸的0.75(略微舍入)。

结论

通过考虑你所做的尺寸变化,你的设计将看起来更清晰,更清晰,同时更易于使用,并且转换得更好。如果你使用不同的比例,你可以更快地制作出精美的设计!