文字排版十种方法（文字排版很难看）

©站酷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准备、内容创建、外观设计的各个流程，同时兼顾配套辅助环节，并创新性地提出了内容优化四原则、外观设计四原则。

免费获取方式

关注视觉胶囊

回复关键词

WZPB

按提示操作，即可领取

免责声明：

1.图片及资料内容部分来源于网络，由我方再整理，版权归原作者所有。

2.若此图库侵犯到您的权益，请与我们联系删除。

,