网店美工与视觉设计第七章详情页设计.pptx

1、网店美工 详情页视觉设计第 7 章目 录contents7.1 详情页设计7.2 详情页模块设计7.3 优化产品详情其他设计3 一、详情页设计概述7.1 详情页设计1如何进行调查？通过淘宝指数()可以清楚地查到消费者的一切喜好以及消费能力、地域等等很多数据，学会利用这些数据对优化详情页很有帮助!另外还可以通过付费软件也有一些分析功能。4 一、详情页设计概述7.1 详情页设计2.如何了解消费者最在意的问题？举个例子：一家卖键盘膜的店铺发现评价里中差评很多，大多是抱怨键盘膜太薄，一般的掌柜可能下次直接进厚一点的货。而这家掌柜则直接把描述里的卖点改为史上最薄的键盘膜！结果出乎意料！评分直线上升，评价

2、里都是关于键盘膜比较薄之类的评语！5 一、详情页设计概述7.1 详情页设计3.如何了解消费者最在意的问题？根据消费者分析以及自身产品卖点的提炼，根据宝贝风格的定位，来准备所用的设计素材，包括详情页所用的文案并确立宝贝详情的用色，字体、排版等。最后还要烘托出符合产品特点的氛围，例如冲锋衣，背景可以采用冬天的冰山效果。6 7.1 详情页设计7 二、详情页设计思路2.1 了解店铺装修必备的色彩知识8 三、详情页排版2.1 了解店铺装修必备的色彩知识目 录contents7.1 详情页设计7.2 详情页模块设计7.3 优化产品详情其他设计10 一、产品展示图设计7.2 详情页模块设计 用户购买产品最主

3、要看的就是产品展示的部分，在这里需要让客户对宝贝有一个直观的感觉。通常这个部分是使用图片为主，文案为辅。选择图片素材方面可分为摆拍图和场景图两种类型。11 二、产品卖点模块设计7.2 详情页模块设计 卖点模块的主要作用是对产品卖点和各个功能以及详细参数做解析。因为图片是无法动态地展示商品使用情况的，所以需要在图片上对于产品的功能做更详细的说明。这样能大大地提高用户对宝贝的认知。12 三、产品细节模块设计7.2 详情页模块设计 在产品展示模块里，客户可以找到产品的大致感觉。当客户有意识想要购买的时候，宝贝细节模块就要开始起作用了。细节是让客户更加了解这个产品的主要手段。这要求产品细节要尽可能地展

4、示细节条件和材质。13 四、产品售后服务模块设计7.2 详情页模块设计 在宝贝详情页面的最下面，应添加了该产品的售后服务信息，从“发货时间”“关于快递”“客服体系”和“退换货”方面进行分析与阐述，提升顾客对店铺的信任感，让顾客能够放心地购物。售后服务的设计中，使用了可视化的流程式进行设计，将具体的图像与文字结合起来，以时间轴的方式表现出服务的顺序和内容，让顾客直观地感受到商家服务的力度和诚意。目 录contents7.1 详情页设计7.2 详情页模块设计7.3 优化产品详情其他设计15 一、产品分类设计7.3 优化产品详情其他设计产品分类是位于店铺左侧的店铺目录，是由文字或者图文结合的方式展现

5、的。它可以使消费者在浏览店铺产品的时候更加直观，清晰。接下来我们设计一款多彩风格的产品分类区。16 二、产品搭配区域设计7.3 优化产品详情其他设计产品分类是位于店铺左侧的店铺目录，是由文字或者图文结合的方式展现的。它可以使消费者在浏览店铺产品的时候更加直观，清晰。接下来我们设计一款多彩风格的产品分类区。17 四、使用“切片”工具优化展示7.3 优化产品详情其他设计在产品详情页制作完成后，并不能直接将其保存为JPG图片格式上传到店铺中使用，因为如果储存的图片容量过大的话，消费者在浏览店铺的时候，产品无法快速展现出来，影响购买力。此时可以使用“切片工具”将图片切割成合适的尺寸，再保存为适合网页的格式。