你的版式还差点这些技巧！

今天这篇文章，我们一起来看下版式设计中线条的应用以及排版的技巧；文末点击原文链接，可直接观看视频讲解教程；

小可爱们，我这里会定期推送插画、UI设计、排版等相关文章教程，有事没事来逛逛啊；
设计路上在学习，永不停歇，我们一起加油~

 

哈喽~友友们好啊！ 

今天给大家讲讲一下版式设计中线条的应用以及排版的技巧，让我们切入主题，直接开始吧~    

文末原文地址，可看视频讲解。

 

一、实操案例

线条的无限可能01

这是一个线条，它可以是纯色，或是黑白渐变，也可以是多彩的渐变色。

 

再想象一下，它好像也可以是一个波浪线，或是虚线，甚至毫无规则的线。

 

 

如果再打开一下思路，线条也可以构成各种不同形状的造型。

 

 

简单理解了线的变化后，我们试着用它来完成一些案例。

这是一个黑白渐变的线条。

 

 

复制多个，裁剪为圆形轮廓。

 

 

多复制几份。

 

 

可以营造幻影重重的效果。

 

 

再试试双色的渐变色。

 

 

旋转变成圆形，然后复制它的一半。

 

 

这种放射的线条使画面有了很好的层次效果。

 

 

你也可以试试更粗的渐变线条。

 

 

交错排列之后。

 

 

线条仿佛与背景发生了你中有我我中有你的微妙关系。

 

 

接下来我们让这根线条变成圆环。

 

 

多复制几份，然后放大，缩小，安排它们的构图关系。

 

 

一个优雅的 UI风格页面就出现了。

 

 

如果让这根线变成一条优美的曲线。

 

 

那么你可以像这样，试着让渐变色彩的感觉更强烈一些。

 

 

再画一根线，做一个简单的图形穿插关系。

 

   

这样的画面效果非常抢眼。

 

其实文字也可以尝试做成镂空的线条。

 

 

倾斜放大，作为背景也是一个不错的选择。

 

 

最后再加一个矩形的渐变线条点亮画面，强烈的潮流风格扑面而来。

   

 

如果你想要一个线条的背景，这样的透视感让人很难抗拒。

 

 

配合机械感的色块风格，妙用无穷。

 

 

我们也可以再试试椭圆形状的线条。

 

 

再来一点四角星的点缀，简单的画面也可以产生丰富的层次感。

 

 

文字的描边线条如果像这样复制多个。

 

 

放大后作为背景。

 

 

线条的感觉给人强烈的视觉冲击力。

 

 

二、实操案例

线条的无限可能02

这样的人物直接放在画面中，层次感太弱。

 

 

 

加入三根线条，与人物形成穿插关系，画面仿佛有了一些故事感。

 

 

对文字使用线条进行切割。

 

 

加入阴影，单薄的文字有了很好的视觉冲击力。

 

 

这是一个虎字，少了一点趣味感。

 

 

用线条构成一个发财的「发」字，与虎字相互搭配，妙趣横生。

 

 

线条也可以尝试做出伪立体的图形。

 

 

配合简单的排版效果，颜值爆表。

 

 

放大的的文字形成面。

 

 

缩小的文字就变成了线。

 

 

交错排列文字，就变成了前进的线条。

 

 

线条也可以构成飘带的效果。

 

 

与矩形线条进行穿插，动感十足。

这部分内容我们简单讲解了排版中线的变化，但是限于篇幅，没有更深入的展开来讲，希望大家可以多多尝试。

下面来看看一张纸有什么妙用呢~ 

 

三、

一张纸，突破你的排版想象

这是一张普通的纸。

 

 

放置一些文字，这样的排版平平无奇。

 

 

对纸张进行折角，一点微小的改变，就可以打破平面的限制。

 

 

或许你已经想到了，一张纸有正反两面，如果都加上文字。

 

 

再次折角之后，文字的排版随纸张有了折叠的效果， 视觉的张力瞬间提升。

 

当然，纸张折叠有很多方式。

 

将纸张进行两次对折，画面有了延伸的空间感。

模拟一本书翻页的效果。

 

 

打开这本书，这样的翻页形态，巧妙的与文字排版得到了结合。

 

 

还是这张纸。

 

 

复制三层，调整透视效果，形成画面层叠的推进。

 

 

纸张的数量如果不限制。

 

 

你可以像这样复制一堆，形成乱中有序的排版节奏。

 

 

等等，我们好像忘了纸张也可以撕碎。

 

 

那就模拟撕纸的效果进行排版，画面的视觉充满了失序感与随机感。

纸张的卷曲效果同样可以尝试。

 

 

一张排满文字的卷曲纸张，本身就可以成为一个很好的视觉主体。

 

这段视频带大家了解并模拟纸张的形态为排版带来的可能性，但思维的发散无穷无尽，你也可以有不同的尝试哦。

今天的内容就结束啦，大家赶紧去多做尝试吧~  

 

原文地址：
胡晓波工作室（公众号）

 

作者：王猛奇