前天,和大家分享了这篇干货教程《海报设计没思路?试试这四招》,很多人说还看不过瘾,想继续学学。
那么,今天带来了三个视频,给大家讲讲一下版式设计中线条的应用以及排版的技巧,让我们切入主题,直接开始吧~
一、线条的无限可能01
这是一个线条,它可以是纯色,或是黑白渐变,也可以是多彩的渐变色。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123404-6c5c14a0f74f74d.jpg)
再想象一下,它好像也可以是一个波浪线,或是虚线,甚至毫无规则的线。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123406-f47162d54600c1d.jpg)
如果再打开一下思路,线条也可以构成各种不同形状的造型。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123406-de25eedd0bb926e.jpg)
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123407-ca73d463a9a4ab6.jpg)
简单理解了线的变化后,我们试着用它来完成一些案例。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123408-07c85e6a43ca01f.jpg)
这是一个黑白渐变的线条。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123409-815b4d39e9c19ef.jpg)
复制多个,裁剪为圆形轮廓。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123409-6ead20bf48c5fb1.jpg)
多复制几份。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123410-2bdb40cfc4f7575.jpg)
可以营造幻影重重的效果。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123411-ac17dda0ea8725e.jpg)
再试试双色的渐变色。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123411-3f47a05e9f3deac.jpg)
旋转变成圆形,然后复制它的一半。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123413-b618171dcc6389c.jpg)
这种放射的线条使画面有了很好的层次效果。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123413-12880c3c17170da.jpg)
你也可以试试更粗的渐变线条。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123414-27e97133961d5ed.jpg)
交错排列之后。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123414-a01025015a65039.jpg)
线条仿佛与背景发生了你中有我我中有你的微妙关系。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123415-8f3678ae8131355.jpg)
接下来我们让这根线条变成圆环。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123416-290d32548b8f1ed.jpg)
多复制几份,然后放大,缩小,安排它们的构图关系。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123417-329f03200f970b0.jpg)
一个优雅的 UI风格页面就出现了。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123418-ee8175863f63af3.jpg)
如果让这根线变成一条优美的曲线。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123418-a7492a148456301.jpg)
那么你可以像这样,试着让渐变色彩的感觉更强烈一些。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123419-f25bc4938459bcc.jpg)
再画一根线,做一个简单的图形穿插关系。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123420-17c1b7d6b612bbf.jpg)
这样的画面效果非常抢眼。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123420-23d2bd575777223.jpg)
其实文字也可以尝试做成镂空的线条。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123421-9b6f5943f71619e.jpg)
倾斜放大,作为背景也是一个不错的选择。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123421-c45692ccca8b219.jpg)
最后再加一个矩形的渐变线条点亮画面,强烈的潮流风格扑面而来。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123422-c883937f6eab710.jpg)
如果你想要一个线条的背景,这样的透视感让人很难抗拒。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123422-e7200fc26bc8958.jpg)
配合机械感的色块风格,妙用无穷。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123424-1d0e867256ff042.jpg)
我们也可以再试试椭圆形状的线条。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123425-9e28ee99151c59b.jpg)
再来一点四角星的点缀,简单的画面也可以产生丰富的层次感。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123426-115097902daaba8.jpg)
文字的描边线条如果像这样复制多个。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123426-f4a97ed86c2c718.jpg)
放大后作为背景。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123427-22c2b74ac7dfdb8.jpg)
线条的感觉给人强烈的视觉冲击力。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123428-3ef2630acc4b1bb.jpg)
二、线条的无限可能02
这样的人物直接放在画面中,层次感太弱。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123428-7c3dd7c5c8618c3.jpg)
加入三根线条,与人物形成穿插关系,画面仿佛有了一些故事感。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123429-9d015d3c73278d3.jpg)
对文字使用线条进行切割。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123430-f04b5b564187dba.jpg)
加入阴影,单薄的文字有了很好的视觉冲击力。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123430-94f77724f7dcb19.jpg)
这是一个虎字,少了一点趣味感。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123431-744954a97222ebc.jpg)
用线条构成一个发财的「发」字,与虎字相互搭配,妙趣横生。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123431-c6f0a860f851346.jpg)
线条也可以尝试做出伪立体的图形。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123432-7eee8b59ebedf32.jpg)
配合简单的排版效果,颜值爆表。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123433-c64228a04750603.jpg)
放大的的文字形成面。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123433-b632a2cbde7f19c.jpg)
缩小的文字就变成了线。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123434-400fbd944992bfd.jpg)
交错排列文字,就变成了前进的线条。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123435-b55b454a9526ae0.jpg)
线条也可以构成飘带的效果。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123435-7b0ac50080a545c.jpg)
与矩形线条进行穿插,动感十足。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123437-6ea7befc578e2c8.jpg)
这部分内容我们简单讲解了排版中线的变化,但是限于篇幅,没有更深入的展开来讲,希望大家可以多多尝试。
下面来看看一张纸有什么妙用呢~
三、一张纸,突破你的排版想象
这是一张普通的纸。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123437-f01386c024473a4.jpg)
放置一些文字,这样的排版平平无奇。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123438-d25bfa8f1913f17.jpg)
对纸张进行折角,一点微小的改变,就可以打破平面的限制。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123439-8290eb99f59f48f.jpg)
或许你已经想到了,一张纸有正反两面,如果都加上文字。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123440-ca7e044dfd84a6c.jpg)
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123441-81fccd69dce92a7.jpg)
再次折角之后,文字的排版随纸张有了折叠的效果, 视觉的张力瞬间提升。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123441-e5ec25558d77144.jpg)
当然,纸张折叠有很多方式。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123442-2451e5c912c9acb.jpg)
将纸张进行两次对折,画面有了延伸的空间感。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123442-f3947e7533b2f20.jpg)
模拟一本书翻页的效果。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123443-1eb08f2f46c33bf.jpg)
打开这本书,这样的翻页形态,巧妙的与文字排版得到了结合。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123444-a44241f4ca87721.jpg)
还是这张纸。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123445-1dfcca24de8c539.jpg)
复制三层,调整透视效果,形成画面层叠的推进。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123446-f1fd922ed7a12d3.jpg)
纸张的数量如果不限制。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123447-3b57a1159d9eb4f.jpg)
你可以像这样复制一堆,形成乱中有序的排版节奏。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123448-e94fe981635ffc2.jpg)
等等,我们好像忘了纸张也可以撕碎。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123448-5c30b756917951e.jpg)
那就模拟撕纸的效果进行排版,画面的视觉充满了失序感与随机感。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123449-3b7e8273f86240e.jpg)
纸张的卷曲效果同样可以尝试。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123450-004c1f3415e39c5.jpg)
一张排满文字的卷曲纸张,本身就可以成为一个很好的视觉主体。
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1658123450-0d38e2879598016.jpg)
这段视频带大家了解并模拟纸张的形态为排版带来的可能性,但思维的发散无穷无尽,你也可以有不同的尝试哦。
今天的内容就结束啦,大家赶紧去多做尝试吧。
来源网络