看了就想买的电商详情页是怎么练成的？｜零基础网店装修系列 4

哈喽鸭，我是黄思勇，懂电商运营个美工，生死看淡不服就干，只讲你懂的运营和设计。

今天是网店装修系列文章中的第 4 小节，粗糙的说一下电商#详情页# 的设计思路，学会如何设计出一个看了就想买的详情页面。

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

手机端详情页的尺寸

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

详情页的基本框架

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

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

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

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

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

详情页设计技巧

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

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

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

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

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

这里我说的理念概念，可能有些朋友看不太明白，而且又不懂PS的使用，没有关系，因为后面我会直接实操教大家如何做一个详情页，与及PS的电商使用教程。感兴趣的朋友请关注哦，后期有教程能第一时间收到。

网店装修教程

左侧的课程会在后续放出来哦！

电商PS教程-适合新手快速学习

这些电商PS教程，非常适合没有PS基础的小白学习，当初我在做电商的时候就碰到过不会PS的情况，然后当时去寻找PS的教程，发现很多都是很长、很复杂的教程，其实对于做电商来说，我们能用到的PS操作，只有几个很常见的，因为我们的目的并不是做一个职业设计师，我只是把网店视觉优化一下而已，所以并不需要高深的PS能力。

上面的15小节电商PS教程，恰好就足够你一个小白去应对电商对美工的需求了。喜欢的请关注收藏哦！

原文链接：https://www.huangsiyong.cn/dianshangxiangqingyeshizenmelianchengde.html，转载请注明出处。

src

感谢您的来访，获取更多精彩文章请收藏本站。