详解PS版式该如何设计?怎样排版算漂亮? 版式设计 版式讲解 ps教程  ruanjian jiaocheng

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

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

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

 

详解PS版式该如何设计?怎样排版算漂亮? 版式设计 版式讲解 ps教程  ruanjian jiaocheng

 

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

 

详解PS版式该如何设计?怎样排版算漂亮? 版式设计 版式讲解 ps教程  ruanjian jiaocheng

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

 

详解PS版式该如何设计?怎样排版算漂亮? 版式设计 版式讲解 ps教程  ruanjian jiaocheng

详解PS版式该如何设计?怎样排版算漂亮? 版式设计 版式讲解 ps教程  ruanjian jiaocheng

 

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

 

详解PS版式该如何设计?怎样排版算漂亮? 版式设计 版式讲解 ps教程  ruanjian jiaocheng

 

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

 

详解PS版式该如何设计?怎样排版算漂亮? 版式设计 版式讲解 ps教程  ruanjian jiaocheng

 

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

 

详解PS版式该如何设计?怎样排版算漂亮? 版式设计 版式讲解 ps教程  ruanjian jiaocheng

详解PS版式该如何设计?怎样排版算漂亮? 版式设计 版式讲解 ps教程  ruanjian jiaocheng

详解PS版式该如何设计?怎样排版算漂亮? 版式设计 版式讲解 ps教程  ruanjian jiaocheng

详解PS版式该如何设计?怎样排版算漂亮? 版式设计 版式讲解 ps教程  ruanjian jiaocheng

 

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

 

一、舒适的字距与行距

 

详解PS版式该如何设计?怎样排版算漂亮? 版式设计 版式讲解 ps教程  ruanjian jiaocheng

 

二、标点符号避头尾

 

详解PS版式该如何设计?怎样排版算漂亮? 版式设计 版式讲解 ps教程  ruanjian jiaocheng

 

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

 

详解PS版式该如何设计?怎样排版算漂亮? 版式设计 版式讲解 ps教程  ruanjian jiaocheng

 

文章作者:

http://www.zcool.com.cn/u/785706

属性标签: , ,

欢迎留言