如何使用图像、颜色和字体来自定义Shopify主题?

作者:Shoptago 浏览次数:195 发布时间:2020-07-21
当你购买一个主题时,你将为每个主题设置图像、字体和颜色后并对其进行评估,但是一旦它被安装到商店里,你需要进行一些处理来使主题看起来恰到好处。使用主题的优点是模板结构设计都是已经准备好的,而且你不必担心如何布局页面,或者把每个图片和段落放在哪里。但是为了让你的商店看起来更好,并且更加突出你的品牌,你需要在主题模板中加入你自己的风格。可以把它想象成一个需要装饰的房子——基本的元素都有,但是你可以选择图像、颜色和字体进行装饰。
为了帮助你进行设计决策并为你的Shopify商店做出正确的选择,我们概述了一些关键的设计准则,这些准则可以帮助你去设置模板主题,使主题看起来更加真实和符合品牌。
 

一、图像
1、使用正确的图像分辨率:
图像是网上商店的基础要素,当你安装一个新的主题,你会立即注意到这个主题模板缺少了图像。因此,图像使用准确可以极大地促进你的商店的发展。
但是,有一些条件可以确保你的图像准确优质,如果可能的话我们建议以最高分辨率(2048像素x 2048px像素)上传产品图片。如果图片尺寸太小,将会导致像素化和模糊的图片。
 

2、注意图像尺寸比例:
你的产品图片可以在商店的许多地方使用,包括主页和收藏页上的特色产品。为了使图片在这些页面上显示一致,上传图像时请记住统一长宽比。
因此,如果你希望所有产品图像都显示为相同大小的正方形,请以1:1的纵横比设置上传并保存。即使你的图片大小不同,只要它们保持相同的比例,无论你在商店的什么地方展示产品,它都会为你提供一个真正整洁和布局合理的展示。
 

二、颜色
借助调色板:
如果你已经有了自己的品牌徽标,通常的做法是选择一些与你的品牌或徽标相匹配的颜色。如果你没有指定品牌颜色,请从你自己的产品类型中寻找灵感。例如,如果你销售木制家具或皮革制品,那么自然的颜色(如棕褐色、米色和橙色)可能是一个很好的选择。
为了帮助你找到可能的外观灵感,你可以使用在线调色板工具,其中许多工具还会提供其它人或品牌创造的精美调色板的例子。
在选择了看起来不错并且适合你的产品和品牌的颜色后,请确保保存代表这些颜色的特定十六进制代码。这是六个字母和数字的组合,将被在线平台和设计工具使用。无论你在哪里需要使用颜色,它都能为你提供完全匹配的内容,例如:#FFFFFF-白色。
 

三、字体
1、不超过3种字体:
现在你的图像和颜色已经锁定,是时候考虑选择字体了。你选择的字体可能是品牌的重要组成部分,但和其它设计元素一样,保持一致性是关键,你需要寻求可读性、一致性和清晰性之间的平衡。如果你的字体达到了这些要求,不管你选择哪种字体,它都会为你的主题锦上添花。
 

2、选择互补的字体:
许多优秀的电子商务商店设计都会使用不同字体的组合,所以你不必坚持一种字体甚至一种风格。你可以试图去尝试找到属于你自己店铺风格设计的完美匹配。
 

3、使用同一系列的字体:
找到完美字体组合的最快方法是在同一字体系列中使用不同的字体。例如字体系列类似于Helvetica或新罗马时代,他们的字体也有一些变化。同一系列的字体已经有了不同的粗细和风格,可以很好地配合使用。
如果你有自己喜欢的字体,你可以用粗体、常规和斜体来区分标题和其它信息。这是在整个商店中使用单一字体系列的一种方式,同时仍然可以让你清楚地区分不同类型的内容。
 

4、配对兼容字体:
你可以将不同字体的两种字体配对,使它们之间形成强烈的对比。使用对比字体,你可以清楚地看到哪些段落是标题和副标题,哪些是正文。当你考虑分级时,你实际上只考虑如何向顾客展示最重要的内容。在本文中,我们使用标题来帮助你理解每个部分的内容。这是一个层次的例子,你可以使用不同的字体来帮助你的标题脱颖而出。
 

5、有意地使用字体大小:
不管你选择哪种字体,网站上不同位置的字体大小应该有额外的含义,这是为了帮助客户找到它们需要的。你的内容越重要,字体就应该越大。使用不同的字体大小突出显示重要内容,并告知用户你网站的目的和内容。
在为正文内容和标题选择字体大小后,一定要统一字体大小,这样你的客户就可以很容易地区分标题和段落。阅读和浏览你的网站越容易,在顾客成交前遇到的障碍就越少。
 

总结:一致性是最好的设计指南
在决定了字体、颜色和图像之后,你能为商店设计做的最重要的事情就是统一它们的标准。
尽管你可能沉迷于不同页面上的使用新字体和颜色,或者你可能只是一时兴起选择它们,但请记住,一致性是品牌建设的基石。你希望客户能够轻松识别和导航你的商店的话,坚持使用一套核心字体、颜色和样式,这将极大地有助你实现这一目标。

 
建站客服建站客服
热门文章

热门文章

粤ICP备10215284号 网站地图