©站酷D坐标

如果设计工作从来都是一帆风顺的，需求特别清晰，实现特别完美，做事情有理有据的，那么……这份工作上哪找得到？我也要去！

尤其是排版，无论是PPT或毕业展板排版，还是工作中的方案展示排版，不能要你觉得好看，一定要别人觉得好看才行。

难道真的没有什么方法、技巧、规律之类的东西吗？扪心自问一下，所谓的设计类的书籍你们看过多少？没看过也不要紧！我看过就行了！

那么今天就给大家分享一下在下的愚见：如何在排版中轻松把握好优质的视觉体验。

文字内容和图片都很重要，但是贪多嚼不烂，今天咱们先简要地谈谈文字的排版。

我将通过4个大模块进行叙述：

四大原则，九种形式，五个规律，三条提醒。尽量用简明扼要的文字来给你充足的设计知识。

01

四大原则

对齐原则

对齐最常用的分为：左对齐、居中对齐、右对齐（其他特殊对齐方式就不说了，这里只讲高效率的方式）。

使用范围：

1.左对齐，最符合人的阅读习惯，在页面中显得非常规整、简洁，视觉上也很舒服（顶部对齐的竖排文字其实也是一种“左对齐”）。所以适合比较看重规矩、正式的方案文本中（不绝对）。

2.居中对齐，阅读起来比较轻松，有亲近感

，要注意与排版图片的配合（要居中的话，图片内容与文字都得居中），适合漫画、娱乐性图文阅读、海报等比较轻松的文本内容，其目的是夺取视觉中心，突出重点。

3.右对齐，一般出现右对齐的情况，要么就是署名，要么就是，排版需要或者让内容能够

像一个整体。

注意：

1. 对于大段的文字，一个页面不要出现多种对齐方式（不要超过两种）
2. 对齐要考虑段落与图片内容、段落与段落之间的对齐。
3. 句与句、段落与段落之间，是可以进行不同形式组合对齐的。（例如上图的居中对齐图）
4. 艺术海报看起来很乱，实际上是某种特定基准线对齐的。

你可以试试看，在下图你能看出哪些对齐的混合运用？

亲密性（接近性）原则

如果元素（图文）之间是有关系的，那么他们应该在视觉上也相关。

什么意思呢，举个栗子~

上图红框离右边隔得比较近，所以你默认会觉得它跟右边几张图是有关系的

。

而左边大图隔得比较远，你会默认认为跟左边的大图没关系。

不服气？我再举个栗子~图里的图片，即使你看不懂文字，你也会觉得文字是跟图片有关系的，因为它们隔得比较近。

这就是著名的“格式塔心理学”中接近性原则，是视觉交互设计比较常用的一种方法。

即使你不知道上图写的是什么，但你肯定觉得，这段文字是跟上图有关系的~

重复原则

设计元素要学会复用，强化用户的使用印象，同时也有利于设计师提高效率。

可以复用的元素有很多：字体、颜色、留白、符号、版式、线条...，复用的元素不一定完全一致，但一定存在某种联系。

切忌，一个元素不要太多地进行重复！

比如全部用一个颜色的文字或色块，会很难找到重点在哪里，只用一种主色，页面也未免显得太过单调无聊。

要学会变换着使用这一原则。

对比原则

对比会让页面更具吸引力，避免元素太过相似，与视觉疲劳，同时拉开视觉层级，制造焦点。

常见对比：大小对比、颜色对比、疏密对比、文字和留白对比、虚实对比，粗细对比等。

注意：

1. 对比的重点是一定要大胆强烈！千万不要畏畏缩缩！
2. 不要害怕让一些项很小，这样不仅便于与其他项形成对比，也能有更大的留白空间突出重点内容。
3. 除非是标题或装饰性文字，否则不要使用特殊字体，要保证内容的清晰易读。

以上图片能更好的诠释注意里的要点，需要细心体会！

02

九种形式

这部分以图片展示为主，因为能更好的表现内容，展示常用的9种文字排版的形式。

文字斜放

文字加粗居中，拉开间距

照片加留白就是封面（留白指的不是白色）

文字颜色突变

使用手写字体

版面上使用细文字

运用背景元素遮盖部分文字

矩形框住就很高级

标题加粗竖着放中间

我觉得这9形式，排列组合一下，你可以用一辈子了！

03

五个规律

纯文字的排版

两种级别的文字排版，一般有文字+文字，英文+英文或者文字+英文三种形式。

三种级别的文字排版，最为常见的是二级中文+一级英文，也有两级英文+一级中文、均是中文或英文。

四种级别的文字排版，一般为二级中文二级英文，不过也会有三级中文+一级英文。

五种级别的文字排版，较为少见，图中的例子是三级文字+二级英文。

文字+序号排版

也不用多说了，我经常用。

文字+线条排版

文字+短横的组合特别具有设计感，有动感的感觉，特别实用。划重点，商家非常喜欢。

文字+长横的排版也很常见，可以很好地精选划分区域，让标题文字与图像进行分割。

文字+虚化线条的排版，虚化的线条给人感觉更加新颖和独特，通过画一个虚化的圆压扁后用色块盖住上面部分即可。

文字+斜线的排版，斜线给人感觉更加动感和出色，设计感更强，更具吸引力，斜线让画面更饱满更有生机。

基本都是电商类都特别喜欢的版式，用这些绝对没问题！

文字+线框排版

加框就“高级”了，再“大气”一点，信我，屡试不爽！

文字+线框+线条排版

把上面的要点进行排列组合，就是以下样式了。

04

三条提醒

最后就是胶囊君要给你的提醒了，以上方法掌握了以后，你不如果不注意以下几点，就会频繁改稿！

了解的观众习惯

你的文案排版是展给谁看的？人群不同，需求也不同。

我曾经给环境艺术设计毕业展做了一个很酷炫的展板，然后被打回来重做熬夜三天。不是好不好看的问题，而是合不合适。

排版要适合你的内容

你仔细看一下，音乐会海报，租房海报，漫展海报，它们是一样的吗？

一定要在合适的范围内进行设计，不然的话，你设计的再炫酷也是格格不入，会给观看者带来信息误解，这样你展示的初衷也就偏离了道路。那时候就不要怨天尤人的说别人不懂艺术。

不要过多修改和添加

大部分的设计师，改图修图，基本上都是作为设计师的本能去修改的，因为你想要做出好的作品，但是却没有考虑到用户的需求，从而不经意地添加了“你认为正确的元素要点”。

其结果就是导致方案不满意，循环往复修改。当然极个别另类除外。

文章参考于

UI设计进阶、HiDesignABC等公众号

站酷网、UI中国

图片源自网络

如果觉得没学够，想要学习更多的知识，胶囊君今天还送你两本书，肯定能满足你。

1.写给大家看的设计书

出自一位世界级设计师Robin Williams之手。作者以其简洁明快的风格，让你了解怎样才能按照自己的方式设计出美观且内容丰富的产品。

2.写给大家看的PPT设计书

作者Robin Williams围绕PPT等电子演示文稿的创建与制作，向大家传授了大量的方法原则及经验心得。其中涵盖PPT准备、内容创建、外观设计的各个流程，同时兼顾配套辅助环节，并创新性地提出了内容优化四原则、外观设计四原则。

领取方式

1，转发此篇文章并评论

- END -

本篇版权归原作者所有，仅供学习和交流