线性图标原创笔记-下

上篇文章中介绍了线性图标的七种表现形式，今天我们来开始制作过程。

首先我们先确定线性图标的基本形状

在确定图标形状时，对于含义相对明确的，尽量保留其基本型，保证图标没有异议。如果想做一些创新，可以保留一些固有图形以确保图标特点，比如音乐类图标的播放键，视频类图标的摄像机等，其他内容上可以调整。小编在制作时，选择一个基本型相对明确的图标，结合一部分点缀内容，形成风格特点，保证图标的一致性。

接下来在选择颜色时，大家都会有自己方式，在这里小编介绍下自己的方法。给大家一张色相环的图片，我相信你们已经看很多遍了，那到底该怎么选择呢？

通过色相环可以看到，以蓝色为基色，相隔30度为类似色，60度为临近色，90度为中差色，120度为对比色，180度为互补色。

了解一定的色彩基础后，我们选择颜色时，建议大家先不要选择色彩差距较大的，不然很难把控。比如我们先选择一组临近色试试

临近色作为主要色彩使用，点缀内容则使用了对比色，这样在保证整体色彩协调的基础上，添加了一丝跳跃感。

这种尝试是第一种，我们也可以试试其他选择，比如对比色。

选择蓝红对比，但要注意饱和度，饱和度过高会导致图标颜色过于冲突，视觉效果不佳。对于装饰的圆点，我们并没有改变色彩，只让其起到点缀的作用即可。

我们还可以尝试一下同色系图标，看看最终效果，来确定哪种更适合。

可以看到同色系图标在整体性上是最好的表现，不过对应的，由于没有较大色彩变化，导致其略显平庸。

通过色彩对比，最终选择对比色作为图标主色调。当然大家还可以选择其他色彩进行对比，小编就不一一赘述了，毕竟我们还需要做风格设计。

风格方面，我们选择的是断点式设计手法，一般针对于图标，断点位置处于左下角或右下角。

我们选择左下角，当然有一点要注意，就是断开的距离保持一致，我们所采用的做法是使用同一高度的色块，分别位于不同图标左下角位置，使其到达断点统一。

最终效果如下

这样整体断点效果可以做到统一，视觉上也能达到和谐的目的。大家可能会有所疑问，为什么有一个图标没有设置断点？

这是因为这个图标的特殊性，本身图标上下已经属于分离的状态，如果强行进行断点设计，很可能导致图标完整性不够，视觉效果不佳。如下图

会不会觉得很奇怪，断点的处理，感觉图标缺失，视觉效果大打折扣。所以我们要根据实际图标的结构进行适当处理，避免出现为了设计而设计的情况。

总结

通过对线性图标的总结及制作过程，希望可以帮助大家对图标设计产生新的认知。大家还有什么新奇的想法也欢迎来探讨哦！最近希望大家可以好好利用这么长的假期提升自己，在家抗疫，为祖国做贡献！武汉加油！中国加油！