今天要讲的是一个小需求，制作一个大转盘图标，制作这个图标从一开始到最后优化了很多稿，最后的效果虽然算不上十分惊艳，但就我个人而言还算过得去。

制作这个图标我主要是从三个方面出发：

1.造型

2.形式

3.结合

1.造型

  看到这个小需求的时候我心里想：这还不简单，大转盘不就圆形的那个东东吗，easy...

实物长这样：于是我对着实物一顿操作，做出来造型如下：  这样也可以，不过难免太普通，而且识别度太低，看着有点像指南针。

于是我在大结构不变的情况下把指针移动了一下，效果如下：加上颜色也还行

给同事看了下，他说有点像飞镖盘。

听到这话我直接秒删了源文件

2.造型

  想去网上找点参考，结果iconfont上搜出来的是这样的，总共就三个后来想想既然要和别人不一样，你就得有和别人不一样的点，不一样的创意。

  还是得在不同形式，不同造型上下功夫，不过既然是造型那就不能只从原造型上出发，可延展性不高。于是我换了个思路，换了个形式，在大转盘三个字上面提取了“转”字，能不能把它放到图标上面，动手试了一下还行，出发点是好的，不过太普通，又想到了断点，果断加上再给它加上颜色，效果还可以，识别度也出来了。然后把它放到页面上，结果它边上的图标长这样： 它兄弟都是面性的，而且颜色丰富一点，自个也不能搞特殊，不然也不是一家人了，结果我又给它换成了面性  结果不换不知道，一换吓一跳，果然有些图标只适合线性，在线性图标上断点是加分项，结果到了面性上却变成了累赘。

于是又回到了起点。

3.结合

  说到起点，那可不可以把第一种和第二种结合一下呢，这样既造型上符合，而且识别度也有了。

说干就干，结合出来的效果：

  顺便加上颜色，微调了一下指针的造型和方向，把指针的描边给去了，颜色比大转盘颜色暗一个度，增加一点层次，不要小看这点细节，一个页面的精致度往往都是由很多小细节组成。

大功告成

来看一下和第一版的对比：是不是精致了许多，差的不是一心半点。

来看一下过程稿：

总结：

好的东西需要不断的打磨，打磨，再打磨。

以上就是今天的分享内容，欢迎各位设计师一起交流，一起进步。

Powered by Froala Editor