案例解析详情页设计的技巧Word格式.docx

案例解析详情页设计的技巧Word格式.docx

《案例解析详情页设计的技巧Word格式.docx》由会员分享，可在线阅读，更多相关《案例解析详情页设计的技巧Word格式.docx（8页珍藏版）》请在冰豆网上搜索。

信息图像化：

文字是循序渐进的处理，同时能被记住的只有20%

图片时同步被大脑处理的能记住的100%

所以，详情页面的描述尽可能的图像化。

基本原则二

高效表达：

容不要过于臃肿，表达要清晰有条理，简单粗暴。

不要影响到页面打开速度。

页面载入时间过长，会影响销量。

基本原则三

要掌握客户最关心的点：

你所认为客户最关心的地方，往往并不是客户最关心的

不同的产品客户所需求所关注的地方不同，不同的产品顾客关注

的地方也是各不相同。

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

一、吸引顾客留住顾客

客户的需求：

产品独特的卖点（与别人的产品不同的地方，产品优势）、活动价格优惠、不同的服务（购买产品能得到什么享受，服务）、痛点（解决问题烦恼）

比方说：

服装类的，顾客可能关注的是衣服的款式，模特穿着的样子，衣服的尺寸以及衣服的尺码，模特的身材体重以及他穿着的衣服的大小码对比。

这样才能得出来自己穿起来是什么样子。

而功能性产品，比方说保健品之类的，顾客关注的就是本件产品到底有什么功能。

你的产品肯定要一点突出点，比方说缓解疲劳。

需要打出来一点吸引人的地方，你的产品与别人的为何不同，优势在于哪里。

主要分为：

近期热点事件、网络流行、新概念、主题氛围、生活主、实际利益、好奇心、品牌的嫁接、新品上市、产品创意、强视觉、名人效益、限时限量

简单举例

左边的产品是冬天的衣服。

别人点进来怎么吸引别人看下去，冬天别人来买衣服，除了是买了衣服的款式，更重要的是保暖，营造出一种温暖的气氛。

温暖色的背景外加，女模特头上的灯光，给人以温暖的感觉，符合顾客心里的想法。

右边的产品是夏天带的防晒头盔，为什么会带。

就是因为夏天太晒，但是带上难免会有点热，这时候用冰块的背景和雪山给人以冰凉的感觉，对抗炎热夏天，不仅防晒更是清凉舒爽。

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

左边的产品是保健品，卖点就是可以延缓衰老，这就是顾客所能得到的实际利益。

设计上因为是保健品注重的就是天然自然所以背景用的水果，然后前面的女人面带微笑显得很年轻，整体给顾客一种年轻健康的感觉。

右边的图是卸妆水，除了卸妆以外可以细致毛孔，补水紧致，清爽温和，这些都是买卸妆水的顾客所需要的。

给顾客的感觉，实际的功能和利益是需要要文字和图片结合的。

文案和和背景的绿色清新相呼应，让人深刻的感知到产品的功能性。

这类产品一般文案都比较多，所以更要注意文案的的排版，文字的排版一定要有规律。

要做到有序、有层次、有重点。

同时也别忘了用背景的烘托效果。

左边的产品是百岁山矿泉水，不需要过多的修饰，就一句话，水中贵族百岁山，富含多种微量元素。

我们的水就是好，就是水中的贵族，就是和别人的不同。

此类产品主要吸引人的地方就是文案。

右边的产品是无烟不粘锅。

可以看做是生活的主，就是你用了这个东西逼格就高了或者大家在都在用，你怎么不用。

就是一种从众心理，此类的设计主要是背景烘托文案，突出文案来吸引顾客。

也可以放几顾客使用的照片，大家都在使用，用了这个东西炒菜好用。

左边的产品是耳机，主要是想表现的就是运动的时候带的那种耳机。

所以展现方式以强视觉的方式。

就是类似于电影海报的方式，吸引顾客的眼球，让顾客有看下去的欲望。

的那是此类的设计比较考验阅历和合成功底，不仅仅需要好看，而且有需要和产品以及文案相贴合。

右边的产品就是很常见的新品上市，这也是一种很常见的吸引顾客的方式，人都是有一种喜欢厌旧和对新鲜事物的好奇型。

这类的整体详情页应该围绕新品，新功能，新感受来做一个整体。

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

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

产品的参数一定要有，写清楚。

有的产品还需要测量方法，方便顾客选择合适的尺码，这样第一显得专业，第二也方便顾客选择合适的尺寸。

最好在产品参数里面加上这个选码须知。

如果鞋子或者衣服比正常尺码小的话，一定要标注出来。

产品的细节一定要尽量展示的详细一点。

比如：

包包的各种角度展示，然后里，拉链部分。

如果是品牌的产品，品牌的LOGO一定要展示清楚，产品的走线一定要展示清楚，能提升产品的品质。

衣服的细节尽可能的展示清楚，也可以旁边加一个全景展示和细节的对比。

细节的排版上面也可以不拘一格，可以更具有引导性，右边的使用的就是线的引导。

右边的产品是女包，背景里的海鸥，大海，飞扬的女人裙角。

给人一种奢华大气的感觉。

不用文字描述，就能显示出产品的品质。

这就是视觉设计的简单易懂的原理，千万不要大篇幅的文字说明，既不显得高端，又会让人抓不住重点。