设计师在工作中经常会听到甲方或老板说“把文字放大、把图片放大、把LOGO放大”,在他们的理解,想要突出信息就是放大。那单纯的放大真的会显眼吗? 图中甲方要求把产品信息都尽量大,而按照要求做的设计,最后却被拉黑是为什么? 首先我们看下画面,由于文字和图片都放的很大,导致整个画面特别满,但当我们看到画面时,很难说哪个信息能被我们第一眼看到。 这是因为画面中有太多信息争抢我们的视线,我们无法聚焦去看其中某一个信息。 用对比手法突出焦点,是最简单也是最常用的方法。好的视觉焦点能对图中的信息顺序和重要性进行视觉梳理,引导观者按照设计好的逻辑去阅读。下面教大家几种方式,去修改前面的案例。 大小对比是建立焦点和层次结构最直接最常用的方法之一。如果一个元素比另一个元素大,那它一定会清晰一些。 首先,对版面进行重新规划,建立竖向5栏×横向8栏的网格。 然后把LOGO放到版面中间偏上,黄金比的位置上。 把文字信息和LOGO按照比例进行调整,小字信息和LOGO相差11倍的比例关系,是为了让它们能形成较强的对比。 把编排好的信息放到版面中,最后添加一些装饰元素,大小对比的案例就改好了。 ▲ 大小对比 让视觉元素在画面中形成空间对比,可以在想要突出的元素周围制造留白,这样它就会被凸显出来,让读者注意到。 为了让版面有更好的留白空间,这里我划分了数量较多,横向15栏×竖向11栏的网格。同时把图片置于背景合适的位置。 把主要信息放置到版面中间,占据5栏,可以把左右两边留出较多空间。 把其他信息编排到版面中,让产品信息占据竖向1栏的空间。这样让用留白制造出空间对比的案例就完成了。 ▲ 空间对比——留白 因为人的视觉容易被对比强烈、饱和的颜色所吸引,所以通过颜色对比,可以使画面中的信息层级更加明显、清晰,使它有更好的易读性。 建立15×11的网格,这次想突出色彩的对比,所以我把图片缩小放占据7栏的空间,让背景可以有大面积的底色。 根据图片放置在背景的位置,把其他信息根据网格放到版面中。 背景色的选择,可以吸取图片主体的颜色,把它应用到背景色上。 手写LOGO叠在图片上,由于色彩相近,影响阅读性,所以把它变成白色,同时它的加入,是为了降低下方图片在画面中的分割感,这样色彩对比的案例就修改好了。 ▲ 色彩对比 视线引导,大家一般都会想到,画面中的主体元素,会指引视觉的动线,这样我们的视线就会跟着动线方向走。 这里我推荐一个简单的方法,就是通过添加符号或者线条,来引导读者视线。 还是建立15×11的网格,把主体图片放到版面的下半部分,把上方的空间留出来,编排其他信息。 把编排好的信息放到上半部分,同时把LOGO压到图片上,降低画面的分割感。 把想要突出的信息后移,留出空间加入点元素和横线,这些元素的加入类似于画重点的感觉,可以在阅读时,起到视线引导的作用。 最后添加一些装饰元素,视线引导的案例就修改好了。 ▲ 视线引导 写在最后 总监:K叔 主题创建:阿迪 图文排版:阿迪 校稿:沐澜 |
|