如何做好详情页的设计技巧,学会这个小技巧

PS 基本上都可以解决 D软件只是一些网页框架方面需要，个人觉得描述里可以不用D，ps完全可以胜任 希望可以帮助到你

恰 好，我前几天写了一篇关于如何做好一个详情页的文章。

我们先大概了解一下详情页的数据:

手机端详情页的尺寸

上图是手淘无端的详情最大尺寸，宽750-790px,高度是20000px，在使用手淘浏览的时候，20000px的高度，大概在手机的20-25屏左右翻动。

详情页的基本框架

上图是一个详情页，基本上都会用的到的一些框架内容，比如顶部的通用关联促销区，吸引人的特效首-屏海报。

接下来的产品一些实拍、细节、材质、场景等等产品的展示内容。然后是说下企业有什么实力、服务怎么样、产品有哪些参数属性等。

以上基本上就是一个详情页的完整内容展示，现在的详情页，很多时候注重的是设计的美感，更多应用的是设计的手法和技巧，这样能让详情页，首先在视觉上打高分，另外说是设计师能体现他的存在感。

这次我想讲的是，我在做运营和美工的过程中，学会的一个小技巧，就是在做设计详情页的时候，不能太过注重于这些表面的设计手法或是视觉美感，当然这个是很重要的，但更加重要的，应该是转化，如何让消费都看能有转化才是重点。

这就是运营和设计两者的区别，运营脑子里思考的是这个产品消费者在什么时候会使用，跟竞品对比有什么地方是他们没有的，这个行业的顾客人群画像是什么样的...等等这些数据。

详情页设计技巧

所以在常规的设计框架内，我觉得上图所列的美工技巧，同样很重要，这个能直接影响到顾客看了后是否会BUY的因素。

比如第一个详情页的产品展示中，不应该说太多的特点，因为正常一个详情页的浏览时长大概就在1-2分钟时间（这已经是长时间了），所以消费者不会认真的像一个设计师一样的去看详情，20屏的页面，手速快的人一下就翻完了，说太多的特 点，人家根本记不住。

所以必要的时候，只说一个最重要的特点，并且重复的说，20屏里面，有10屏都在说这个，人家肯定就记的更牢固了。那你的产品跟别人的产品，一下就对比出来了。

另外就是产品需求延伸的展示，为什么要做这个到详情页里面，目的就是通过如买家秀的图文、视频，来体现这个产品，当你在某个场景的时候，一定会用到，而且用的很舒心。顾客有一种代入感，就会想早知道买了这个，当初就可以这样用了，那详情的转化率就会自然而然的提高。

这个需要根据不同的行业、不同的产品，设计师自己去挖掘背后的人群画像和需求信息，才能做出合格的高转化详情。

如果想要了解更多的内容，可以到我头条主页查看。个人的经验，希望采纳，谢谢

宝贝详情主要有哪些内容呢？

1.宝贝标题，宝贝主图、尺码、颜色选项、主图下方的多角度、多颜色图片 2.宝贝属性，尽量完整 3.店铺促销，搭配减价，好评返现等等 4.店铺热卖宝贝海报 5.品牌故事。随着人们生活水平的提高，人们在购买物品时更关注的是产品背后的意义。

6.好评截图，更深入贴切的了解产品信息 7.实拍图、模特图、细节图、让买家更好的了解产品各个方面 8.颜色，材质，款式的说明 9.标准尺寸对照，让顾客更好的知道自己所需产品的尺码 10.买家须知，温馨提示 对于刚开店的新手们，想让自己的宝贝让更多人关注，宝贝详情页一定要制作好，点击率才会越大，更能带动店铺的一个销量

淘宝详情页装修花费分为两种：原创或套版原创就是由设计师根据店铺所出售商品特性去规划页面的整体样式、框架、色调。整体设计后在整个淘宝站点或者竞品网都是独一无二的存在。

原创页面价格一般在1000-2000左右套版就是由设计师或者卖家需求方提供别人已经设计完成的源文件，按照需求去修改成符合该店铺的样式。

套版价格一般在200-500左右

主图，产品大图，产品卖点，产品细节，做好再搭配实力展示

1、PS打开几张图。

2、打开图片后，点击工具栏中的窗口。

3、点击窗口后，选择时间轴。

4、点击时间轴之后，PS底部就会出现一个时间轴，点击添加帧动画，要多多少个页面就添加多少帧。

5、添加帧之后，选中第二帧，然后把第二个图层前面的图层都隐藏，制作第三帧就把第三个图层前面的图层都隐藏。

6、制作好帧页面后，点击设置播放时间。

7、设置好播放时间后，点击播放预览。

8、预览之后点击导出web格式。

9、进入web后，保存类型选择为GIF。

10、设置好格式后，点击底部的存储就可以了。

具备16点要素，打造优秀的详情页

您好，我是吃葱君，一位有十多年经验的资深电商总监，关于一个优秀的详情页需要具备什么元素，曾经我做过多场培训，下面的都是销售额几千万的分销商。他么听了我的课程之后，表示受益很大。既然看到您这个问题，我决定和大家分享下我的思路。

一般淘宝天猫再好的详情页也不可能达到100%的转化率。如果能达到20%-30%，我觉得已经是一个惊人的转化率了。那么详情页需要包含什么元素呢？来一起看看。我随便拿一个品牌做案例解析好了

1、关联销售，详情页要先突出品牌活动情况，送什么优惠券等，以助于提高转化率。2、爆款推荐（卖的好的几个主推款，或者搭配销售）3、产品整体拍摄，让消费者先对产品有个整体认知4、卖点描述（宝贝的卖点，突出性的卖点，能吸引眼球的卖点，像母婴推车可以突出他的牢固性，也可以突出他的便携，也可以突出他考虑以牢固性）如果有视频介绍最好（可惜这个品牌没有放视频，故不能截图）5，尺码表6、试穿建议7、产品搭配8、模特展示9、平铺图10、细节图11、洗水唛（合格证）12、细节说明（比如衣服会强调洗涤小贴士）13、品牌故事14、真人秀（或买家评价）15、包装介绍16、物流介绍

总结：关于详情页的介绍先介绍到这里。码字不容易，如果文章能给您带来帮助，请点赞关注主持下。这样您可以第一时间收到我关于“职场、人生、电商、数码”等领域的问答答案。希望我的答案对您有所帮助。如果有不同意见，欢迎评论区交流。感谢阅读！

一、品牌风格与页面逻辑。

1、主题视觉规划

设计前期需充分做好视觉规划，从前期视觉主题策划，到风格创意设定，思考如何做出品牌的差异化视觉，并且品牌核心元素必须贯穿始终，让用户有明显的感知，设计保持统一，传递相同的心智。

2、色调氛围：根据促销目的区分

色调主要受促销、季节、品牌三个属性影响。如果店铺参与大促的目的单纯是为了盈利吗，那么可以侧重体现促销氛围，服饰鞋履等季节性较强的商品，还要结合相应的季节颜色。如果店铺强调品牌感，除了盈利外还希望提高品牌知名度，那视觉就要尽量使用品牌原VI颜色，再搭配促销元素。如果想让促销氛围更浓，可以考虑使用GIF动态图。

3、布局排版：逐步分解，先品类再款式

店铺宝贝在陈列时要注意逻辑与层次，可对大促宝贝进行分解，从品类及款式一一细化。不能“以风格进行区域划分”的思维，尽量以“品类”、“价格区间“、”折扣模块“为区分维度，对首页进行分类。

a、首页的分类导航设计要精简，要让用户可以一步到达；

b、详情页展示要清晰明确，要对重点内容进行特别处理；

c、商品陈列区的设计要拒绝花俏，避免不规则的展示形式；

d、商品可按热销、主推和折扣进行分类，并采用框架式豆腐块进行展示；

e、页面要比平时更”扁平化“，方便用户在短时间内浏览点击更多商品。

f、做价格标签，可以巧妙利用数据，如收藏、关注、销量，体现热度等。同时添加相应引导按钮，刺激下单，如”立即抢购“等。

4、视觉引导：让买家多停留一会

引导用户浏览，更多应成为页面设计的主要出发点。卖家可在设计上尽量提供多个入口，同时减少出口，驱动用户好奇心的同时，让用户”流连忘返“。

常见入口有商品入口、说明入口、活动入口、分类入口、页尾导航、页头导航、详情页关联、左侧栏分类/关联等。某种意义上说，逛淘宝在一定程度上等同于淘图片，好的图片设计不仅能吸引用户注意，提高点击，为店铺或宝贝带来流量，更能直击用户心理，刺激其购物欲望，促成店铺转化。

二、大促前后工作要有序

1、合理安排工作

需规划好每个时间段的工作计划，具体到页面方案规划，对店铺活动信息、规划布局、风格等定位，及时跟进页面设计的进度，以及活动前活动中活动后的页面更新。

2、新品推广图跟进

对活动中的新品制定销售计划，是带动新品破零的捷径之一，这一环需要提前做好准备，在大促活动前一个月就需要准备好上新，为新品集聚流量。

3、细节放大

在设计上，每个细节都不能忽略，细节处理得好，自然页面也就会更加的丰富多彩，有亮点就不会乏味。

4、页面信息不冲突

页面设计好后，需对页面的所有信息进行核对，方案里提及的活动是否有展示出来，活动信息的利益点注意事项是否有充分展示。

5、页面检查

大促页面上线后，需要对店铺的所有页面进行全面检查。比如，链接问题，价格问题等，需核对清楚。

三、那么该如何从消费者角度设计宝贝详情？

1、产品详情页的第一版最好简单明了

不管从宝贝的海报、文案的精简、宝贝的文字配图、宝贝选取的监督都是需要好好思考。首页就是要告诉用户宝贝的主要核心，用户关心的点，采用最简单明了的方式表达。

2、产品详情页的优势，挑有竞争的要点

切忌不要把宝贝所有优势都放上去，找准巴巴主要优势、竞争优势、用户最为关心的点。

3、宝贝图片最好有场景图

场景图展示有代入感，可让用户联想到使用这个宝贝是什么感觉，在这个场景和过程中对产品产生认同感。

4、宝贝细节图不可少

宝贝最好不要抄袭，最好一件一件自己上传，这个过程可让自己更了解自己产品的特性和细节属性。细节图也是选产品优势，让用户清楚知道你的宝贝对比别人宝贝的优势，细节也是要选重点，在文字描绘的时都要用心编辑。

5、宝贝参数和尺寸

细节图后面可放宝贝的参数和尺寸推荐，这也是用户体验的一点重点，用户想要够买的话，就会开始选自己的尺码。

6、宝贝对比图

在参数和尺寸后面加上同行业的宝贝图片对比或好评图，进一步强调自己宝贝的优势。

7、展示包装优势

如果包装上面有优势，可以在详情页展示，用户对你的宝贝有好感，一眼就能记住你的店铺，这样可增加回购率。

更多淘宝运营技巧，淘宝店群（电商群控）玩法，可关注小编头条号。

建议根据自身宝贝的卖点来，然后搜索同行卖的比较好的详情页，截取来放在一起，观察他们怎么制作，一个产品能够卖的好，图片是最大的关键，毕竟你说你弄个详情页不是说做的多好看多美观，最实际的一点是要能够给你带来转化的，其次还有个办法，去观察同类有做付费推广的产品，找销量高的去看他们是如何做的，一个付费推广，产品又做不好的，基本上是钱太多才去做付费的，不怕亏的那种，但是所有人都明白无论哪个平台，图片才是至关重要的，有些卖的好又去做付费的一定是有原因的，可以去观察他们，然后再结合自身产品的卖点去做才是最恰当的，。