跳至正文
帮助
编辑器设计与设置

配色方案如何运作?如何更改我的店铺颜色?

在建站工具的“颜色”标签中创建和编辑配色方案:背景、文字、链接、徽章、边框、阴影、主要和次要按钮以及表单输入框。了解版块如何选择配色、“使用父级配色方案”、最多 9 个配色方案的限制,以及为什么重新排序会改变颜色。

阅读时间 3 分钟

配色方案是一组保存好的颜色。店铺中的每个版块都使用一个配色方案,所以您只需在一个地方修改颜色,所有使用该配色方案的版块都会随之改变。

在哪里找到配色方案

打开建站工具,点击齿轮图标,然后打开颜色标签。在配色方案下,每个配色方案显示为一张卡片,名称为配色 1、配色 2,依此类推。每张卡片都会显示其颜色的小预览。

  • 编辑:点击卡片。会打开一个面板,顶部是实时预览,下方是所有颜色。
  • 添加:点击末尾的加号卡片。新的配色方案一开始是最后一个配色方案的副本。
  • 创建副本或删除:右键点击卡片,或使用配色方案面板顶部的菜单按钮。
  • 重新排序:按住卡片的把手拖动。

您最多可以有 9 个配色方案。达到 9 个时,加号卡片显示(9/9),创建副本显示已达上限。您始终至少保留一个配色方案,所以最后一个无法删除。

配色方案中的颜色

常规

  • 背景:版块的背景。
  • 内部背景:版块内的方框和卡片。
  • 标题:各类标题。
  • 文本:段落和普通文字。
  • 重要文本:需要突出的文字,例如价格和倒计时数字。
  • 徽章背景:节省金额徽章、套装丝带和套装节省标签的填充色。
  • 链接和悬停链接:链接,以及鼠标悬停时的链接。
  • 边框:线条和分隔线。
  • 轮廓:焦点环和轮廓线,例如顾客用键盘在页面中移动时。
  • 阴影:阴影的颜色。

主要按钮和次要按钮

每种按钮都有背景、文本和边框,以及鼠标悬停在按钮上时使用的悬停背景、悬停文本和悬停边框。主要按钮是您最重要的行动号召,例如购买按钮。

输入框

表单字段:背景、标签、文本(顾客输入的内容)、边框和悬停背景。

版块如何选择配色方案

选择一个版块,找到它的配色方案设置,从列表中选择一个配色方案。如果您想编辑配色方案,列表中有一个指向它们的链接。

版块中的许多区块都有使用父级配色方案开关。开启时,区块使用外层版块的颜色。关闭时,会出现配色方案设置,让区块使用自己的配色方案。在撰写评价区块中,继承配色会让它的按钮使用版块的颜色;关闭后,您可以选择按钮配色。其他使用配色方案的地方还包括页头菜单面板和维护页面。

小贴士

  • 版块记住的是编号,而不是颜色。如果您把配色 3 拖到第一位,所有使用配色 1 的版块都会显示移到该位置的颜色。重新排序后请检查您的页面。
  • 删除配色方案后,使用它的版块会改用它前面的那个配色方案(或第一个配色方案)。复制会把副本放在原配色方案之后,并且每个版块都保持当前的颜色。
  • 配色方案属于您正在编辑的市场。如果您在多个市场销售,请先用国旗切换市场。
  • 点击发布后更改才会上线。

技巧

  • 大多数版块使用一个柔和的浅色配色方案,主视觉和行动号召使用一个醒目的配色方案。
  • 让主要按钮与背景有明显区别。
  • 检查文字在其背景上是否易于阅读,包括在白天光线下用手机查看时。

仍需帮助?

给我们留言,我们会回复你。

联系我们