类似这样的线条,

它们可以作为设计的主体。


也可以引导视线。


还可以作为页面的装饰。


三者看起来似乎差别蛮大,

其实它们都来自同一个元素。


接下来详细讲解一下设计步骤。


1、绘制自由圆角形状

在插入形状下拉栏中选择任意多边形,

然后直接勾勒一个近视圆形的形状,

勾勒的同时刻意制造不规则的倒角,

在口袋动画插件中运用形状圆角化,

即可制作出自由的圆角形状。

然后将形状复制一份缩小后居中放置。


2、静态补间

让两个形状的旋转角度略有区别,

在iSlide插件中运用补间,

就能自动填充中间区域线条,

做出这样的效果。


3、观察及应用

接下来就可以把它放到不同的页面中排版设计了,

对设计元素的应用,

很多时候就是一个发现闪光点的过程。


这一页只是放大了元素。


这一页给线条添加了渐变,

并进行了居中排版。


这一页重新赋予了形状对齐方式,

并让屏幕上只显示局部适合的部分。


设计本身就是在可控和不可控之间漫游。

乐趣也往往在于此。


具体的操作步骤我录制了视频:

视频加载中...


本文源文件已打包,

关注头条号【黑白间设计】,私信【抽象线条】即可下载。