Shopify品牌配色配置-Shopify装修指南

在开始装修Shopify的时候,请记住,先做Shopify品牌配色,再去填写细节,一开始揪着细节不放,你会很累。什么是大框架呢?

1,全局色彩;2,全局字体;3,Logo设计

这些应该在你做完用户调研的时候,就已经心里有数了,如果你还没做用户调研市场调研,可以查看这篇文章《如何做好独立站市场调研》

Shopify品牌配色

先明确你的品牌主色、辅色和点缀色。建议不超过三种颜色,以保持简洁和一致性。如果你想特殊一点,背景色也可以算一种颜色,大部分人默认都是白色。

你可以按照下面这个list去检查自己的颜色。

  • 品牌主色:大部分主要场景中使用,让人一下子记住你,例如shopify是绿色,Facebook是蓝色,我一说,你脑海里就出来了,这个就是品牌色。
  • 辅助色:一般用在按钮,边框等,来做视觉上的区分。
  • 强调色:加粗字体,还有警告这些时候需要用。
  • 背景色:正如刚才说,一般默认是白色,可你如果做艺术感很高的页面,背景色调整的话,就要根据用户习惯来。

如果你不知道怎么调,或者你无法拿捏的话,可以参考一下两个网站,有成套的配色方案可以让你参考。点击就可以访问:

全局网站推荐colorhunt.co
全局网站推荐colorhunt.co
全局色彩搭配网站coolors.co
全局色彩搭配网站coolors.co

注意,为了保证颜色的一致性,建议直接输入颜色的 HEX 代码(如 #FF5733),而不是手动选择。并把所有的代码都记录下来到你的一个独立站建站文档中。

Shopify里面有很多插件是无法跟shopify共用同一套配色系统,因此常常你需要重新在插件中输入这些全局配色。记录好,是方便后续遗忘和再应用。

最后,就是字在shopify上进行实时预览颜色应用效果,确保各元素之间的协调性。如有需要,随时进行调整。

如何配置

默认模板Dawn主题下的编辑方式如下,可以参考右图进行选择编辑:

  1. 在shopify首页看左侧侧边栏,打开“销售渠道”下的“模板”;
  2. 在当前模板下,点击“自定义”按钮,进入编辑模式。
  3. 进入编辑模式后,看左侧侧边栏,找到“设置”按钮,如右图,点击“颜色”,即可看到全局配色方案。
  4. 编辑后,颜色会在中间页面预览中显示。
Shopify 默认模版全局色彩编辑
Shopify 默认模版全局色彩编辑

类似文章

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注