如果你认为版式设计就是简单的“居左型”、“居右型”、“居中型”、“自甶型”那你就“图样图森破”了;要让你的版式设计显得高大上,你需要知道 其背后的奧秘,看似简单的排版,并不是设计师凭感觉随意把文字和图片摆上去 的,而是设计师针对设计项目预先设计了一套“网格系统”,这就是为什么国外的书籍和网站看起来显得特别高大上的原因。

“网格系统”也是瑞士平面设计的精髓所在,在国外被广泛应用,不论是书籍、网页还是手机APP,都会用到,在国内,绝 大多数设计师都缺乏网格系统的相关知识,原因是中国设计教育的不专业,除了少 数顶尖艺术院校会交给学生相关知识,绝大多数的设计专业学生在学完四年之后依 然不知道版式到底怎么排,或是“照葫芦画瓢”,找一些国外的案例来参考,但并 不了解其背后的逻辑,我的这篇文章会介绍给你一些基础的“网格系统”知识,让 你在以后的工作中能够游刃有余,排出“高大上”的版式效果。

以书籍、画册为例,在设计之初,要确定一个版心,目的是为了使内容看上去 处于安全范围内,也符合人的视觉习惯;那么,版心的位置也是很汫究的。

上面两张图,左边的版心上、左、右边距都是一样的,显得非常呆板,除非为了刻意体现严谨的感觉,一般情况不建议使用;右边的版心间距就比较考究了,左、右、上、下的边距都不同,且成一定的比例关系,接近黄金分割比,在现代版 式设计中,多采用这种更为自由、灵活的版心设计。

确定了版心之后,在版心的范围内,根据项目的特点,图文的疏密、比例关系 等去设计网格,通常格子越多,版面的灵活性就越大,下面我们举一个32网格的 例子,在这32个网格内,可以实现多种布局方式,非常灵活而且是统一的。

网格可以是非常灵活的,不一定非得是等分的,网格如何设计取决于项目的特点和图文的比例,下面我们再来看一个案例吧!

当你能够灵活应用网格的时候,就能创造各种风格各异,精妙绝伦的版式设 计了,网格不是限制你的工具,而是帮助你去完成一件合理规划、定位精准的艺术品。

网格设计不仅仅应用在书籍方面,优秀的网页设计、UI设计背后都有系统的网格系统在支撑,下面是一个970像素的网页设计案例。

初学者应该注意的板式的细节问题

一、舒适的字距与行距

二、标点符号避头尾

三、中文不适合“扫尾式”排版

相关推荐