教你如何构思爆款详情页做到月销量过万！下面看看我们一网学淘宝美工培训老师带来的详解。

1、逻辑框架结构

所谓逻辑框架结构其实就是很简单的道理，这东西是什么，有什么用，客户为什么买。我们在制作详情的时候都会考虑用一种推销的方式想客户介绍我们的产品，有理性推销的，有暴力推销的，有坑蒙拐骗威逼利诱的，种种方式都可以。当然，这里我们说的不是包含客服的推销，单纯的只是从静态详情页里向客户阐述清楚我们需要销售的产品。总的来说，逻辑框架就够就是让详情页读起来有连贯性，俗一点说就是让客户读起来“爽”。

2、视觉框架结构

视觉框架结构往往需要和逻辑框架结构相匹配，包括产品本身的一个色彩模式，搭配，材料质感等等。总的来说，视觉框架结构要做的就是，让这个详情页在呈现在客户面前的时候，是让客户觉得看起来“爽”这个概念，视觉框架就是为了看起来“爽”做服务的。

3、平台模式框架结构

其实基于前两点来说，已经可以完成一个商品详情页的基本构架了。但是奈何现在平台服务商总是喜欢强调一个品牌调性，或者产品文化之类的东西。所以，在前两者的基础上，我们需要做到，让平台方表现出对你的这个产品“爽”的概念，这个算是为以后做铺垫。当然，如果你不打算做大，可以忽视这个。

这里，我们先开始梳理产品的基本资料。

以本次欲上新产品的案例来做说明，本次要上的产品是一款男士爽肤水，针对这款产品拿到了产品的基本成分资料。其他资料基本无。

PS：其实你不要去抱怨什么厂家给你的东西不够丰富，运营方给你的东西不够完整等等借口。或者说，你是一个做分销的，抱怨厂商给你提供的东西不够多等等。你真想要做好一个详情页，必须自己去了解去执行，靠别人都不如靠自己来的实在。

页面设计规划理念

根据产品成分，我个人构思出两个理念，同时主要突出这两个概念。产品成分中海洋类的主要核心成分有2个。针对男性这一群体，营造了一个金属的硬派概念。整体如下：

金属质感——硬派男人 更有型（男士格调定位）

贯穿海洋深蓝——海般容量 纳取极致精华（男士个性定位，产品成分定位）

针对上面的这两个概念，我们已经可以想象出，这个产品详情页，主要营造的是一种金属的硬派质感和海洋的蓝色色调。

页面设计整体侧重 光感 质感的体现 对产品拍摄要求较高 不然无法与页面效果匹配

针对视觉匹配部分提出要求，产品拍摄需要着重把握光感和质感。下面是寻找灵感。

突出运动男性的理念（主要针对男性年轻市场），表现活力 硬派的概念

这里主要找了四张图，表现风格的，整体页面的色调规划和产品部分元素的一个规划参考。将页面大体上定位为深蓝色调，然后制作玻璃透明感的元素搭配页面。视觉大方向出来以后，我们可以开始理顺页面的一个框架结构。

逻辑框架结构

1、硬派型男 当海纳百川（一屏广告图，营造产品概念）

2、全球型男必备 王牌护肤——男士焕能净爽激活水（二屏广告图，营造产品定位）

由于产品是属于男性产品，所以我们需要最先说明清楚产品的主要功效，针对男士购物心理而得出结论。

3、突破性配方，让你的肌肤完美无瑕

阐述产品成分。

参考图片

到这里为止，页面结构的第一部分基本完成，整体来说这里的3个部分是一种广告式宣传概念，主要凸显你的产品主要概念，不过多详细介绍，尽量用一种能够突出视觉效果的图片吸引眼球的感觉来进行展示。

4、痛点挖掘

男性面部问题，参考借鉴。

5、焕生、活力、平衡——男士爽肤水

参考例图。

6、产品5大功效一举解决你的面子问题

这里结合产品成分进行一个文案的编排，大概写一下，实际页面按照实际标准另行调整。

• ·用PS很容易制作网上时常的搞怪表情!!
• ·用PS简单制作一个卡通头像【图】
• ·PS中实现高质量放大图片效果技巧！
• ·淘宝美工之钻展教程图解美工做的灵感思路
• ·Photoshop调出梦幻浪漫的蓝紫色外景美女
• ·PS简单地把线稿提取成透明线稿方法图解!
• ·PS换脸术 蒙娜丽莎图片换脸方法速成!
• ·白底抠图速成coolla教程,好用，非常简单
• ·淘宝放射性背景设计方法!
• ·淘宝鞋子素描效果制作方法!
• ·用PS给淘宝网店宝贝换颜色教程，教你衣服
• ·ps怎么快速打开标尺？怎么设置标尺？
• ·Photoshop鼠绘功能制作超逼真的人像眼睛
• ·构思爆款详情页做到月销量过万!
• ·淘宝首页设计的数据认知美工教程图文详解
• ·淘宝女包产品ps修图的方法图文教程!!