您的位置 首页 > 数码极客

【段后间距怎么设置】排版设计太“散”怎么办?设计原则救了你!

重复、比较、排序和亲密感是版面设计的四个原则,各种排版形式和规则是根据这四个原则推导出来的,熟悉这些指导性设计原则可以在短时间内更快、更好地实现设计目标。本期将说明四大原则的——亲密性原则。

亲密关系的原则是什么?

亲密意味着,相关的项目必须彼此接近,必须组合在一起,如果多个项目之间有非常接近的亲密关系,则它们将成为一个视觉单位,而不是多个孤立的元素。这有助于组织信息,减少混乱,为读者提供明确的结构。

听起来有点抽象。让我举一个简单的例子。

3秒分辨率绘图有几种水果?每个有多少人?

短时间回答确实有点困难。是因为屏幕上有太多信息,记不住这些信息吗?(莎士比亚)。

同样的问题:

3秒分辨率绘图有几种水果?每个有多少人?

你会得到:“6种水果”,“各2种”的答案。

好了,问题来了。为什么同一两张照片,内容相同,只是换了位置,会影响我们的判断吗?

这就是亲密性原则的作用。

第一幅画中的水果摆放整齐,但不规则地混合在一起,短时间内很难分辨水果的种类和数量。

第二张照片中的水果根据亲密性的原则放在一起,同一个水果就成为一个视觉单位,而不是多个孤立的元素。这样我们就能迅速组织信息,减少混乱,形成明确的结构。

亲密关系的根本目的是实现组织性。其他原则也可以达到这个目的,但利用亲密性原则,只要将相关元素分成小组,建立更接近的亲密感,就可以自动实现条理和组织性。如果信息是系统性的,那么阅读起来也容易记住。

生活中也经常看到利用亲密性原则提高效率的方法。比如超市里陈列商品,就是把相同属性的商品放在同一个地区,同样的商品放在一起,便于顾客挑选,从而提高购买效率。

亲密性原则在排版中的应用?

亲密关系原则在设计领域的应用随处可见,在布局大小要素的排版中均遵循该原则。在文字的排版中,如果亲密性原则出现问题,就会出现各种阅读上的障碍,无法正确解读版面上的信息。

亲密性原则在文本编排中主要有助于梳理信息组织关系,建立完整的阅读逻辑和视觉指导。(大卫亚设)。

像这篇文章这样不亲密处理的时候,看不到它们之间的组织关系,阅读性和信息传达的效果很差。

按照亲密关系的原则,使版面中的相关文字彼此接近,不相关的文字彼此远离,重新组合在一起,各自成为一个视觉单位,从而建立了条理和组织性,形成了明确的结构。(莎士比亚,莎士比亚。)

让我们看看这个事件是如何通过街道建立亲密感的。

字母

间距设置


字间距应该是版面所有元素距离中最小单位,这样视线才能从一个字移动到距它最近的另一个字上,从而正确的去阅读信息。字距一般使用设计软件中默认值“0”,也可以调整为“-20”或“-40”,使文字间距更紧凑。



如果需要通过增加字间距来获得更好的视觉效果,那么字间距不要超过当前字体大小的一半,否则文字就会显得散乱。



可以通过增加一些装饰元素来弥补空白过大所带来的视觉问题。



行间距设置

行间距推荐使用字体大小的1.4-1.6倍。

小于1倍或大于2倍会影响正常的阅读。



段间距设置

段间距需大于行间距,

这样文字信息才能区分开成为单独的段落。



组间距设置

元素与元素之间要体现距离的「近」,组间距要体现出距离的「远」。所以只有行间距和段间距要比组间距小,我们才会下意识的认为它们是一组的。



错误示范1:

所有元素相互间距都一样,视觉感知此版面有五个信息组,显得过于散乱。



错误示范2:

元素彼此无关就不要建立关系,而需要把它们分开。如2和3、4和5不属于同一信息组,而距离过于靠近,会让观者产生误读。



案例分析

接下来进行“茶叶品测会”海报排版解构分析



此版面文字信息主要分为标题、时间地点、正文三个信息组,通过下图的标注可以看到:每个信息组间距>元素与元素之间的段间距,形成了清晰的结构。



标题的亲密性解构:

此标题采用竖排形式,为了让观者产生清晰的阅读顺序,排版遵循着行间距>字间距的原则,引导读者的视觉从左上→ 左下→右上→ 右下的阅读顺序,能清晰的了解到标题要传达的信息为“茶叶品测会”。



错误示范

一旦行间距>字间距规则被打破,字与字之间的阅读顺序就会被破坏,将产生出阅读上的障碍,无法正确解读版面上的信息,很容易让观者误读为“测茶叶品会”。



二级信息“时间地点”的亲密性解构:

此信息虽然为同一信息组,但是又可以分为三个小信息组:地点、开始时间、结束时间。通过下图的标注可以看到:每个信息段间距>元素与元素之间的行间距,形成了清晰的结构。



通过以上的分析解构可以得到文字信息间距规律为:


字间距 < 行间距 < 段间距 < 组间距


无论版面的信息多少、位置如何变化,只要保证各个间距组合之间的相对性比例,就能更好的控制版面,让信息更高效的传达,符合逻辑又满足视觉感知的要求,还能使排版具有节奏感和美感。


常用的空间分割形式?


通过前文的案例可以知道,使用间距进行信息关系的区分是最常用和有效的方法:



除了通过间距控制进行信息关系的划分,还可以通过其他分割形式建立组合关系,常用的分割形式有:线条分割、形状分割与色彩分割等。将这些分割的形式引入设计中,得到的效果比单一的间距控制要好很多:




案例实操?


为了让大家加深对亲密性原则的理解,提取本期文章的主要内容做为原始资料,运用亲密性原则进行设计示范。



按照亲密性原则,把版面中的文字信息进行分组,使它们各自成为一个视觉单元,建立起条理性和组织性,形成清晰的结构,做出清晰的阅读引导。



按照总结出来的规律进行亲密性设置,保证各个间距组合之间的相对性比例,控制好版面,让信息更高效的传达。


A 字间距 < B 行间距 < C 段间距 < D 组间距



尝试采用非常新潮的孟菲斯风格来进行设计,孟菲斯风格的特点是激烈的色彩碰撞,几何结构的点线面的随机拼贴,有非常强烈的视觉冲击力。按此风格特点给各信息组加入色彩明快的色块,使信息的分割更明显。



1、增加字型对比,标题改为“优设标题黑”,正文改为圆体;2、给各个色块加入伪立体效果的外框,形成有趣的空间感;3、加入小圆点当做背景肌理,使此风格特点更明显。



最后加入点缀元素来丰富画面,增加活泼感和趣味性。

设计完成:



做个样机效果:



本期知识点总结:

1、元素的关联性越大,间距就越小;无关联的元素不要太靠近,让读者产生误解;亲密性原则在间距对比中才会产生效果,距离的对比要足够强烈,才能够清晰的被感知;


2、在文字信息排版中要遵循:字间距 < 行间距 < 段间距 < 组间距的规则。保证各个间距组合之间的相对性比例,就能让信息更高效的传达,还能使排版具有节奏感和美感;


3、除了通过间距控制进行信息关系的划分,还可以通过线条分割、形状分割与色彩分割等建立组合关系。


-END-




关注头条号,转发本文,然后私信小编:777,领取排版素材

免责声明

本文章资源均通过网络等合法渠道获取,该资料仅作为学习交流,其版权归出版社或者原作者所有,不对所涉及的版权问题负责。如原作者认为侵权,请联系我们,我们立即删除文章,谢谢

关于作者: luda

无忧经验小编鲁达,内容侵删请Email至wohenlihai#qq.com(#改为@)

热门推荐