装有Shopify软件的手机图片

OB欧宝娱乐APP开始你的生意与Shopify

尝试免费Shopify,并探索所有的工具和服务,你需要开始,运行和发展你的业务。OB欧宝娱乐APP

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

定制你的主题:设计规则让你保持正轨

当你购买一个主题时,你会在设置好之后对每个主题进行评估图片字体和颜色。看到主题充分发挥其潜力是件好事,但一旦你将其安装到商店中,你就需要做一些工作来让主题看起来恰到好处。

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

如何定制您的商店主题

我刚安装了一个欧宝体育官网入口首页网上商店Shopify我想对它进行一些定制,以适合我的品牌。当我在设计主题时,我是否需要注意一些“不可以”的内容?我没有设计背景,所以关于如何做的指导方针会很好。

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

与主题打交道的好处是很多结构设计决策都是为你而生的。你不需要担心如何布局你的页面,或把每个图片和每个段落放在一个复杂的地方网站建设者

但为了让你的商店看起来最好,让你的品牌真正发光,你需要为主题添加自己的风格。想象一下,这就像装修房子一样——基本要素都在那里,但你可以选择颜色和调整装饰。

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

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

聘请具有shopify特定技能的专家

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

今天就请专家帮忙

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

图片是你的电子商务商店的基石,从首页的英雄形象到你的产品摄影.当你安装一个新的主题时,你会马上注意到照片的缺乏是很明显的,所以让你的图片对你的商店有很大的促进作用。

图片由:Unsplash

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

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

2.记住图像的大小比例

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

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

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

因此,如果您希望所有的产品图像都显示为大小一致的正方形,请以1:1的高宽比保存它们。即使你的图片大小不同,保持一致的比例将给你一个真正干净,布局良好的展示,无论你的产品在你的商店。

3.坚持使用调色板

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

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

“如果你还没有特定的品牌颜色,可以从你随身携带的产品类型中寻找灵感。例如,如果你出售木质家具或皮具,棕色、棕色和橙色等自然色可能是一个很好的开始。”OB欧宝娱乐APP

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

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

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

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

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

4.仔细选择字体

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

图片由:Unsplash

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

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

选择互补字体

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

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

有一些标准的方法可以帮助你在所有的付费和免费选项中进行分类,以找到完美的配对。

使用同一家族的字体

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

字体族是Helvetica或Times New Roman之类的,其中的字体有一些变化。

“来自同一家族的字体已经有了重量和风格的组合,可以很好地合作。”

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

使用一种字体表示多种格式的示例
以多种方式使用一种字体的例子Canva的字体配对指南

如果你有一种喜欢的字体,你可以使用粗体版本、普通版本和斜体版本来区分标题和其他信息。这是一种让单一字体系列适用于整个商店的方法,同时还能让您清楚地看到不同类型内容之间的区别。

配对兼容的字体

如果你以前从未接触过字体,这里有一个关于字体的快速入门。你会发现有几种不同的文本基本风格。

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

您可以将两个不同字体的字体配对,以获得它们之间强烈的对比。

劳伦斯说:“基于对比的字体组合有助于建立层次结构。”“使用对比鲜明的字体可以明确哪些段落是标题和副标题,哪些是正文。”

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

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

有意使用字体大小

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

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

一旦你选择了主体内容和标题的字体大小,一定要坚持,这样你的客户就能很容易地分辨出什么是标题,什么是段落。你的网站越容易阅读和浏览,在你完成销售之前遇到的障碍就越少。

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

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

图片由:Unsplash

劳伦斯说:“优秀的设计往往在一系列限制条件下发挥作用。“许多设计规则实际上只是为你的设计提供一些焦点和方向的约束。”

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

让您的业务与快捷主题在线

Express是一个免费的主题,专为拥有中小型产品目录的企业设计,这些企业希望快速上网,并在今天的购买地点与客户见面。

预览快捷主题
主题: