小提示:下面所有图片可以通过「右键」、在新标签中打开图片查看大图!
# 调色板功能是什么?
可以理解为一个配色器,跟关联配色功能的区别在于只生成配色,不会改变文档里的图层颜色。 用于寻找配色灵感。还有仓库功能,可以将调配好的配色方案加入仓库中方便下次使用,同时还提供了相关渐变色以及历史记录功能!
# 界面介绍
在插件中,把鼠标移动到对应的功能按钮上停留一会,就可以看到对应的提示信息
# 如何使用?
- 选中配色方案
- 修改和调整颜色
- 存储配色(可选)
# 演示动图:
演示海报来源网络,如有侵权请联系我们删除
# 如何选择配色方案
在插件中提供里6种配色理论的方案可选、包含有:单色方案、邻近色方案、互补色方案、分割互补色方案、矩形方案、类似色方案。
每种方案的特点如下:
# 单色方案
单色方案指的是使用一种色相,通过调整「明度」和「饱和度」来创造一套不同的配色方案。很容易使你的页面各种元素看起来保持一致!
# 邻近色方案
邻近色指的是在色相上相距不超过45°的颜色,这类配色的优点是统一、视觉比较柔和、容易把控。
# 互补色方案
互补色是指在色环上相对180°的两种颜色,通常色相差异非常的大,能够产生强烈的对比效果。可以通过这一特性来增强画面的吸引力。
# 分割互补色方案
分割互补色方案就是在互补色的基础上,去除其中一个补色,利用该与补色相邻的两个色相形成了分割互补配色
# 矩形方案
这同样是互补色搭配的变体,相比上面的分裂互补色,这种搭配的色彩非常丰富,能使画面产生节奏感。当其中一种色彩作为主要色时,这种搭配表现有不错的效果。在这种搭配中要同时注意色彩冷暖的对比。
# 类似色方案
类似色指的是色相环上90°角内相邻接的颜色,具有丰富的视觉层次感,而且又能比较容易的保持色彩的统一。
# 什么是同步亮度、饱和度
在功能栏处,勾选「统一亮度」和「统一饱和度后」,改变任何一个分组的颜色,都会自动同步饱和度和亮度!
# 演示动图:
# 历史颜色
插件会记录最近20个调整的颜色,点击会把历史颜色替换到当前选中的色块!
# 什么是相关渐变色?
插件会根据当前选中的颜色,根据内置的算法动态适配出8个渐变色。点击渐变色会把当前选中的图层应用渐变色哦
# 演示动图:
# 调色板仓库
# 什么是调色板仓库?
用于分类和存储颜色组,方便重复使用。 不同用户之间可以分享调色板仓库!
两处显示的仓库内容是一致的, 「顶部菜单」单独查看是为了有更多空间查看颜色分组!
# 如何添加当前颜色组到仓库
操作步骤
- 输入「组名称」,「回车」完成添加
- 可以不输入组名,直接点击「添加」按钮快速添加
# 演示动图:
# 如何新建仓库分组
操作步骤
- 在仓库分组面板里点击「创建新分组」
- 重命名后「回车」即可
# 演示动图:
# 如何重命名颜色组
在颜色组名字的地方「双击」,即可输入新的名字
# 如何重新编辑颜色组
操作步骤
- 在颜色分组列表上点击「右键」,选择「编辑」即可
# 分享到在线颜色库
操作步骤
- 在颜色分组列表上点击「右键」,选择「分享到在线颜色库」
该功能目前只对部分用户开放,想要可以分享的小伙伴可以联系我们客服申请!
# 发送&追加到色板工具
操作步骤
- 在颜色分组列表上点击「右键」,选择「发送或追加到色板工具」即可
# 演示动图:
色板工具是我们另外一款产品设计助理的配套工具,想要了解点击查看 (opens new window)
# 导入导出调色板仓库
通过导出仓库可以进行备份,也可以分享给其他设计师使用!
操作步骤
- 点击界面顶部「设置」按钮,在设置页面内的「调色板仓库」分类下,点击对应的功能按钮即可。
# 导入和追加的区别
- 导入:覆盖原本的仓库
- 追加:在原仓库里继续添加导入的内容