云图精灵：icon图标的使用

如意宝 2018-11-01 13:54:44

最近在做云图精灵的说服力图模板，一是为了响应客服的需求，二是继续增加一些新的模板，为客户提供更好的产品使用体验。在制作的过程中，发现之前一直忽略了icon图标的使用。其实在网页中，有效地使用合理的图标来替代图片，比使用图片更具有吸引力，同时也给一些到处找高质量图片的客户提供了另一种解决方法。

由于是通用模板，必定不可能为每一个客户量身定做完全符合其网站的图标搭配设计，所以客户在使用这些模板的时候，会优先考虑图标是不是符合网站搭配，然后再考虑其他因素。其实我们大可不必担心图标和网站是不是搭配，你只需要考虑模板和网站是不是搭配即可。不搭配的图标，我们提供了可以图标库，选择合适的图标替换即可。

对于正常的模板来说，我们直接清除原先的图标，然后在图标库选择合适的图标替换，比如：联系人，电话等。

有些图标是有多个图形组合而成，我们在换色之前，需要先解散群组，然后在换色。鼠标放到图标上，看悬浮栏里是否有“解散群组”按钮，即可判断该图标是不是为复合图标。没有“解散群组”按钮的就是普通图标，可以直接更换颜色。

注：为了操作性方便，应该先把图标缩小后放到相对应的位置上再解散群组，更换颜色；以免解散群组后，拖动时缺少部分图形。

由于在制作的过程中，大部分图标都使用的是图片形式（目前图标库没有的图标），所以在更换图标的时候，我们需要先清除之前的图标。清除图标意味着要清除图片，但图片的样式或是外观又是我们想要的，这时候，无需清除图片，我们只需再添加一个新的背景图片覆盖住原先的图标即可。

然后我们在图标库选择合适的图标，根据整体的排版，更换搭配颜色，即完成新的图标。

目前图标库中的图标太少，可能无法满足广大客户的需求，我们正在继续补充。同时，客户也可反馈给我们想要添加的图标。我们在后期会继续补充新的图标。