分享

甲方要的“放大”,到底要放多大?

 蓝翅蜻蜓 2023-05-16 发布于北京
图片
图片

设计师在工作中经常会听到甲方或老板说“把文字放大、把图片放大、把LOGO放大”,在他们的理解,想要突出信息就是放大。那单纯的放大真的会显眼吗?

图片
图片

图中甲方要求把产品信息都尽量大,而按照要求做的设计,最后却被拉黑是为什么?

图片

首先我们看下画面,由于文字和图片都放的很大,导致整个画面特别满,但当我们看到画面时,很难说哪个信息能被我们第一眼看到。

这是因为画面中有太多信息争抢我们的视线,我们无法聚焦去看其中某一个信息。

图片
图片

用对比手法突出焦点,是最简单也是最常用的方法。好的视觉焦点能对图中的信息顺序和重要性进行视觉梳理,引导观者按照设计好的逻辑去阅读。下面教大家几种方式,去修改前面的案例。

图片
图片

大小对比是建立焦点和层次结构最直接最常用的方法之一。如果一个元素比另一个元素大,那它一定会清晰一些。

图片

首先,对版面进行重新规划,建立竖向5栏×横向8栏的网格。

图片

然后把LOGO放到版面中间偏上,黄金比的位置上。

图片

把文字信息和LOGO按照比例进行调整,小字信息和LOGO相差11倍的比例关系,是为了让它们能形成较强的对比。

图片

把编排好的信息放到版面中,最后添加一些装饰元素,大小对比的案例就改好了。

图片

 ▲ 大小对比

图片
图片

让视觉元素在画面中形成空间对比,可以在想要突出的元素周围制造留白,这样它就会被凸显出来,让读者注意到。

图片

为了让版面有更好的留白空间,这里我划分了数量较多,横向15栏×竖向11栏的网格。同时把图片置于背景合适的位置。

图片

把主要信息放置到版面中间,占据5栏,可以把左右两边留出较多空间。

图片

把其他信息编排到版面中,让产品信息占据竖向1栏的空间。这样让用留白制造出空间对比的案例就完成了。

图片

 ▲ 空间对比——留白

图片
图片

因为人的视觉容易被对比强烈、饱和的颜色所吸引,所以通过颜色对比,可以使画面中的信息层级更加明显、清晰,使它有更好的易读性。

图片

建立15×11的网格,这次想突出色彩的对比,所以我把图片缩小放占据7栏的空间,让背景可以有大面积的底色。

图片

根据图片放置在背景的位置,把其他信息根据网格放到版面中。

图片

背景色的选择,可以吸取图片主体的颜色,把它应用到背景色上。

图片

手写LOGO叠在图片上,由于色彩相近,影响阅读性,所以把它变成白色,同时它的加入,是为了降低下方图片在画面中的分割感,这样色彩对比的案例就修改好了。

图片

 ▲ 色彩对比

图片
图片

视线引导,大家一般都会想到,画面中的主体元素,会指引视觉的动线,这样我们的视线就会跟着动线方向走。

这里我推荐一个简单的方法,就是通过添加符号或者线条,来引导读者视线。

图片

还是建立15×11的网格,把主体图片放到版面的下半部分,把上方的空间留出来,编排其他信息。

图片

把编排好的信息放到上半部分,同时把LOGO压到图片上,降低画面的分割感。

图片

把想要突出的信息后移,留出空间加入点元素和横线,这些元素的加入类似于画重点的感觉,可以在阅读时,起到视线引导的作用。

图片

最后添加一些装饰元素,视线引导的案例就修改好了。

图片

 ▲ 视线引导

图片
图片
图片
图片
图片
图片

写在最后

图片

总监:K叔

主题创建:阿迪

图文排版:阿迪

校稿:沐澜

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多