Shoplazza如何开店——主题装修篇(三)

在装修篇的第二篇中提到Hero、Boost、Nova三款热门主题卡片装修中固定卡片的部分,我们可以看出这三款在设计上都各有不同,但却有一些相通之处。例如都有Logo的设计部分,但是Hero中的Logo有蒙层设计,Nova中则是可以分别为移动端和PC端设计不同规格的Logo;三款主题都有为热门商品在页头提供广告位,但是在各个主题中的名称却各不相同。

本期文章将会对三款热门主题中的活动卡片从类型组成、注意事项等进行讲述。

① Hero

可以看到Hero的活动卡片分为评价、专辑、博客、图片、幻灯、推广、文字、社交媒体、视频、高级布局。在Hero这个主题中对于卡片的划分主要是依据其主要功能来进行划分的,例如以文字为主体的就划分为文字类、以图片为主体的就划分为图片类,在图片中有动态图片的再细分为幻灯片。

我们按如何打造一个完整店铺的组成顺序来看活动卡片的各个模块。

首先在店铺的最上方一般是以轮播图为主,也就是这里的【幻灯】。幻灯的类型有图文幻灯、图片幻灯和分割幻灯。

图文幻灯可以用来展示一个活动主题,例如万圣节、圣诞节,提供了按钮可以使消费者直接链接到对应的商品集合中。幻灯的意义在于可以自动切换,动态效果能够给消费者更好的视觉感受。这里可以无限制添加图文,但建议最多5张即可,过多的幻灯反而会适得其反。*需要注意的是在进行图文设置的时候,对每张图片上最好有适当的文字,不会显得突然有个图片空荡荡的。使用图片蒙层能够更好的突出文字,让消费者的视线落在文字所要表达的内容上。在图片的选择上也要注意应该是横向的图片,视觉效果会更好。

图片幻灯相对于图文幻灯上减少了文字的描述,更突出图片本身,更适合用来展示商品的细节。

分割幻灯实际上就是将图片和文字分割开来,左右的结构可以体现文字和图片同样重要,使页面更加和谐。

这三种幻灯就个人而言,图文幻灯和分割幻灯更适合作为整个网站的开头,不会显得特别突兀,不会让消费者产生“这是在做什么”的想法。图片幻灯更适合往后放,在中间部分作为展示商品细节的一部分。

作为视线的最佳区域就是在头部幻灯之后的这一块,用来放置热门商品或者合集最好不过,因为在这里消费者刚进来就能看到,还没产生视觉疲劳,商品的点击率会更高。所以我们来看看【专辑】部分,分成了专辑列表和推荐专辑。

————————————————————————————————————————————————————

专辑列表顾名思义就是将专辑一一列出来,在这里可以放置主打的几个主题专辑,通过全局设计可以调节图片的大小,没有另外设置图片的话默认是第一个商品的主图。*在这里需要注意一个问题专辑与专辑之间的距离是不能调整的,如果是三个专辑的话就只能靠左排列,整体不够美观,所以还是要设置六个专辑比较好。这一点对于专辑分类较少的店铺来说就不适用了。

同样对于推荐专辑来说也是在商品的布局上一排最多5个商品,最多可以放三排,并且不能调整各个商品之间的布局。在设计上打开“View all”和移动端滑动查看按钮都是为了在视觉体验上能好,不会显得整体特别多特别杂乱。除了这一点之外还要注意之前提到的,商品图的设计上也要注意使用简洁的背景会让整体更加高级有质感。

就这两种专辑展示的方式来看,一个便于消费者根据商品分类快速进入挑选商品,一个用于展示热门商品或者新品的一个很好的选择。这两种专辑展示方式可以结合使用,放置商品两排左右,下面就可以添加一些图片、文字或视频来进行分隔,增加层次感。

————————————————————————————————————————————————————

先来看【图片】部分,分为图文、浮层图文、Logo列表。其中图文的形式是按照左右分布的,和上面提到的分隔幻灯类似,但不能左右滑动观看。更适合在中间充当特色产品讲解或者产品背后故事讲述的成分存在。若要放置多个图文,建议将图片左右错开放置会更加美观。

浮层图文同样也与前面提到的图文幻灯类似,但更突出文字的部分,用边框将文字突显出来,可以用于主题介绍或者公示等。其中图片若是大于展示区域,则可以通过图片焦点来定位图片展示的部分。

第三个Logo列表,就是将店铺所拥有的品牌Logo或者与其合作的品牌方Logo放置在这里。一般会将这个列表放于页面的下半部分。

【文字】部分则是包括了FAQs、富文本、精选评论、图文分栏,这几个模块除了图文分栏的位置和图文、浮层图文一样可以位于页面中间部分之外,其他三个更经常放置在页面的下半部分,FAQs用于解决消费者经常出现的问题、富文本可以放在最后以文字的形式描写店铺特色引导顾客下单购买、精选评论则是利用好评顾客的真实反馈来吸引消费者。

其中需要重点讲述的有:一、图文分栏部分最多可以一排放下三个图文,最少两个,为了整体效果能够更好建议可以放置2或3的倍数的图文数量;二、这里的精选评论主要是以文字为主,图片为辅,图片作为文字的背景,以轮播的方式展示每条评论。

这里既然提到了精选评论就来看一下【评论】部分,它包含了客户评价,但以图片为主,下方呈现姓名、星级、评价内容、日期,不限评价条数的设置。虽然两者都属于评论,但精选评论是以轮播的形式呈现,所以在数量上可以放置的比客户评价来的多一点,而客户评价建议2-4条为宜,并且用4-5星评价能更好的体现品质与真实。

再来就是【视频】部分,分为视频和视频背景。其中视频就只需要添加一个视频链接和标题就可以了,设置上比较简单。而视频背景可以添加文字、按钮和链接。视频背景更适合放在页面最上方通过商品的视频展示来吸引消费者点击按钮进行购买,而视频则更适合放在下方用于讲述品牌背后的故事。

————————————————————————————————————————————————————

最后来介绍一下剩下的其他部分。

第一个是【博客】,博客是用来介绍新品、展示商品、展示心得的地方,将博客的合集放在页面中能够通过这些文章对商品、对品牌的描述来唤起消费者的购买欲。

第二个是【推广】,包括了邮件订阅推广格子,邮件订阅就是通过收集消费者的邮箱地址来便于后续的邮件营销,而推广格子则是可以作为促销活动的细节介绍。

第三个是【社交媒体】,实际上的作用和博客、评论是差不多的,通过Instagram的网红营销来提高店铺的转化率。

第四个是【高级布局】,可以通过自定义内容将消费者引导到另一个页面,可以是中奖名单,也可以是商品推荐。而HTML则需要专业人员用代码的方式来帮助设计。

② Boost

Boost的活动卡片分类与Hero就不一样了,是按照营销、素材、商品、社交媒体来进行分类的,从整个销售活动组成来进行分类便于商家使用与之相对应的模块。下面也按照布局整个页面来讲述Boost的活动卡片。

首先是幻灯,在这部分中与Hero的图文幻灯较为类似,但不相同。相同之处在于都存在图片、按钮、文字相结合,但不同的是Boost的幻灯中的文字有背景框,整个图片没有蒙层的部分,但可以自定义调整框的水平位置与垂直位置。其次是可以用幻灯中的商品标签来标记图片中展示的商品,更方便消费者快速找到对应的商品。

————————————————————————————————————————————————————

接下来就是来到视野最佳区域,用于放置【商品】最好的地方。

先来看专辑列表,与Hero不一样,Boost的专辑列表每行的专辑数量是可以进行更改的,最多5个,最少2个。相同的是专辑与专辑之间的距离仍然不能改变,但通过每行的数量调整已经能够实现页面布局美观的要求了。在专辑列表中默认展示的是专辑中的封面图。

精选专辑中有轮播形式和分行展示,两者不能共存,若开启轮播则只能展示一行。在选择需要展示的商品时,建议选择首图大小一致的商品,这样整体会比较和谐美观。像图中的第四个商品就与前面三个的大小不同,使整个页面不够整齐。

推广专辑相当于是提供一个商品专辑的广告位,左侧是以大图展示商品,可以选择一款优先推荐的商品放在左侧,并能结合商品标签引导消费者点击跳转促进购买。而右侧则是展示这个专辑中的其他商品,相较于左侧的推荐程度会较低一点。

第三个是精选商品,以左右分割的方式展示商品图片与标题价格,放置在页面的中间部分较为适宜,可以作为专辑与其他文本的分隔。不仅可以提高商品的转化率,还能使整体页面比较和谐。

最后一个专门用来展示商品的活动卡片——组合商品,这个卡片的展示形式推广专辑类似,都是左侧展示一张图片,右侧是滑动展示商品,但与推广专辑不同的是组合商品可以选择不同专辑中的商品,在图片展示上也换成了更大的尺寸,更能够展示图片的细节。

————————————————————————————————————————————————————

讲过商品区域之后,来看起到分隔作用的图文以及文本部分,这部分包括博客、图集、图文、推广图片、富文本。

博客部分和组合商品一样也是采用左右结构,左侧固定,右侧滑动的方式查看博客内容。

图集部分不仅可以用来展示专辑、商品,还可以作为活动展示,利用链接跳转页面。但要注意的是图集最多只能每行放置4张图片,建议以一行为主,不要超过一行。

图文与推广图片类似,都是以图片左右分布的方式展示商品,都适合作为商品细节的展示或者品牌背景的讲述,这种左右交替的图文形式更显高级。(前提是图片要尽可能简洁有质感)

富文本部分与Hero是一样通过文字与按钮结合描述店铺特色引导顾客下单购买。

最后两个邮件订阅社交媒体的操作与使用方法与Hero是一样的就不过多讲述。

③ Nova

在Nova中活动卡片的分类更加简单,分为了素材和商品两个部分。其中相比另外两个主题减少了评价、视频、邮件订阅这几个部分,在图文种类上也相对少了一部分。

同样先来看幻灯部分,在Nova中幻灯有两种,一个是经典幻灯一个是时尚幻灯。经典幻灯就是以图片为主,横屏占满,文字呈现在图片上;而时尚幻灯则是一侧留白专门用来放置文字会使画面更加干净清爽。用惯了经典可以尝试一下时尚幻灯,可以为店铺提升一个档次。

————————————————————————————————————————————————————

第二部分是商品、专辑,一样是分为专辑列表和专辑商品两个部分。专辑列表部分一行最多可以放置6个专辑,但是这里建议3个或者4个专辑为宜,因为5个以上的专辑数量相对较多,整体的图片尺寸较小,会使消费者在体验上不够好。与另外两个主题相比,Nova主题可以调节图片与四周的距离,更加人性化,这一点是我比较满意的地方。

专辑商品部分也与前两个主题不同,更加新颖,改变原本上下两排商品整齐排列的方式,变成第一张图为专辑封面,四周用商品围绕,说实话就个人而言会更喜欢这种形式。

Nova这个主题中还有一点比较好的是可以调节标题与描述的字号、字间距以及行高,这让商家在设计店铺的时候能够更加的个性化,不会那么死板。

在商品列表、时尚图文、文字浮层、博客专辑、社交媒体上的使用方法与其他两个主题是差不多的,主要是能调节各个部分的留白大小这一点与另外两个不同。其中重点讲一下时尚图文,它也是一改原本的图文样式,不仅仅是左右图片与文字的结合,更是用图片叠层来突出图片,使整个画面更加高级,能够将消费者的视线集中在图片上,这也就意味着在选取图片的时候要注意可以把商品的细节或者整体的氛围感展示出来。

商品轮播与商品切换之间的差别在于,商品轮播是展示一个专辑中商品,而商品切换可以展示多个专辑中的商品,在选取上根据店铺的实际情况进行选择就好了。

————————————————————————————————————————————————————

最后一个部分,是Nova与另外两个主题不同的地方——图标文字,通过图标文字可以将店铺中所提供的特色服务展示出来,例如包邮到家、送货上门、免费清洗等等。一般是把图标文字放在页面的最下方。虽然在Hero中能以Logo列表的形式来展现,但不能在全局设置中直接进行文字的修改,只能通过修改图片的方式来实现。

在Boost的活动卡片中,博客专辑、图集、Instagram、专辑列表、商品列表、商品轮播与商品切换是可以调节图片与图片之间的距离,其他卡片不可以,这也是这个主题突出的一点。

以上就是三个主题关于活动卡片部分的介绍。总结一下,就活动卡片而言,Hero主题的卡片数量最多最详细,但在布局方面较为固定,无法根据自己的喜好去调整块与块之间位置,更适合功能需求多的商家;Boost主题在活动卡片的设计上更偏向于左右布局,一侧固定另一侧可以上下或左右切换,但增加了商品标签的元素,适合想要直接转化率有所提升的商家;而Nova主题在元素上相较另外两个主题更少,但在设计上却更加新颖时尚,更适合时尚元素较多的商家来使用。

下一期是热门主题的最后一个板块——全局设置部分,记得回来关注哦。

关于平台的所有问题和小建议都可以留言告诉阿婆哦。

不正经的阿婆做最正经的测评!

除非注明,否则均为阿婆测评原创文章,转载必须以链接形式标明本文链接

大家可以关注阿婆的公众号(阿婆测评),不定期会有粉丝福利!
暂无评论

发送评论 编辑评论


				
上一篇
下一篇