版式设计中留白的细节

留白是指版面中没有编排任何元素的空白区域。留白并非指的是某种特定风格的设计形式,而是在任何设计中都存在的,大到版心小到字间距的那些留白细节。恰恰是这些不起眼的细节部分,决定的一个设计的品质高低。只要认真掌握好这些基本原则,也就可以做出与之前完全不同的优秀版面。通过减小文字与图标之间的留白大小,使图标与相关文字成为组合,让我们有效区分出了文字标注的是其上方的图标含义,给人清晰明确的印象。均等的留白能够将元素链接在一起,会传递出统一感和平稳感,通过控制留白的面积大小关系,则可以将不相关的元素区分开来。留白在版面中无处不在,小到文字之间的距离,大到整个版面与版心的大小,把控好每个部分的留白,是版式设计中非常重要的部分,留白在不同情况下的应用与注意事项。无论元素如何放大与缩小,人眼能够识别到的最小比例是不会跟着改变的。汉字是在虚拟的方框中设计出来的,字库中字体的间距是针对常规正文字号下设置的,当我们把文字缩小后文字产生了黏连,这时我们需要加大文字间的留白,而将文字放大后也是同样的道理,需要减小文字间的留白距离。拉丁字母与汉字不同,字体的字面是不等宽的,所以我们需要单独设置每个文字之间的留白距离,分别比对字体默认的字偶间距与软件自带的视觉间距,两种设置均不是特别理想。默认的字偶间距需要顾及到与不同字母的搭配情况,而针对特定文字组合的单词来说,我们可以更精确的调整文字间的留白距离。
诀窍在于视觉上的均衡,千万不要死记数据。加入文字后,四周的留白并不统一,给人左重右轻的心理感受,视线在中心与文字之间来回移动,产生了动感与紧张的印象,对于一个在小比例下显示的购买按钮来说,这显然不是我们想要的印象。统一文字四周的留白大小,将文字居中放置在色块衬板上,在视觉上变得平稳起来,边界与字身的面积对比过于悬殊,特别是在小尺寸下显得格外拥挤。留白的空间大小会给人不同的印象,这里纵向以一个字的高度作为留白依据,横向留白两个字的距离。同样的,换成线框也一样,但要注意线框与文字在粗细度上的比例。虽然说当文字放大后,需要减少留白的面积大小,但在文字过多的段落情况下,为了保证阅读的流畅,需要加大行与行之间的留白面积。以此达到良好的阅读性的目的。根据文案的内容,将关联性不强的文字组合间的距离加大处理,使信息的区分变得明显,那么留白应该设置成多大呢?根据组合中原有的比例来设置留白大小,会让整个组合给人更加和谐统一的印象。本文来源于南京画册设计公司
经过留白的划分后,这个组合就完成了,从宏观角度可以区分为两个组,继续细分可以得到四个大小不同的文字组合。
使主体占据版面二分之一的面积,而文字组放置到了右侧空白处,左右的留白大小得到统一,文字组居中放置在了右侧二分之一的位置。调整后的版面在视觉上会更自然一些。主形象与文字组之间的留白大小问题不是很大,但文字的组合间距均相等,导致信息传递混乱,我们重点修改文字组中的留白。通过阅读文案信息得知,这个版面想传递的重要概念应该是产品名称,其次是价格信息,再然后是“夏季新款”等信息。 将文字的层级划分好后,调整留白间距,区分出关联性不强的信息组合。
文字信息梳理清楚后,使信息的传递变得更加有效。这里去掉了空间感不是很强的背景底色,而白色同样能够传递出高级感。
留白在版式设计的各个环节中都扮演着重要角色,了解了从字距的设置到整个版面的布局中的留白细节,相信大家已经掌握了比例与留白之间的关系,并能够在今后的设计当中加以运用。