小提示:下面所有图片可以通过「右键」、在新标签中打开图片查看大图!

# 调色板功能是什么?

可以理解为一个配色器,跟关联配色功能的区别在于只生成配色,不会改变文档里的图层颜色。 用于寻找配色灵感。还有仓库功能,可以将调配好的配色方案加入仓库中方便下次使用,同时还提供了相关渐变色以及历史记录功能!

# 界面介绍

在插件中,把鼠标移动到对应的功能按钮上停留一会,就可以看到对应的提示信息

# 如何使用?

  1. 选中配色方案
  2. 修改和调整颜色
  3. 存储配色(可选)

# 演示动图:

演示海报来源网络,如有侵权请联系我们删除

# 如何选择配色方案

在插件中提供里6种配色理论的方案可选、包含有:单色方案、邻近色方案、互补色方案、分割互补色方案、矩形方案、类似色方案。

每种方案的特点如下:

# 单色方案

单色方案指的是使用一种色相,通过调整「明度」和「饱和度」来创造一套不同的配色方案。很容易使你的页面各种元素看起来保持一致!

# 邻近色方案

邻近色指的是在色相上相距不超过45°的颜色,这类配色的优点是统一、视觉比较柔和、容易把控。

# 互补色方案

互补色是指在色环上相对180°的两种颜色,通常色相差异非常的大,能够产生强烈的对比效果。可以通过这一特性来增强画面的吸引力。

# 分割互补色方案

分割互补色方案就是在互补色的基础上,去除其中一个补色,利用该与补色相邻的两个色相形成了分割互补配色

# 矩形方案

这同样是互补色搭配的变体,相比上面的分裂互补色,这种搭配的色彩非常丰富,能使画面产生节奏感。当其中一种色彩作为主要色时,这种搭配表现有不错的效果。在这种搭配中要同时注意色彩冷暖的对比。

# 类似色方案

类似色指的是色相环上90°角内相邻接的颜色,具有丰富的视觉层次感,而且又能比较容易的保持色彩的统一。

# 什么是同步亮度、饱和度

在功能栏处,勾选「统一亮度」和「统一饱和度后」,改变任何一个分组的颜色,都会自动同步饱和度和亮度!

# 演示动图:

# 历史颜色

插件会记录最近20个调整的颜色,点击会把历史颜色替换到当前选中的色块!

# 什么是相关渐变色?

插件会根据当前选中的颜色,根据内置的算法动态适配出8个渐变色。点击渐变色会把当前选中的图层应用渐变色哦

# 演示动图:

# 调色板仓库

# 什么是调色板仓库?

用于分类和存储颜色组,方便重复使用。 不同用户之间可以分享调色板仓库!

两处显示的仓库内容是一致的, 「顶部菜单」单独查看是为了有更多空间查看颜色分组!

# 如何添加当前颜色组到仓库

操作步骤

  1. 输入「组名称」,「回车」完成添加
  2. 可以不输入组名,直接点击「添加」按钮快速添加

# 演示动图:

# 如何新建仓库分组

操作步骤

  1. 在仓库分组面板里点击「创建新分组」
  2. 重命名后「回车」即可

# 演示动图:

# 如何重命名颜色组

在颜色组名字的地方「双击」,即可输入新的名字

# 如何重新编辑颜色组

操作步骤

  1. 在颜色分组列表上点击「右键」,选择「编辑」即可

# 分享到在线颜色库

操作步骤

  1. 在颜色分组列表上点击「右键」,选择「分享到在线颜色库」

该功能目前只对部分用户开放,想要可以分享的小伙伴可以联系我们客服申请!

# 发送&追加到色板工具

操作步骤

  1. 在颜色分组列表上点击「右键」,选择「发送或追加到色板工具」即可

# 演示动图:

色板工具是我们另外一款产品设计助理的配套工具,想要了解点击查看 (opens new window)

# 导入导出调色板仓库

通过导出仓库可以进行备份,也可以分享给其他设计师使用!

操作步骤

  1. 点击界面顶部「设置」按钮,在设置页面内的「调色板仓库」分类下,点击对应的功能按钮即可。

# 导入和追加的区别

  • 导入:覆盖原本的仓库
  • 追加:在原仓库里继续添加导入的内容
Last Updated: 2/7/2021, 10:25:45 PM