SEO文章

Shopify主题中使用颜色的有效方法

yourshopify · 10月18日 · 2021年 · · · · · · ·

  设计和设置一个新的shopify主题是令人兴奋的——也很有趣——但也很容易被过度定制你的商店所迷惑——直到每个按钮、边框和项目符号的颜色。

  除了增加额外的挑战之外,过度自定义shopify主题中的颜色可能既费时又复杂。

  那么你怎么知道哪些颜色设置值得你花时间呢?在这个由多个部分组成的系列的第二部分中,我们将探讨颜色过于疯狂的危险以及对颜色挑剔实际上值得的其他地方。

  不要担心一切是什么颜色

  自定义Shopify主题的每个元素的颜色很容易。

  然而,这也可能是一条滑路——在你意识到之前,在一个地方更改一种颜色意味着需要更改其他三种颜色设置——并且并非所有设置都可以通过您的主题控制面板访问。

  另外,从美学的角度来看,当您your shopi fy .co m看到颜色如何相互作用时,改变一种颜色通常会引发一系列其他变化。

  有一种危险,您最终会在商店中使用过度热情和不一致的配色方案,这会增加视觉混乱,而不是将商店以一致的外观和感觉拉在一起(这是精心挑选的有限调色板应该做的事情)为你)。

  一定要选择一个配色方案并坚持下去

  与其挑剔每个颜色设置并自定义您的CSS,不如花一些时间考虑您的配色方案。

  一个好的经验法则是选择一些与您现有的企业标识或徽标相匹配的强调色(我们在这里有一些建议)(如果适用)。

  如果您没有固定的徽标或配色方案,请在您的产品中寻找灵感。如果您销售皮革制品,自然颜色(如浓郁的棕色、棕褐色和橙色)可能是一个不错的起点,而销售游泳装备的网站可以从海洋的蓝色和绿色中寻找灵感。

  您还需要考虑您的目标买家以及哪些颜色可能会与他们产生更好的共鸣。例如,更明亮、更大胆的颜色通常更能吸引千禧一代,而更老练的观众会倾向于更柔和、更优雅的配色方案。

  最后,请务必考虑将所有颜色一起使用时的外观。颜色应该足够清晰,以便在您的Shopify主题中彼此靠近使用时,看起来不会像您不小心选择了错误的颜色。

  尽量不要有太多相似但又不完全相同的颜色;它最终可能看起来不一致而不是故意的。还有许多免费的在线工具可帮助您决定调色板并找到搭配得很好的颜色:

  冷却器

yo ur shop ify.com

  Adobe彩色CC

  材料调色板

  象形文字

  我们还汇总了Shopify商店中我们最喜欢的七种调色板。

  给颜色一个目的

  在为您的Shopify主题确定配色方案后,请考虑为您的所有“号召性用语”保留一种颜色。

  通常,您会希望这是一种从背景颜色、照片、文本和其他有色元素中脱颖而出的明亮颜色,以便于查找。

  这种颜色的主要目的是你的“加入购物车”、“结帐”和“继续”按钮——这些按钮对于优化转化率和销售至关重要。

  拥有明亮、独特的颜色不仅有助于购物者轻松找到他们最有可能搜索的按钮,而且还是将单一颜色与购物者心中的“下一步”联系起来的一种微妙方式。

  设置这些按钮时,也要注意按钮中文本的颜色。一般来说,白色或深灰色效果最好——你需要确保按钮颜色和文本之间有足够的联系。

  例如,颜色较浅的按钮应该使用较深的文本,反之亦然。

  避免蓝色和红色、红色和黑色、绿色和红色等组合也是一个好主意,因为这些颜色对在对比中往往彼此太接近,并且可能在屏幕上看起来“振动”,使您的网站变得困难(和分散注意力)使用。

  不要担心您产品的颜色和变体

  您网站上的颜色使用不仅仅是网页元素的颜色-它还扩展到产品本身以及您在商店中使用的任何图像。

  确保您紧跟最新的色彩趋势,并在这些选项中提供您的产品。这也超越了颜色,涵盖了整个设计。如果可能,请与您的供应商合作,确保您的产品具有多种配置,以吸引广泛的购物者。如果您制作自己的产品,请尝试新的颜色、材料和设计。

  当你选择或拍摄自己的照片来展示你的产品和/或传达你的品牌感时,也要记住你的调色板,让它们受到产品本身的启发(例如销售明亮、时髦的运动鞋?拍摄他们在色彩缤纷的儿童游乐场的滑梯和秋千上;销售时尚的、可穿戴的技术?保持背景色调柔和,并采用冷色调(蓝色)色调,以传达更多光滑、现代的氛围等)。

与过度定制商店的主题颜色相比,对您的产品供应以及产品和生活方式摄影进行投资更有可能获得长期回报。

0 条回应