配色方案是一组保存好的颜色。店铺中的每个版块都使用一个配色方案,所以您只需在一个地方修改颜色,所有使用该配色方案的版块都会随之改变。
在哪里找到配色方案
打开建站工具,点击齿轮图标,然后打开颜色标签。在配色方案下,每个配色方案显示为一张卡片,名称为配色 1、配色 2,依此类推。每张卡片都会显示其颜色的小预览。
- 编辑:点击卡片。会打开一个面板,顶部是实时预览,下方是所有颜色。
- 添加:点击末尾的加号卡片。新的配色方案一开始是最后一个配色方案的副本。
- 创建副本或删除:右键点击卡片,或使用配色方案面板顶部的菜单按钮。
- 重新排序:按住卡片的把手拖动。
您最多可以有 9 个配色方案。达到 9 个时,加号卡片显示(9/9),创建副本显示已达上限。您始终至少保留一个配色方案,所以最后一个无法删除。
配色方案中的颜色
常规
- 背景:版块的背景。
- 内部背景:版块内的方框和卡片。
- 标题:各类标题。
- 文本:段落和普通文字。
- 重要文本:需要突出的文字,例如价格和倒计时数字。
- 徽章背景:节省金额徽章、套装丝带和套装节省标签的填充色。
- 链接和悬停链接:链接,以及鼠标悬停时的链接。
- 边框:线条和分隔线。
- 轮廓:焦点环和轮廓线,例如顾客用键盘在页面中移动时。
- 阴影:阴影的颜色。
主要按钮和次要按钮
每种按钮都有背景、文本和边框,以及鼠标悬停在按钮上时使用的悬停背景、悬停文本和悬停边框。主要按钮是您最重要的行动号召,例如购买按钮。
输入框
表单字段:背景、标签、文本(顾客输入的内容)、边框和悬停背景。
版块如何选择配色方案
选择一个版块,找到它的配色方案设置,从列表中选择一个配色方案。如果您想编辑配色方案,列表中有一个指向它们的链接。
版块中的许多区块都有使用父级配色方案开关。开启时,区块使用外层版块的颜色。关闭时,会出现配色方案设置,让区块使用自己的配色方案。在撰写评价区块中,继承配色会让它的按钮使用版块的颜色;关闭后,您可以选择按钮配色。其他使用配色方案的地方还包括页头菜单面板和维护页面。
小贴士
- 版块记住的是编号,而不是颜色。如果您把配色 3 拖到第一位,所有使用配色 1 的版块都会显示移到该位置的颜色。重新排序后请检查您的页面。
- 删除配色方案后,使用它的版块会改用它前面的那个配色方案(或第一个配色方案)。复制会把副本放在原配色方案之后,并且每个版块都保持当前的颜色。
- 配色方案属于您正在编辑的市场。如果您在多个市场销售,请先用国旗切换市场。
- 点击发布后更改才会上线。
技巧
- 大多数版块使用一个柔和的浅色配色方案,主视觉和行动号召使用一个醒目的配色方案。
- 让主要按钮与背景有明显区别。
- 检查文字在其背景上是否易于阅读,包括在白天光线下用手机查看时。