第 07 课_ 版式设计

全文约 1550字，预计阅读时间4分钟。

版式设计的根本目的是为了视觉引导，引导读者顺畅的完成版面信息的阅读，最终实现信息传达。

 

# 01 #

//大脑是如何处理信息的//

任何一个平面设计稿中所包含的信息至少都在两条以上，而在绝大多数情况下，信息的数量都会在几个到十几个。

为了能通过平面设计，将这些信息顺利地被目标受众所接收，我们首先要了解大脑是如何处理信息的。

1. 大脑接收信息的能力非常的差，就像一根漏水的管子，信息流失非常严重。

   大家在上学的时候一定背过课文，大部分学生时代背诵过的课文现在应该都不记得了，这就是信息流失，除非你经常性的复习。

   
   

2. 大脑一次性接收信息的容量是非常有限的(一次最多能够记住三条信息)。

   虽然人类的大脑存储能力非常强悍，但是，真正能被记住并且可以随时被调用的信息并不多，大多数信息都是在潜意识状态下被存储在大脑中，这部分信息的绝大部分对我们来说都无法调取和使用。

大家都见过篮球比赛，而且很多人平常也经常参加篮球运动。

当别人正常给你传球时，一般都能接到球；

如果有两个以上的人同时给你传球时，可能一个球都接不到；

如果有两个以上的人依次给你传球，那就可以接住每一个球。

其实，大脑在接收和处理信息的时候也是这样的。所以，我们就需要进行版式设计，这也是版式设计真正的作用和目的。

 

在做版式设计时，

step01 汇总所有需要出现的信息；

step02 对这些信息进行分级处理；

step03 对各级信息进行设计处理；

step04 根据信息内容进行版式设计。

通过四个步骤，将所有信息形成一个信息流，通过版式设计的视觉引导，将所有信息依次传达给目标受众，让读者在不知不觉中，读完所有内容。

 

# 02 #

//版面的视觉均衡//

版式设计可以千变万化，归根结底就是视觉引导。

而视觉引导最高段位就是让人在不知不觉中阅读中，而不知不觉的首要问题就是版面的视觉均衡。——除非设计师就是故意要造成一种不均衡感，强迫读者的注意力从某一点转移到另一点，其实这本身也是一种视觉引导。

这也是很多时候，设计师在完成版式设计之后，总感觉哪里不对，但是又说不出来到底哪里不对，总之就是看着别扭。

最主要的原因就是整体版式的视觉均衡感还没有形成。

那如何才能完成版面最基本的视觉均衡呢？

我们可以把一个版面想象成一个立体空间，让空间中所有的元素互相作用，形成一个稳定的物理结构。

地面+天花板+墙面

先用一个简单的例子来展示一下，版式设计中最简单的视觉均衡感。

# 03 #

//版式设计中的网格工具系统//

相信很多人都知道版式设计中的 网格系统（或者叫 网格辅助线），但并不是所有人都知道：

网格到底有什么用？

应该如何利用网格系统来帮助我们做版式设计？

 

网格系统的作用主要有两点：

1. 规范所有页面的版心；
2. 让所有的页面既有共性也有个性。

 

基于以上两个方面的作用，所以网格系统主要应用在两种类型的设计中：

第一种是VI设计的版式规范中，主要包括广告版式规范和印刷品设计规范等；

第二种是2P以上的页面设计，比如印刷品设计中的折页设计、画册设计，还有H5页面设计、APP UI设计等。

 

最常用的网格有两种：

一种是 经纬线网格，

另一种是 矩形排列网格。

除了以上两种网格，还可以通过这两种网格演变出其他的网格。

比如，通过经纬线网格可以演变出平行交叉网格，通过矩形排列网格可以演变出六边形排列网格，只不过在制作这种非常规网格时会比较费时。

 

 

网格系统又叫网格辅助线，所以，在设计中使用网格系统时， 最基本的应用操作就是对齐。

另一方面也可以利用网格线来生成辅助图形，以帮助我们更好地完成版式设计。

为了让大家更好的掌握版式设计的方法，后续会有单独的文章，用实际案例进行更深入的讲解，今天主要是版式设计中的基础理论小科普。

只有掌握了这些最基本的基础理论，在后续的版式设计学习中才能更系统化的展开。