sketch颜色和html颜色不一致,sketch里导出的图标颜色与设计稿中有差异

今天的文章分享非常适合sketch的初学者们&＃xff0c;希望能在学习软件的过程中给到你们一点点帮助

在b端的设计界面中&＃xff0c;为了快速出设计稿。有时会直接在一些插件中取用图标&＃xff0c;并不会去一一设计每一图标&＃xff0c;因为不需要像c端一样去凸显品牌调性和情感化。b端中更多的是追求统一、效率

所以有时我们会直接在插件上或iconfont下载图标使用

然后有朋友就在这一步出现了一些小插曲&＃xff0c;导致切图后的图标颜色跟设计稿的有差异&＃xff0c;这是怎么回事呢&＃xff1f;

看下图

这是从iconfont下载的一个icon&＃xff0c;没有更换颜色&＃xff0c;直接默认黑色下载的svg

2.以为找到一个方便快捷的换色方法&＃xff0c;结果害了自己。。通过右边的色调对整个图组换了颜色(问题关键就在这里&＃xff01;&＃xff01;&＃xff01;)

3.其实展开可以看到&＃xff0c;分组的图层还是下载时的黑色

4.于是看似一切正常的开始切图、导出

5.预览发现颜色不一致&＃xff0c;桌面跟ai打开都一样&＃xff0c;不是设计稿中的颜色。如果这样给到开发&＃xff0c;开发也无法替换颜色。

6.(解决办法)回到第一步&＃xff0c;在图组这层取消色调勾选&＃xff0c;展开图层&＃xff0c;选中里面的图层替换颜色。这样就ok了

7.再导出svg&＃xff0c;完美

希望这篇小小的分享能解决sketch新手朋友们的困惑&＃xff5e;