下载全书

大小对比

0
1
1713
贡献人:

定义
编辑

大小对比是通过放大画面中的重要信息,加大它在画面中的占比,来使重要信息突显出来。

实践出处
编辑

在《写给大家看的设计书》中,Robin Williams提出了四大原则:对齐、重复、对比、和亲密性这一原则。

为什么
编辑

通过大小对比:

  1. 使设计看起来有层次、有落差,没有大小对比的设计看起来很平。

  2. 可以产生视觉落差。人们的视线很容易的先被大的物体吸引。

  3. 视觉落差会产生动态,也就是说,你先看到画面中的大物体后,视线才转移到其他位置。大的物体就是画面的重心了。

  4. 表现空间虚实关系,越大的物体表示近。

  5. 平衡画面

  6. 稳定版面

何时使用
编辑

进行画面的设计想要突出重点时。

如何使用
编辑

更大的东西看起来更重要,更突出。

当你在制作一个更大的元素时,往往看起来比更小的元素重要并且突出。

image

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

image

这时根据人的视觉习惯,会先看到位于顶部的元素,但当你放大底部的元素时,那么它看起来就是更重要的。
image

但是,视觉重量(使用粗体或浅色字体)或颜色对比等其他因素可以扭转较大尺寸的影响。
在下面这张图中,较轻的元素看起来不那么重要,即使它更大。

image

实际应用:

只要有可能,你可以使用上面提到的因素来改变你的视觉层次结构。

image

像上面这幅图片中,标题和内容的字号是同一个字号,两者在大小没有进行对比,画面没有层次感,标题不够突出。当把标题进行放大后,就得到了下面这张图。

image

标题放大与内容进行了一个大小的对比,使画面更具有层次,同时重点也得到了突出。
以下面这张海报为例:

image

图中的主题文字放大后很难不被第一眼看到,突出了重点,同时使得画面富有层次感。

注意:在设计时,你应该有目的地使用大小变化。如果没有必要,将元素变大 - 从而占用宝贵的屏幕空间是没有意义的。

我们非常重视知识产权,我们在非常努力地寻找最初的出处来源并注明出处。但因为互联网信息浩瀚,难免会有疏漏。如果您觉得有侵犯您的权益,请联系我们。

请提出您的意见
通过审核后显示您的意见

文章导航

定义
实践出处
为什么
何时使用
如何使用

主要贡献人

程家乐

chengjiale

实践被点赞 1

实践被收藏 0

加入社区微信群
与行业大咖零距离交流学习
PMO实践白皮书
白皮书上线