文字可以说是平面设计、网页设计、界面设计等版式布局中最为基础、最为核心也最为灵动的视觉元素之一。文字排版设计要做出高逼格的作品，也不是没有技巧和规律可循。今天通过经典案例分享来讲解一些相当简单实用的文字排版教程。

文字排版设计与布局之初级技巧、教程

为了兼顾到新手设计师及想快速提高设计能力的伙伴们，我们先从最为简单的技巧开始讲解。

01

-

文字出血

品牌设计当中，名片、画册、海报、喷绘广告等都有出血位这个说法，相信做平面设计的童鞋都知道的。在版面设计当中，文字放在出血位置，效果相当不错。

出血位置如小样图示范

02

-

文字穿插

文字穿插如小样图示范

03

-

竖排斜向布局

竖排斜向布局如小样图

04

-

边框内布局

边框内布局如小样图示范

05

-

居中布局

相信这个是很多设计师都使用过的文字排版设计布局之一。如小样图示范

06

-

文字居左布局

这个是很多高端杂志最管用的文字排版布局设计手法之一。如小样图示范

07

-

整体倾斜

这里稍微注意一下，由于倾斜后，布局里的部分内容将会被遮挡，要确保画面核心内容还是完整可见。如小样图示范

08

-

横排倾斜布局

如小样图示范

09

-

边框线布局

版面布局设计当中，能无形中提升设计感和品质感的，除了文字就是线条了。线条的形状，粗细，位置都很有讲究。如小样图示范

文字排版设计与布局之高级技巧、教程

上面9个文字排版设计教程，主要是针对初学设计师来的。容易理解和接受，也容易借鉴。下面再分享6种较为高级的文字排版设计及布局教程。大多数计较都要结合photoshop,ps及平面矢量设计软件来做的。ps文字排版设计技巧如下。

01

-

图文穿插

根据人们在观察事物时，先整体后部分，从画面中寻找图形的心理倾向的完全形态法则，将文字和图片叠加组合，进行适当的遮挡，可以提升文字信息的吸引力。也更容易给画面营造一种3D立体感。

02

-

图片初削（留白）

初削是一个常用的印刷术语，是指加大产品外尺寸的图案，在裁切位加一些延伸，以避免裁切后的成品露白边或裁到内容。在做设计时，将图片放置在出血位（可以大致理解为边框留白），给画面带来视觉变化。

03

-

图文各半

将图文左右分割开来，让图文各占一半，减少凌乱感，又为画面增添对比变化。

04

-

色块对比

选相同色系相近色作为背景，作出明暗对比的同时，整体和谐，打破画面的沉稳。

05

-

图形层叠

将图形置于其他图形之上，形成层叠效果，以此建立变化，让文字更突显的同时，背景图营造整体氛围。

06

-

错位排版

这是比较高阶的玩法，打破平时规则的图文排列，通过错位排版为增添版面变化。但是错位排版应当遵守排版中的亲密原则。

亲密性指 位置的接近意味着内容的关联，所以要将相关的事物相对亲密排版在一起。

这听起来有些矛盾，但是观察那些优秀的作品我们就会发现，错位是将图脱离了横平竖直的参考线，但是和它相关的文字还是站在“统一战线”的。这样才能形散神不散。

小结

-

我相信在实际工作当中，可能会出现各种不同的需求和情况，但无论顾客需求如何，版式布局中总是少不了文字排版、文字与图片混合排版这些核心视觉元素的。如果你是一位新手，或者在布局版式方面总是发现设计得很凌乱，没感觉，没设计感。那么本文介绍的这些文字排版设计教程及布局技巧，初级的、高级的，一定能帮助你设计出画面更平衡，更有节奏感的作品。