快麦设计干货 | 淘宝网店手机详情页设计技巧
2019-03-27 17:21:04 2171浏览
手机购物已经是一种生活方式,所以手机端流量占比越来越大,已经成为主要流量渠道,那么手机详情页就变得格外重要。即使这么重要,还是有很多店铺包括品牌店铺在设计手机详情页时,偏向PC端详情页设计思路。

快麦干货 | 手机详情页设计技巧


手机购物已经是一种生活方式,所以手机端流量占比越来越大,已经成为主要流量渠道,那么手机详情页就变得格外重要。即使这么重要,还是有很多店铺包括品牌店铺在设计手机详情页时,偏向PC端详情页设计思路。


进入无线时代之后,很多商家发现手机端给电商行业带来3点变化,分别是:

◁   人们的购物时间和购物渠道变得越来越碎片化

◁   购物场景越来越随意,消费者越来越没有耐心

◁   受限于手机,消费者不愿看太多的文字和图片


基于此,手机详情页和PC详情页在设计上就会出现很多差异,本文分享3个手机详情页设计技巧,分别是“围绕核心关键词”、“保证视觉舒适”、“局部效果放大”

                 

快麦干货 | 手机详情页设计技巧  
围绕核心关键词  
快麦干货 | 手机详情页设计技巧  


核心关键词对引流至关重要,以前只要一个款卖爆了,很多关键词都会排名靠前,都能引入流量。但现在只有个别关键词会排名靠前,所以在上新前就要筛选出有效关键词,并且重点描述。


比如消费者通过搜索“显瘦遮肚连衣裙”购买商品,那么他的消费需求和目的是非常明确的,所以在商品标题描述和详情页制作中就需要重点突出“显瘦、遮肚”,促使成单。


-   上下滑动查看完整案例   -

快麦干货 | 手机详情页设计技巧快麦干货 | 手机详情页设计技巧快麦干货 | 手机详情页设计技巧快麦干货 | 手机详情页设计技巧快麦干货 | 手机详情页设计技巧快麦干货 | 手机详情页设计技巧快麦干货 | 手机详情页设计技巧快麦干货 | 手机详情页设计技巧快麦干货 | 手机详情页设计技巧快麦干货 | 手机详情页设计技巧快麦干货 | 手机详情页设计技巧快麦干货 | 手机详情页设计技巧快麦干货 | 手机详情页设计技巧快麦干货 | 手机详情页设计技巧快麦干货 | 手机详情页设计技巧快麦干货 | 手机详情页设计技巧快麦干货 | 手机详情页设计技巧

快麦干货 | 手机详情页设计技巧  
保证视觉舒适  
快麦干货 | 手机详情页设计技巧  


一个详情页是否视觉舒适,主要体现在细节上,比如详情页大小及长度、图片尺寸、字体大小、装饰得体等。


≡   详情页大小及长度


为了让消费者更快打开详情页,看完详情页内容,单个详情页大小尽量不超过12M,长度尽量控制在12000px内。过长的详情页不但影响页面加载速度,而且会增加消费者焦虑感。


≡   图片尺寸


手机端详情页是竖着的,而电脑端详情页是横着的,这是两种详情页最大的区别。建议手机详情页图片宽度在480px~620px之间,高度不超过960px。


≡   字体大小


在手机详情页设计时,字体应在18号字以上,并且要保持字体清晰。18号字以下对小屏手机很不友好,看起来很费劲,不利于商品转化。


快麦干货 | 手机详情页设计技巧


通过效果对比,很明显22号字体要比12号字体页面浏览更加舒适。只有让买家快速获取信息,才能留存和转化。


≡   装饰得体


为了详情页视觉更美观、各模块分割更清晰、商品卖点更明显,在详情页设计时肯定需要添加装饰。


装饰的元素非常丰富,有线条、图片、装饰性中英文等。需注意的是,所有装饰都是为了凸显主体内容,所以在添加装饰时一定要注意整体的协调性,得体的装饰使效果事半功倍。


-   左右滑动查看完整案例   -

快麦干货 | 手机详情页设计技巧         快麦干货 | 手机详情页设计技巧    
快麦干货 | 手机详情页设计技巧    


快麦干货 | 手机详情页设计技巧  
局部效果放大  
快麦干货 | 手机详情页设计技巧  


局部效果即商品细节,根据商品本身卖点和卖家真实评论或竞争对手的评论区提取核心卖点。由于手机屏幕较小,所以要将这种局部效果放大,使它有更强的视觉冲击力,达到促成的效果。


快麦干货 | 手机详情页设计技巧


通过效果对比,很明显右侧细节展示比左侧视觉更舒适,左侧卖点太多、图片太小,视觉上很拥挤。右边图片大小合适,能很清晰的看到商品细节,视觉冲击力更强。


以上就是手机详情页的设计技巧,制作一个优质的详情页光有技巧是不够的,还需要融入商品营销思维。快麦视觉团队通过调整详情页的视觉、营销、商品等属性,结合快麦详情机器人详情页批量制作和多平台快速上新功能,为电商服装类商家提供详情页一体化解决方案。



快麦干货 | 手机详情页设计技巧

           往期内容回顾


           .如何制作一款高转化详情页

           .快麦案例 | 西西小可智能详情页展示

           .虎巴牵手快麦详情机器人,引领时尚更快一步

           .人工智能如何赋能视觉设计

           .双11在即,如何半小时制作20款详情页

快麦干货 | 手机详情页设计技巧

快麦干货 | 手机详情页设计技巧


图文推荐
淘气值标签如何使用?
2020-10-10 15:24:00
淘宝淘气值怎么刷?
2020-10-10 15:23:00