自定义Shopify主题:如何使用图像,颜色和字体

自定义您的主题:设计规则,以保持您的轨道

当你购买一个主题时,你是在评估每一个主题图片、字体和颜色。很高兴看到一个主题的全部潜力,但一旦你把它安装到你的商店,你需要做一些工作,使主题看起来恰到好处。

这就是设计选择的由来,当你没有任何制作经验时,这可能会令人生畏。这就是我们今天在Ask Shopify中要解决的问题。

如何定制你的商店主题

我刚刚安装了欧宝体育官网入口首页网上商店Shopify主题,我想定制一点,以适应我的品牌。当我在设计主题时,有没有什么是我应该注意的?我没有设计背景,所以指导我该怎么做会很好。

了解更多:商店的名字:如何为您的电子商务网站选择一个完美的

处理一个主题的好处是,很多结构设计决策都是为你而生的。你不需要担心如何布局你的页面,或者在综合体中把每个图像和每个段落放在哪里网站建设者

但为了让你的商店看起来最好,让你的品牌真正发光,你需要在主题中添加自己的风格。把它想象成装修房子——基本的东西都在那里,但是你可以选择颜色和调整装饰。

当你网页设计的新世界在美国,你可以做出的选择是惊人的,甚至会让你感到不知所措。你可以用任何你想要的颜色!你可以通过点击鼠标来切换!

为了帮助你在设计决策的广阔世界中导航,并为你的商店做出正确的选择,我们求助于Shopify的主题专家劳伦斯·卡伦德(Lawrence Callender)。他概述了一些关键设计指导方针这可以帮助任何人建立他们的主题,并保持它的品牌和完善。

雇佣有经验的专业人士

Shopify专家市场可以帮助您与经验丰ob欧宝娱乐app下载地址富的Shopify网页设计师联系,您可以聘请他们为您提供专家指导,甚至为您做设计工作。

今天就聘请专家帮助

1.使用正确的图像分辨率

图片是你的电子商务商店的基石,从你的主页上的英雄形象到你的网站产品摄影.当你安装一个新的主题时,你会立刻注意到缺少照片是很明显的,所以把你的图片放在点上可以大大促进你的商店。

图片由:Unsplash

然而,有一些技术上的待办事项可以确保你的摄影工作像你需要的那样努力。

“确保你上传的图片是高分辨率的,所以至少是1024px × 1024px,”劳伦斯说。“如果可能的话,我们建议以Shopify的最大分辨率上传产品图像,即2048px × 2048px。如果你的图像尺寸太小,就会产生像素化、模糊的图像。”

2.记住图像大小比例

你的产品图片可以在你的商店的多个地方使用,包括你的主页和收藏页面上的特色产品。为了在这些页面上创建一致的体验,在上传图像时要记住图像的高宽比。

劳伦斯说:“当你的产品图片并排显示在你的收藏页面上时,它们通常有不同的大小。“为了确保你的图片在这些页面上显示相同的大小,请检查你作为特色图片添加的图片是否以一致的高宽比裁剪。”

一个来自Shopify主题的一致图像大小比例的例子
在Shopify的最小主题中使用一致的图像比例的例子

所以,如果你想让你所有的产品图像显示为一致大小的正方形,保存它们的高宽比为1:1。即使你的图片大小不同,保持比例一致也会让你的产品在商店的任何地方都有一个干净、布局良好的展示。

3.确定一个调色板

为你的品牌选择颜色可能会让人望而生畏。他们在一起好看吗?鲜艳的颜色和中性的颜色更适合你的品牌吗?有很多选择,但劳伦斯有一些建议可以帮助你缩小选择范围。

劳伦斯建议:“如果你已经有了一个标志,一般的规则是选择一些与你的品牌或标志相匹配的强调色。”

“如果你还没有指定品牌颜色,那就从你携带的产品类型中寻找灵感。例如,如果你卖木制家具或皮革制品,棕色、米色和橙色等自然色可能是一个很好的开始。”OB欧宝娱乐APP

为了帮助找到一些灵感,你可以使用在线调色板工具,其中许多工具还提供了其他人或品牌创建的优秀调色板的示例。

一个调色板的例子,从颜色狩猎
一个示例调色板,与十六进制代码显示在悬停,照顾颜色狩猎

一旦你选择了一些看起来不错并且适合你的产品和品牌的颜色,一定要保存代表颜色的特定十六进制代码。这是六个字母和数字的组合,在线平台和设计工具将使用它来为你提供一个完全匹配的地方,你需要使用你的颜色,它看起来像这样:

  • #FFFFFF -白色
  • #2D2D2D -深灰色
  • #50B83C -绿色

进一步阅读:尝试自己DIY一个完整的视觉品牌可能会让人望而生畏。这里有一个完整的入门如何从零开始建立一个视觉品牌。

4.仔细选择字体

既然你的图片和颜色都确定了,是时候考虑如何展示你的文字了。你选择的字体可以成为你品牌的重要组成部分,但就像你的其他设计元素一样,一致性是关键。

图片由:Unsplash

劳伦斯说:“最好将自己限制在两到三种字体,并在整个设计过程中坚持使用它们。”“当你使用三种以上的字体时,你就会开始削弱内容。OB欧宝娱乐APP读者可能会感到困惑,难以跟上信息流。”

你在寻找易读性、一致性和清晰度之间的平衡。如果你的字体达到了这些标准,无论你选择哪种字体,你都在正确的轨道上。

选择互补字体

许多最佳电子商务商店设计使用不同字体的组合,这样你就不必拘泥于一种字体或一种风格。

劳伦斯说:“当你配对字体时,你想要找到互补的字体,不要争夺注意力,一起工作而不会变得无聊。”

有一些标准的方法可以帮助你在所有付费和免费的选择中找到完美的搭配。

使用同一系列的字体

Lawrence建议:“找到完美字体组合的最快方法是使用同一字体家族中的不同字体。”

字体族是像Helvetica或Times New Roman这样的东西,其中的字体有一些变化。

“来自同一家族的字体已经有了各种各样的重量和风格,可以很好地配合在一起。”

较重的字体可能是字体的粗体版本,而样式变体可能是全大写版本。

一个使用一种字体用于多种格式的示例
使用一种字体在多种方式c/o的例子Canva的字体配对指南

如果你有一种喜欢的字体,你可以使用粗体版本、普通版本和斜体版本来区分标题和其他信息。这是一种使单一字体家族适用于整个商店的方法,同时仍然可以在不同类型的内容之间提供明显的差异。

配对兼容字体

如果你以前从未使用过字体,这里有一个快速入门的字体。你会发现有几种不同的基本文本样式。

  • 衬线:这些字体在每个字母上都有小脚,比如Times New Roman和Georgia。
  • 无衬线字体:这些字体没有小脚,像Arial, Helvetica,和你现在读的字体。
  • 脚本:这些字体是任何看起来像书法或手写的东西。
  • 等宽字体:这些字体都是等距的字母,是你通常在计算机代码中看到的。《Roboto Mono》就是一个很好的例子。

你可以将两种不同字体的字体配对,使它们之间形成强烈的对比。

劳伦斯说:“在对比的基础上组合字体对建立层次结构很有帮助。”“使用对比鲜明的字体可以清楚地看出哪些段落是标题,哪些是副标题,哪些是正文。”

当你考虑等级制度时,你实际上只是在考虑如何向你的客户展示什么是最重要的。在这篇文章中,我们使用标题来帮助你弄清楚每个部分是关于什么的。这是一个层次结构的例子,您可以使用不同的字体来帮助您的标题脱颖而出。

如果你还纠结于要配对哪种字体或字体,这篇来自Canva的关于配对字体的指南是一个很好的开始。OB欧宝娱乐APP同样,快速搜索“无衬线字体和衬线字体配对”会出现免费和付费的文章。

有意识地使用字体大小

无论你选择什么样的字体组合,你网站上不同地方的字体大小应该有额外的含义,并帮助你的客户找到他们想要的东西。

你的内容越重要,字体就应该越大。使用不同的字体大小来突出重要的内容,并告知用户网站的目的和内容。”

一旦你为你的正文内容和标题选择了一个字体大小,一定要坚持这样做,这样你的客户就可以很容易地分辨出什么是标题,什么是段落。你的网站越容易阅读和导航,在你完成销售之前的障碍就越少。

5.一致性是最好的指导方针

一旦你决定了字体、颜色和一般的品牌方针,你能为你的商店设计做的最重要的事情就是坚持它们。

图片由:Unsplash

劳伦斯说:“伟大的设计往往是在一定的限制条件下进行的。“许多设计规则实际上只是为你的设计提供一些焦点和方向的约束。”

虽然在不同的页面上沉迷于新的字体和颜色是很诱人的,或者只是当心情来袭时,记住一致性是建立品牌的基石。您希望您的客户能够轻松地识别和浏览您的商店,并且坚持使用一组核心字体,颜色和样式可以大大帮助实现这一目标。

使用Express主题将您的业务在线上

Express是一个免费的主题,专为拥有中小型产品目录的企业而设计,这些企业希望快速上网,并在今天从哪里购买产品。

预览Express主题
主题: