设计师可能会遇到这种情况，比如制作完成了多个页面之后被甲方或是老板要求修改颜色，那么一张一张的修改颜色就会很费时费力 。那么有什么办法可以一键更换配色呢？目前有越来越多的团队开始使用symbol来搭建UI界面，便于不同设计师之间的协同工作、统一组件规范、又可以灵活套用 。下面我们一起来了解学习sketch如何使用symbol一键更换配色 。
文章插图
一键更改配色的前提是，我们设计的界面都需要是通过symbol搭建的，比如各种卡片、按钮、列表、icon等 。
Sketch 52.1以上版本
· 首先我们可以在颜色管理的模块里更改需要替换的颜色 。
【sketch如何一键更换配色？搭建Symbol有什么作用？】· 然后在形状样式里点击“更新图层样式（Update Layer Style）”选项 。
Sketch 51.3 以下版本
1、进入 Symbol 页
首先我们需要从电脑中打开 Sketch 文件，点击进去 Symbol 的页面 。
2.、新建Symbol
在页面中建立任意大小的 Symbol 即可(建议为正方形)并填充颜色 。
3、 建立配色方案
· 接着需要根据界面中的配色复制相应数量的symbol（通过复制可以保持画板的大小一致） 。
· 复制完整之后逐一将它们调整为需要的颜色（包括渐变色） 。
4、通过蒙版（Mask）控制颜色
· 依次点击【 insert —> Symbol 】选项，在其中找到我们刚才新建的这组颜色 。
· 这时候形状在下，颜色 Symbol 在上，创建蒙版（mask） 。
· 接着将刚才放进去的颜色 Symbol 直接拉伸到合适大小即可 。
5、拓展
我们还可以对 Symbol 库的其他组件进行相同的操作：各种尺寸的按钮、对话框、图片遮罩、卡片、icon 。
6、 应用
· 最后返回Page 页面之后，在界面右侧的调整面板中，可以很方便的修改各种组件的颜色 。
· 如果想修改全部页面的配色方案，只需要进入symbol，调整里面的颜色即可 。
以上就是关于sketch如何一键更换配色的操作方法和步骤，通过搭建sketch可以帮助我们节省很多操作步骤，方便快捷 。
推荐阅读
- sketch和xd哪个好用？推荐选择哪个？
- Sketch一键导入AE的工具 AEUX插件的基本功能有哪些？
- sketch插件分享 分别有什么功能？
- sketch如何设置画布？设置方法是什么？
- sketch中有哪些冷门技巧？有哪些被忽略的高效技巧？
- sketch如何编辑元件？有哪些编辑方法？
- sketch如何编组？有什么作用？
- sketch中的文本检查器应用 有哪些编辑功能？
- sketch的核心功能有哪些？分别有什么作用？
- Sketch 55 beta版本都有什么新功能？分别有什么作用？