梦想还是要有的，万一实现了呢？

PS版式该如何排版设计算漂亮？

2017-10-20 23:55发布

PS

如果你认为版式设计就是简单的居左型、居右型、居中型、自甶型那你就图样图森破了；要让你的版式设计显得高大上，你需要知道 其背后的奧秘，看似简单的排版，并不是设计师凭感

　　如果你认为版式设计就是简单的“居左型”、“居右型”、“居中型”、“自甶型”那你就“图样图森破”了；要让你的版式设计显得高大上，你需要知道 其背后的奧秘，看似简单的排版，并不是设计师凭感觉随意把文字和图片摆上去 的，而是设计师针对设计项目预先设计了一套“网格系统”，这就是为什么国外的书籍和网站看起来显得特别高大上的原因。
　　“网格系统”也是瑞士平面设计的精髓所在，在国外被广泛应用，不论是书籍、网页还是手机APP,都会用到，在国内，绝 大多数设计师都缺乏网格系统的相关知识，原因是中国设计教育的不专业，除了少 数顶尖艺术院校会交给学生相关知识，绝大多数的设计专业学生在学完四年之后依 然不知道版式到底怎么排，或是“照葫芦画瓢”，找一些国外的案例来参考，但并 不了解其背后的逻辑，我的这篇文章会介绍给你一些基础的“网格系统”知识，让 你在以后的工作中能够游刃有余，排出“高大上”的版式效果。
　　以书籍、画册为例，在设计之初，要确定一个版心，目的是为了使内容看上去 处于安全范围内，也符合人的视觉习惯；那么，版心的位置也是很汫究的。
　　上面两张图，左边的版心上、左、右边距都是一样的，显得非常呆板，除非为了刻意体现严谨的感觉，一般情况不建议使用；右边的版心间距就比较考究了，左、右、上、下的边距都不同，且成一定的比例关系，接近黄金分割比，在现代版 式设计中，多采用这种更为自由、灵活的版心设计。
　　确定了版心之后，在版心的范围内，根据项目的特点，图文的疏密、比例关系 等去设计网格，通常格子越多，版面的灵活性就越大，下面我们举一个32网格的 例子，在这32个网格内，可以实现多种布局方式，非常灵活而且是统一的。
　　网格可以是非常灵活的，不一定非得是等分的，网格如何设计取决于项目的特点和图文的比例，下面我们再来看一个案例吧！
　　当你能够灵活应用网格的时候，就能创造各种风格各异，精妙绝伦的版式设 计了，网格不是限制你的工具，而是帮助你去完成一件合理规划、定位精准的艺术品。
　　网格设计不仅仅应用在书籍方面，优秀的网页设计、UI设计背后都有系统的网格系统在支撑，下面是一个970像素的网页设计案例。
初学者应该注意的板式的细节问题
一、舒适的字距与行距
二、标点符号避头尾
三、中文不适合“扫尾式”排版

猜你喜欢
ps入门教学：教你认识什么是ps，应该如何学习
ps

ps入门教学：教你认识什么是ps，应该如何学习

设计手记 10-21190
第一课：教你认识什么是ps，应该如何学习ps？（入门教学） 　　★.什么是Photoshop？ 　　我们要学习的软件，是Adode公司的图像处理软件photoshop（以下简称PS）。 　　★PS是什么样的一个软......
详细解析9个PS新手最容易犯的错误
PS

详细解析9个PS新手最容易犯的错误

设计手记 09-24642
对于一些Photoshop的初学者，往往会有许多错误的使用方法，甚至是一些老手，都很有可能存在一些使用上的错误习惯。在这里，小编就给大家带来了9个使用Photoshop时应该注意的地方。同时，如果你也知......

下载排行

全部

用微信扫一扫

愚公网