Alice

我猜很多人在工作中都被客户或老板说过,设计不够时尚,其问题可能出在设计风格、色彩、画面元素、排版等方面,前几种葱爷以前其实都分享过,所以今天就来分享几个很潮的排版技巧:

 

01. 交叉文字色块

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

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

 

02. 文字边框

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

undefined

undefined

undefined

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

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

undefined

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

 

03. 扭曲文字

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

undefined

undefined

undefined

undefined

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

 

1. 封套扭曲工具

在画板中输入几个文字。

undefined

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

undefined

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

undefined

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

undefined

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

undefined

 

2. 变形工具

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

 

undefined

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

undefined

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

undefined

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

undefined

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

undefined

 

04. 环形文字

即把文字沿着一个立体的圆环进行排版,这种处理方式其实是把文字图形化了,在形式上完全与常规的文字排法区别开来,同时也有很强的空间感。

undefined

undefined

undefined

顺便,葱爷给大家分享几个在Ai里制作环形文字的工具。

 

1. 封套扭曲

封套扭曲制作环形文字有两种做法,一种是用封套扭曲中的网格建立,把行和列的数值分别设为1和2。

undefined

然后手动移动锚点和手柄,使文字形成圆弧形。

undefined

undefined

用同样的方法完成里层的设计就可以了。

undefined

还有一种方法更简单,先画好一个弧形的封闭轮廓,然后把其图层置于文字的上层。

undefined

同时选中文字和轮廓图形,执行对象-封套扭曲-用顶层对象建立命令 ,就能得到如下效果。

undefined

undefined

运用相同的方法制作里层效果。

undefined

这种方法虽然快捷,但是制作的效果容易出现破裂或者有瑕疵的情况,我们可以看到上面的扭曲效果其实不是特别理想,所以,要根据实际情况对轮廓图形进行调整。

 

2. 3D贴图

在画板上输入一组文字,并镜像复制一组,转曲合并在一起,效果如下。

undefined

在顶部菜单栏选择窗口-符号,打开符号面板。

undefined

在符号面板中点击右下角下载新建符号图标,然后点击确定,刚刚排列的这组文字就可以用作贴图素材了。

undefined

接下来我们要画一个圆柱,首先画一个矩形,并删掉它的左“边”。

undefined

执行窗口中的3D命令,把旋转参数中间的数值改为0,其他保持默认,然后点亮左下角的预览,一个圆柱就画好了,不过到这里还不能点确定。

undefined

点击左下角的“贴图”命令进入贴图面板,点击右上角“表面”设置栏右边的三角形,把贴图面翻制3/3,贴图的面就变成了圆柱的弧面,如下图所示。

undefined

然后在点出左上角的“符号”的下拉菜单,选择刚刚新建的弧形文字符号。

undefined

分别点选缩放以适合、三维模型不可见、预览按钮,就得到了如下效果。

undefined

把图形删格化,并把里层填充为灰色,一组圆环字的设计就做好了。

 

05. 故障

undefined

undefined

比较简单的做法是在白色文字层的基础上,复制出两层分别填充蓝色和玫红色,并将其置于底层,然后分别对蓝色和红色文字层执行风格化-大风滤镜。

undefined

除此之外也可以画一些小线条与文字层做合并和剪切处理,这样制作出来的故障风效果更细致。

undefined

 

06. 手写体字叠图

说到潮的字体,我们很容易想到笔画简单、硬朗的字体,其实手写字体也可以排得很潮,豪放的手写字体搭配亮丽的色彩,然后压在图片上的效果就很不错,既时尚又很有动感。

undefined

undefined

undefined

 

07. 重复

重复是平面构成中的一种很经典的形式,近几年在文字排版中也很流行,通常的用法是提炼出设计中的一个关键词,并使用比较大的字号,然后把它复制数组进行重复排列。

undefined

还可以把文字的形态改为描边字,效果会更精致、优雅一些。

undefined

另外,把重复的的文字做渐变裁剪效果,也是很流行的一种处理方式。

undefined

undefined

当然,如果一件设计作品整体感觉就跟潮搭不上任何关系,那么即使运用以上几个排版技巧也是没多大用处,而那些整体还可以,只是排版上还差点意思的作品,这些技巧或许可以带给你一点小惊喜。

 

原文地址:站酷

作者:葱爷 

转载请注明:学UI网 » 让设计立马变潮的7个文字排版技巧

登录收藏
 
你可能喜欢的:
标题性文字怎么设计?排版秘诀搞定你!标题性文字怎么设计?排版秘诀搞定你!
听说这是最难的配色方法——互补色篇听说这是最难的配色方法——互补色篇
版式分析优化 | 搞事情,这么排版才合理版式分析优化 | 搞事情,这么排版才合理
改作业 | 有一说一,这个改稿效果真不错!改作业 | 有一说一,这个改稿效果真不错!
教程 | 设计中的规矩与秩序教程 | 设计中的规矩与秩序
不会排版的来看看,如何运用对比制造秩序不会排版的来看看,如何运用对比制造秩序
如何把照片做出有设计感的海报如何把照片做出有设计感的海报
老板说作品没有设计感,这10个优化技巧简单有效,你一定要知道老板说作品没有设计感,这10个优化技巧简单有效,你一定要知道
优化教程 | 没想到,改完以后的画面真的好了许多!优化教程 | 没想到,改完以后的画面真的好了许多!
拯救没思路系列,试试提取风格拯救没思路系列,试试提取风格