电商设计之-淘宝直通车主图设计
直通车是按点击付费的效果营销工具,这种以点带面的关联效应可以降低整体推广的成本和提高整个店铺的关联营销效果。
01直通车
- 01
尺寸说明 直通车分为店铺直通车和产品直通车,区别除了设计尺寸不一样外,其链接方式也不一样,店铺直通车链接到店铺首页或活动页,产品直通车链接到产品详情页。 为什么要说到最小?因为图片尺寸会根据显示器大小调整,设计直通车时应注意到不同环境下的展示效果。
- 02
展示位置 产品直通车的位置在搜索列表右侧与列表底部 店铺直通车在搜索列表右侧,往下拉4-5屏才能看到。
- 03
影响点击要素 上面6条一般由运营操作,关系整个店铺的流量、转化率、销量。设计师要做的是7、8两点,把文案产品结合,设计要求符合店铺风格,产品特性。
02直通车如何构图
- 01
左右构图 因为商品图片比较细长,所以排版采用左右格式,文字在左边商品在右边,或者相反;这类设计比较严谨大方、常规,选图要适合,文案层次要清晰。
- 02
上下结构 这类排版一般商品较宽,完全放置到画面中,上下会有空余。商品偏稳重、大气,文字一般排在商品上面;商品偏轻盈、小物品等,文字一般排列在商品下面。
- 03
对角线结构 此类构图也是根据商品图来的,分为两分构图和三分构图(图2、5为三分构图)这类直通车产品图一般为倾斜的。在做一些电器,需要有动感设计时会用到对角线构图方式。另外,产品特别细长的,例如钓鱼竿,采用此构图方式可以把商品展示的更大,更直观!
03直通车如何分类设计?
- 01
除了要掌握排版方法以外,不同类目,我们还要搞清楚需求方向,了解产品,然后有针对性的突出产品某个特定,掩盖不足,提升点击率和转化率! 形象类商品 此类商品主要是产品本身和价格(例如服饰、鞋子,买家更关心的是款式、价格)尽可能真实、完整的展现商品本身,通过不同角度、合理的色彩搭配来烘托商品;文字设计简洁易懂,不需要过多的修饰!
- 02
功能类商品 功能类商品当然是突出其功能了。排版时,要做到有序、有层次、有重点!同事背景的烘托效果也不可少哦~ 虽然,图片整体设计很好看,但是,因为文字过多,排版层次不清晰,没有规律,不知从何开始阅读......如果采用规律排版方式,买家一眼即可看完整体文案结构,再一眼即可看清所有功能。所以,追求视觉同时也要注重用户体验。
- 03
促销、活动类 首先是用色,选择常用的大促色彩,添加活动的氛围元素,文案相对其他类直通车,更加厚重、更突出显眼!
- 04
品牌、品质、逼格类 为什么高端?因为自信!商品本身就非常具有独特风格特点,设计时,我们需要弱化文字,用尽可能大的空间展示商品和留白......
04如果提高图片吸引力?
- 01
搞定了前面那些,是时候来点分项,这不仅考验设计师的设计能力,也考验对生活的了解和热爱。
- 02
网络热词、表情、隐喻、电影等 通过时下非常流行的网络用语,或比较创新有趣的用语打动消费者,此类设计用词较新颖、色彩、文字排版一般采用比较活泼的表达方式,图文结合效果更好。
- 03
创意合成图片 通过夸张、比喻的手法突出商品某个卖点。此类设计含金量非常高,所以这类创意都会给用户创造深刻印象,从而达到品牌营销的效果!
- 04
意境、氛围、情景模式 通过一个画面,表达一种意境。或是唯美清晰,或是百花环绕,或是威武霸气,衬托形象突出商品和其功能。
- 05
强调感情 通过一些特殊的方法来吸引注意力,要注意淘宝规则,如使用的图片有侵权、明星等。
- 06
使用应季色彩/元素 设计中的色彩、素材,不一定要用类目色。可尝试一些随季节变化而变化的色调,不仅可以看到产品与不同颜色、风格搭配的多样性,还能展现的与众不同。
- 07
拉近距离 在适当情况下,拉近产品与眼睛的距离(近大远小),让产品更有质感、更真实,让版面更丰满、整洁,从而更具视觉冲击力!