电商海报原则-案例解析详情页设计的技巧

对于电商营销来说,海报的宣传力度决不能少看。好的海报不仅能给网店带来很好的品牌宣传效果,而且也能给消费者一种专业可靠的感觉。但要做出这种效果,不管是在用色、排版、素材等方面都要配合得相当好。那么,在排版的问题上,该怎样做好电商海报的排版工作?

技巧一:排版的对齐原则

案例(一)左右对齐原则

以上图片案例的左对齐和右对齐方式是最常见的电商海报排版原则,其中最为普遍用到的是左对齐排版方式,因为很多时候人的浏览习惯都是从左往右去看的。

对齐的排版存在着一道看不见的线,与海报的边界线平行着,将文案自然地串联在一起,给人一种稳重,统一,齐整的原则。

案例(二)居中对齐原则

居中式的排版常见于一些房地产和珠宝海报,这种排版方式给人一种很正式、大气、高端的感觉,在海报的居中排版常会看到文案直接在产品上面,以营造一前一后的层次感,适当地添加光效感觉会让整张画面的空间感提升很多。

技巧二:对比原则

在设计中运用对于的原则能让人有种分外醒目的感觉,并且增强画面的视觉效果。像虚实对比,冷暖对比等。

1、对齐

对齐种类:左对齐、右对齐、居中对齐。

作用:左对齐(右对齐)排版存在着一道看不见的线,与海报的边界线平行着,将文案自然地串联在一起,给人一种稳重,统一,整齐的原则。居中对齐排版给人以正式、大气、高端的感觉,在海报的居中排版常会看到文案直接在产品上面,以营造一前一后的层次感,适当地添加光效感觉会让整张画面的空间感提升很多。

左对齐和右对齐方式是最常见的电商海报排版原则,其中最为普遍用到的是左对齐排版方式,因为很多时候人的浏览习惯都是从左往右去看的。尽量避免使用居中对齐,除非是比较正式、稳重的设计。

2、对比

对比种类:大小对比、 疏密对比、粗细对比、颜色对比。

作用:主次分明,避免页面上的元素太过相似。增强效果,让画面更加美观,增强了页面的可读性。

3、重复

重复种类:重复文字颜色、重复文字大小、重复文字字体。

作用:增加画面条理性和统一性。

4、分组

作用:当文案较多时,把相关的文案归组在一起,增加画面美感且方便阅读。

案例解析详情页设计的技巧

电商视觉比拼的不仅仅是视觉技巧了,而是怎么让客户愉悦,最重要的是如何让客户在愉悦的同时可以快速地下单。我们自己在设计详情页页面的时候,一定要注意页面设计的基础三原则:

基本原则一:信息图像化

文字是循序渐进的处理,同时能被记住的只有20%,而图片同步被大脑处理能记住的是100%,所以详情页面的描述应尽可能地图像化。

基本原则二:高效表达

内容不要过于臃肿,表达要清晰有条理,简单直接。不要影响到页面打开速度。页面载入时间过长,会影响销量。

基本原则三:要掌握客户最关心的点

你所认为客户最关心的地方,往往并不是客户最关心的;不同的产品客户所需求、所关注的地方不同,不同的产品顾客关注的地方也是各不相同。

了解了设计的基础原则之后,我们一起来看看:一个页面如何从抓住眼球到最终成交的逻辑,让页面深入人心,让页面可以帮助你说服你的消费者。

一、吸引顾客 留住顾客

客户的需求:产品独特的卖点(与别人的产品不同的地方,产品优势)、活动价格优惠、不同的服务(购买产品能得到什么享受、服务)、痛点(解决问题烦恼)等。

比如说,服装类的产品顾客可能关注的是衣服的款式,模特穿着的样子,衣服的尺寸以及衣服的尺码,模特的身材体重以及他穿着的衣服的大小码对比。这样才能得出来自己穿起来是什么样子。

而功能性产品比如说保健品之类的,顾客关注的就是本件产品到底有什么功能。你的产品肯定要一个突出点,比方说缓解疲劳。需要打出来一点吸引人的地方,你的产品与别人的为何不同,优势在于哪里。这里主要可以分为:近期热点事件、网络流行、新概念、主题氛围、生活主张、实际利益、好奇心、品牌的嫁接、新品上市、产品创意、强视觉、名人效益、限时限量等。

以下简单举例:

左边的产品是冬天的衣服。怎么吸引买家看下去?冬天买衣服除了看款式,更重要的是保暖。图片营造出一种温暖的气氛,暖色的背景外加女模特头上的灯光,给人以温暖的感觉,符合顾客心里的想法。

右边的产品是夏天带的防晒头盔,为什么会带?就是因为夏天太晒,但是带上难免会有点热,这时候用冰块的背景和雪山给人以冰凉的感觉,对抗炎热夏天,不仅防晒更强调清凉舒爽。

以上就是主题氛围,主要还是给顾客以代入感。

上图左边的产品是保健品,卖点是可以延缓衰老,这就是顾客所能得到的实际利益。设计上因为是保健品,注重天然、自然,所以背景用的水果,然后前面的女人面带微笑显得很年轻,整体给顾客一种年轻健康的感觉。

右边的图是卸妆水,除了卸妆以外可以细致毛孔,补水紧致,清爽温和,这些都是买卸妆水的顾客所需要的。而实际的功能和利益是需要文字和图片结合的,这类产品一般文案都比较多,所以更要注意文案的排版,一定要有规律,要做到有序、有层次、有重点,同时也别忘了运用背景的烘托效果。文案和背景的绿色清新相呼应,让人深刻地感知到产品的功能性。

上图左边的产品是百岁山矿泉水,不需要过多的修饰,就一句话:水中贵族百岁山,富含多种微量元素。我们的水就是好,就是水中的贵族,就是和别人的不同。此类产品主要吸引人的地方就是文案。

右边的产品是无烟不粘锅,可以看做是生活的主张:你用了这个东西逼格就高了!此类的设计主要是背景烘托文案,突出文案来吸引顾客。也可以放几张顾客使用的照片,强调大家都在使用,引发跟风从众的心理。

上图左边的产品是运动时候带的那种耳机,所以以强视觉的方式展现,就是类似于电影海报的方式,吸引顾客的眼球,让顾客有看下去的欲望。但此类设计比较考验阅历和合成功底,不仅仅需要好看,更需要和产品以及文案相贴合。

右边的产品就是很常见的新品上市,这也是一种很常见的吸引顾客的.方式。人都是有一种喜新厌旧心理和对新鲜事物的好奇心,这类的整体详情页应该围绕新品、新功能、新感受来做一个整体布局。

二、提升顾客兴趣 确认需求

上面提到的只是吸引顾客看下去的方法,顾客看详情页面主要还是想买东西的,因此必须要有顾客想要看到的元素。

产品的参数一定要有,并且写清楚。有的产品还需要测量方法等,方便顾客选择合适的尺码,这样第一显得专业,第二也方便顾客选择合适的尺寸。

鞋类产品最好在产品参数里面加上选码须知。如果产品比正常尺码小的话,一定要标注出来。

产品的细节一定要尽量展示得详细一点。比如:包包的各种角度展示,然后内里、拉链部分。如果是品牌的产品,品牌的LOGO一定要展示清楚,产品的走线一定要展示清楚,这样才能提升产品整体的品质感。

衣服的细节尽可能地展示清楚,也可以在旁边加一个全景展示和细节的对比。排版上面可以不拘一格,更具有引导性,像上图右边使用的就是线的引导。

上图左边的产品是女包,背景里的海鸥、大海、飞扬的女人裙角,给人一种奢华大气的感觉。不用文字描述,就能显示出产品的品质。这就是视觉设计简单易懂的原理,千万不要大篇幅的文字说明,既不显得高端,又会让人抓不住重点。

;