在上一篇文章中,我们已经讲解了线性图标的绘制方法,在本篇文章,我们就可以从它的基础中延伸出其它线性风格的设计过程。包含:


2.8 多种粗细风格

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/caa55c87-9acd-4316-a103-646114287696/66.png

通常多种粗细风格的线性图标,会在图形内部选择某条线段,修改它们的描边值。例如在之前的演示中,我们使用了 2pt 粗细的描边,那么通过将图形内部的线段修改成 1pt 的描边,就能制造这种效果。

图2

图2

在这种风格中,如果图形只通过外轮廓展现,就无法融入这个风格的特征,比如点赞的心形图标、搜索图标等。所以设计图形的过程,就得保证它们有内部线条的运用。常见的做法就是在原图标的基础上,进行一些 “复杂化” 的处理,为它们增加内部的线条样式,比如下面的案例。

图3

图3

有时候为了强化线条间的对比,会降低内部线条的透明度或饱和度,来增加视觉观赏性,比如我们将案例中的图标进行对应调整,那么最后的效果如下。