学习详情模块思维 ，快速提升你的职场竞争力！

还在为详情页设计而苦恼吗？学习阿瞒的详情页技巧教程，让我手把手教你如果做好每一款详情页。

文章前言

宝贝详情页设计是我们电商设计师们日常工作的重点，也是一个设计重灾区，各种设计良莠不齐，好坏又难以辨别。为什么你总会觉得详情页难做？那是因为一款优秀的详情页涉及到的内容非常广泛：文案、策划、营销、活动、摄影、修图、设计、排版……各个环节的配合缺一不可，同时在一般的电商店铺里它所占的比重也是比较大的，常常会碰到需要上新或者优化老款；那么怎样才能高效率的做好详情页，一直是我在日常工作中思考的问题。

我从13年大学毕业入行就是在做电商设计，第一份工作在某男包店做了2年，到后来离职去了某美妆店、某电脑店、某内衣店、某线膜套店等，接触过各种各样的类目产品（还没算期间接过的各种私单…），到17年创业做设计公司至今3年多，接触的各类产品就更多了，毫不夸张地说，从我手上出去的各个品类的详情页保守估计有500+了，大量的重复工作以及时常的新品挑战，让我在日常工作中慢慢总结出了自己的一套设计方法，这些方法是在大量的实战中用汗水总结出来的，个人觉得比较有学习价值，所以在此通过该文章分享给大家学习。

一、什么是详情页模块思维？

简单概括一句话就是：用内容模块拆分归纳的方法，帮助电商设计师快速、清晰、立体的设计详情页的方法。

我把详情页从一屏开始 到一屏结束 定义为：一个模块，通过对大量详情页的设计和分析，我发现了把这些详情页按一个个的模块打散后，几乎所有的模块都能按某种规律进行一一对应，而我在想，是不是可以通过对这些模块的研究、设计、重组，从而有理有据的快速设计好一款详情页呢？答案是肯定的！

二、详情页中有哪些常见模块？

我将常见的模块按照：促进下单、消费心理、品牌信任、商品介绍、基本功能等进行了命名分类，归纳如下，方便进行后期的扩充和拓展。

三、为什么需要详情页模块思维？

为什么需要？还不是让你不再 抄抄抄（开玩笑）...  有了模块思维，你就能清晰知道一个完整的详情页的逻辑，以及构成它的这些模块都有什么用，通过更加立体的设计思路，让你可以快速设计详情页；当然了，也可以帮助你针对性的学习和归纳某一模块的设计方法，不论是PS图层分组，还是日常素材的搜集，都能更有条理性！

这里我举个例子吧：就和炒菜做饭一样，不会炒菜的人看到大厨炒好的一盘美味佳肴，就算是照着去炒（抄）味道肯定不会好到哪里去，这是因为你只知道结果，不知道过程，而模块思维就像是一本标准化菜谱，让你知道炒的这道菜，需要放多少调料，这些调料都有什么用，先放还是后放有什么区别等等疑问；有了这本菜谱（模块思维），就算你不是大厨，也可以做出一道味道还不错的菜来。

四、常见模块详细解析

下面我们进行详细的模块举例介绍，将一些我常见常用的模块进行案例解析，希望大家可以举一反三，思路不要只局限于我给的案例和结论，你可以大胆的自己定义或者命名一些你常用的模块，提升自己的工作效率。

1、营销活动模块

2、升级对比模块

3、销量背书模块

4、痛点营销模块

5、爽点营销模块

6、品牌背书模块

7、售后服务模块

8、证书检测模块

9、KV海报模块

10、卖点详解模块

11、卖点速览模块

12、参数尺寸模块

13、细节展示模块

14、使用方法模块

15、产品展现模块

16、颜色展示模块

（ps：以上案例来自网络，如有侵权请告知删除。可以进我主页扫码关注公众号，各类模块的案例和干货教程提供给大家收藏学习）

上面那些模块是不是都很常见？其实各种模块都在我们身边，我们缺乏一种将他们整理归纳和理解吸收的思维，这也就是模块思维了！

五、详情页模块思维应用案例

这里我用一个之前完成的一拖三充电线实工作案例记录，来补充说明模块思维在日常工作中的使用方法吧。相信看完这个案例，你也能将模块思维开发运用到位，提升自己的职场竞争力！

六、最后总结

文章不常写，文字略显拙劣，各位看官轻喷。可能这个方法你们平时本身就在用，如果我们恰好撞车了，那么恭喜你，你也是一位善于总结归纳的成熟Designer；如果你现在还没有接触到这套方法，那么也恭喜你，你离升职加薪不远啦！

再次声明：我教的不是死的东西，你不用照搬我的模块命名方式，篇幅有限，所有我才只给到15个常见模块，其实还有很多像：包装配件模块、买家秀模块、防伪申明模块等等等等，你只需要学会模块思维这个道理，然后自定义各种你会用到的模块就行了。

任何东西都是熟能生巧的，做详情页也不例外，多做多问，它真的不可怕。还记得冬泳怪鸽的话吗：我们遇到什么困难也不要怕，微笑着面对他，消除恐惧的最好办法就是面对恐惧，坚持才是胜利，加油，奥利给！