隐形力量:大小,对比度和平衡

用户头像
北京/教育工作者/7年前/398浏览
隐形力量:大小,对比度和平衡

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

更大的东西看起来更重要

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


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


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

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


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

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


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

 

做出有意义的尺寸变化

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

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


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


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

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

你可以在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(略微舍入)。


结论

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


6
举报
|
10
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
城市园林平面布局航拍
金色颗粒质地的平面
金色颗粒质地的平面
平面插画情侣/矢量
空的平台平面和自然景观
课程海报,平面素材
中国传统纹样创新图案设计
玄关入门地毯印花图案红地毯
城阙凡花
平面插画设计女孩喝咖啡
倒计时,海报,平面
金色颗粒质地的平面
“知识宅急送”外卖,快递,平面,海报,素材,教育
空的平台平面和自然景观
牛奶乳液层次梯田平铺平面
金色颗粒质地的平面
拼团,团购,教育,海报,平面
平面设计 吊牌设计
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
平面风格黄绿色系花朵装饰
平面花卉图案扁平简约无缝拼接插画
金色颗粒质地的平面
海底世界插画
牛奶乳液层次平面平铺平面
城市园林平面布局航拍
你可能喜欢
相关收藏夹
大家都在看
登录注册