设计师必须学习的7个文字排版技巧

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:优设   作者:葱爷

关键词

即在两个或两个以上的长条色块上排一行文字,然后旋转色块使其交叉,大家对这种排版方式绝对不陌生,效果有点像电影中案发现场的警察封条。

设计师必须学习的7个文字排版技巧

这种排版方式比直接打文字的视觉冲击力更强,又比在平行色块上排文字更有个性,所以常常被用在一些潮牌和综艺的海报、长图中。

文字边框

即在画面四周都边界处增加一个矩形边框,形成一个“回”字的效果,然后沿着边框排上一圈文字,搭配一些简单的小图形效果更佳。

设计师必须学习的7个文字排版技巧

字体一般是用比较粗的等线体,如果不想文字太过抢眼,还可以改成描边字。

这种把画面包起来的做法,会把原本容易被忽略的边界凸显出来,所以能增强画面能力张力,另外相对生硬的边框如果配合比较灵活的画面,可以增强对比效果,从而进一步提高视觉冲击力。

设计师必须学习的7个文字排版技巧

不过也要注意,别让边框反客为主,抢掉画面的主体,所以要注意边框的大小和颜色使用。

扭曲文字

似乎要想把文字排得比较潮,就得对文字进行各种加工处理,简简单单打几个字是很难潮起来的,所以这种对文字进行扭曲的做法也变得流行起来。

设计师必须学习的7个文字排版技巧

制作扭曲文字,葱爷给大家介绍 AI 里的两个工具,很多人应该也有所了解,一个是封套扭曲,一个是变形工具。关于这两个工具的使用,葱爷举两个很简单的例子。

1. 封套扭曲工具

在画板中输入几个文字。

设计师必须学习的7个文字排版技巧

点选顶部菜单栏中的对象-封套扭曲-用网格建立。

设计师必须学习的7个文字排版技巧

在网格参数中把行数设为 20,列数设为 10,然后得到如下效果。

设计师必须学习的7个文字排版技巧

用直接选择工具选中一行锚点,然后用鼠标水平移动一小段距离。

设计师必须学习的7个文字排版技巧

简单的扭曲效果就做好了。

设计师必须学习的7个文字排版技巧

2. 变形工具

输入一个大写的英文单词,并把填充模式改为描边。

设计师必须学习的7个文字排版技巧

把文字拉高变形成下图模样。

设计师必须学习的7个文字排版技巧

在工具面板中选择变形工具,并且双击弹出选项面板,把参数按如下设置。

设计师必须学习的7个文字排版技巧

用变形工具沿着箭头方向拖动。

设计师必须学习的7个文字排版技巧

就得到了如下效果的扭曲文字。

设计师必须学习的7个文字排版技巧

 收藏