版式设计中的网格系统

集优小站  2018-09-03 15:31  阅读 954 次

如果你认为版式设计就是简单的“居左型”、“居右型”、“居中型”、“自由型”... 那你就“图样图森破”了;要让你的版式设计显得高大上,你需要知道其背后的奥秘,看似简单的排版,并不是设计师凭感觉随意把文字和图片摆上去的,而是设计师针对设计项目预先设计了一套“网格系统”,这就是为什么国外的书籍和网站看起来显得特别高大上的原因,“网格系统”也是瑞士平面设计的精髓所在,在国外被广泛应用,不论是书籍、网页还是手机APP,都会用到,在国内,绝大多数设计师都缺乏网格系统的相关知识,原因是中国设计教育的不专业,除了少数顶尖艺术院校会交给学生相关知识,绝大多数的设计专业学生在学完四年之后依然不知道版式到底怎么排,或是“照葫芦画瓢”,找一些国外的案例来参考,但并不了解其背后的逻辑,我的这篇文章会介绍给你一些基础的“网格系统”知识,让你在以后的工作中能够游刃有余,排出“高大上”的版式效果。

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

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

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

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

 

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

 

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

 

 

初学者应该注意的版式的细节

 

一、舒适的字距与行距

 

二、标点符号避头尾

 

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

在排大段中文的时候,最好使用两端对齐的排版方式,这样排出来的文字看上去非常的整洁,阅读起来也比较舒适;在部分情况下,中文也可以使用“扫尾式”排版,例如诗歌,在文字较少并且能保证每一行是一个完整句子的情况下,中文也可以使用左边对齐,右端扫尾的排版方式。

本文地址:https://www.jiyoua.com/1300.html
版权声明:本文为原创文章,版权归 集优小站 所有,欢迎分享本文,转载请保留出处!
温馨提示:部分内容来源于网络分享,若侵犯了您的权利,请联系我删除!
本站Q群:【集优小站】进群喊“群主”!QQ群号码:12097706
常用设计软件安装服务

发表评论


表情