设计师，你的文本不讲“武德”啊！_排版

原标题：设计师，你的文本不讲“武德”啊！

dop设计（ID：dopdesign）原创

作者丨黑皮皮

编辑丨那兰

很多设计师一定遇见过这样的问题，设计的作品本身十分惊艳，从概念方案到效果图简直是吊炸天的存在，但是为什么在汇报的时候总觉得还是缺少一点底气。从甲方爸爸的眼神中也不经意间流露出一丝惋惜与疑惑，到底是哪里出了问题呢？

很大一部分原因在于项目方案的展示出了问题，说直白点就是你的作品本身都很好，但是你把它们放在一起了就不好看了。

就好比你把世界上最好看的人的五官都放在你自己脸上，但是并没有注意它们的位置，导致整体不和谐。那今天，我们就来看看在制作文本时，我们都要注意哪些问题:

1、关于方案汇报构图应该注意什么问题？

2、关于字体的选择和间距，差别到底有多大？

3、有什么可以快速提高排版的小技巧？

01.

汇报方案版面应该注意什么问题？

1、板式浮夸零碎

许多人在排版中总喜欢将各类手法叠加，导致整个版面花里胡哨，导致易读性大大降低，不但不能提升设计内容，反而会降低设计品质。

△注：本次只对排版进行研究，不讨论设计产品本身质量

像上图排版，图片位置乱七八糟并且比例都没有经过调整，文字的排列更是无序混乱，与图片并没有丝毫对应关系，使得看起来混乱无比，让人阅读起来观感极差。

△注：本次只对排版进行研究，不讨论设计产品本身质量

这里建议大家，若不能将图片与文字排列的有创意，那整齐划一是最好的方法。毕竟图片本身才是阅读的第一要素，排列的目的只是方便阅读。

经过合理的裁切将所有图片整合在一个框架之内，图片与图片之间的距离应该统一。

文字也应当与图片保持统一排列，这样所有要素才能化零为整，增加易读性。

若觉得整齐划一太过单调，也可以尝试在整体的版面之中做一点小变化，但前提仍然是所有要素归结于一个统一的版面，灵活不代表散乱，仍是在一个规则之下变化。

2、图面过于饱满拥挤

中国画讲究留白，用大量的空白突出画面中心与表达的意境。而我们每一页方案的展示，就相当于一副画，画面的构图与形式会直接影响阅读者的心理感受。

△注：本次只对排版进行研究，不讨论设计产品本身质量

上图给人的直观感受就是图片和文字将画面基本占满了，有种呼吸不上来的感觉。整张图片由于没有主次与进退关系导致没有重点，无法吸引观者的目光。

△注：本次只对排版进行研究，不讨论设计产品本身质量

想一下建筑大师密斯凡德罗的名言：“LESS IS MORE”（少就是多），不要嫌浪费画面，想要表达的内容在第一时间就占据视觉中心，充分的留白是必要的，让整张页面保留呼吸感会增强页面中央要素的重要性。

3、图面要素没有整体感

△注：本次只对排版进行研究，不讨论设计产品本身质量

像案例图示，问题是构图头轻脚重，上部特别空，所有的重色集中在下部。

图片和字体的关系零散无序，图片引线的色彩和粗细也没经过详细推敲，整个图面所有要素各自为政，缺乏内在关联。

设计师只是把图片以及文字随机放在一个版面上，并没有对它们的位置以及排列做研究。

整体感是从要素本身的比例、色彩，到要素与要素之间的关系，再到所有要素与页面之间的关系，都需要在一个合理的控制范围之内，直白一点就是找关系。

△注：本次只对排版进行研究，不讨论设计产品本身质量

把所有图片的边缘全部控制在一个隐形的边框之内，实景图、剖面图、分析图、字体等要素划分清晰且排列整体，页面会显得整体清爽。

4、色彩平衡感知力弱

△注：本次只对排版进行研究，不讨论设计产品本身质量

很多时候，在我们的展示方案中，不注重色彩的选择和搭配，选用大红大紫的纯色彩，导致方案的质量大打折扣。

就像图示中，平面图的几个色块由于饱和度过高导致喧宾夺主，而且色块之间没有关联，显得突兀且孤立。

△注：本次只对排版进行研究，不讨论设计产品本身质量

色彩在我们的方案展示中只是辅助，为了读图更加方便。不同的区域利用不同的色彩可以迅速区分开，但需要色彩之间要有一定的关联，如色相不同,饱和度和明度可以相同，饱和度一般倾向于较低，类似于高级灰，让区域之间区分开即可。

有时为了图面更加清爽，部分区域不填色保持留白，凸显图底关系即可。

02.

版面字体的选择和间距

字体类型及字号大小的设置，在排版过程中最容易忽视。不同风格的设计，在项目图片的排版中都会有与之气质相匹配的字体。接下来，就通过举例进行说明。

1、仿宋

△注：本次只对排版进行研究，不讨论设计产品本身质量

仿宋字体，笔画较细，横竖粗细均匀，笔画起落处锋芒突出，横笔略向上倾斜，字身较痩，字迹清秀、挺拔。

这种字体的气质和带一点中国风的设计比较贴合，空间比例较为纤细，材料之间会有起承转合，整体空间素雅却不失灵巧。

2、黑体

△注：本次只对排版进行研究，不讨论设计产品本身质量

黑体方正、粗犷、朴素、简洁、无装饰、横竖笔形粗细视觉相等、笔形方头方尾、黑白均匀，所以非常醒目。

这种字体的气质和比较严肃或者大气的空间较为契合，若案例图片运用很纤细精致的字体，则会显得头重脚轻，甚至会打破设计作品的厚重感，类似下图。

△注：本次只对排版进行研究，不讨论设计产品本身质量

3、幼圆

△注：本次只对排版进行研究，不讨论设计产品本身质量

幼圆字体笔划更加细长，便于阅读。拐弯处笔划处理尤为细腻，是黑体的变种，但整体更加饱满圆滑。

若作品风格十分轻松，偏向于网红风，带有一点俏皮与灵动，与这种字体的气质就十分吻合了。

4、间距影响

间距到底对版面有什么影响呢？你往下来看：

就拿上图的排版来说：标题与正文没有主次之分，行间距全部都一样且字体也没有区分，阅读起来十分费力。

均等的留白，会让读者分不清哪些项相互关联，会产生混乱，我们可以做如下调整：

让关联的项目相互贴近，独立或需要突显的项目周围空出较大的留白，这样一来主次分明，易读性大大增加。

03.

快速提高排版的小技巧

1、网格的运用

“网格系统”是事先把版面用网格分割开，再将文字或图片嵌入这些网格内的设计手法。

在排版的过程中，我们一般不会关注网格的使用，编排过于自由，而适当使用网格可以对版面要素进行约束，控制整体排列。

但这种网格方法也有局限性，过度僵化的网格系统会制约设计的灵活性，导致版面显得死板，所以要适当使用。

2、尺寸转变

△注：本次只对排版进行研究，不讨论设计产品本身质量

为了文字和图片在版面中显得有条理，最好把各个要素的尺寸统一，但尺寸完全统一，又会给人死板生硬的感觉，缺少灵活性，可以试着将各要素的大小做调整。

△注：本次只对排版进行研究，不讨论设计产品本身质量

大尺寸比较醒目，可以适当把需要强调的文字或图片尺寸放大，这样版面有轻重缓急，主次分明。

3、以图构图

△注：本次只对排版进行研究，不讨论设计产品本身质量

在排文本的过程中，有时会觉得图面不够饱满和丰富，总是想方设法设置色块去做一些类似平面构成的东西，导致版面华而不实。

大量的不必要元素会喧宾夺主，使得图面主次无序，影响易读性，要记得图片本身是最重要的要素，任何抢占视觉中心的辅助行为都是耍流氓。

△注：本次只对排版进行研究，不讨论设计产品本身质量

最好的做法是做好每一张图片和分析以及文字的推敲，用点、线、面的元素来进行构图。

像图示案例，没有加任何颜色色块，只是纯粹通过文字和图片的搭配组合来达到清爽又清晰的效果，这种方式叫做以图构图。

把版面中每一个元素都看成一个图片，利用其自身的特点合理搭配出来的效果是最为直接与高效的。

小结.

关于项目展示排版时，需要注意的问题以及可以运用的技巧就讲到这了小伙伴们还有什么疑问或者对其他材料、工艺感兴趣，都可在下方留言告诉我们~

最后，咱们还是来梳理一下今天的重点内容：

△点击保存，欢迎转发分享

△文中部分图片源于网络，如有侵权，请联系小编~

-End-游戏网

相关下载

---