淘宝店铺商品页面制作（怎样做出高转化的淘宝详情页）

最近一直忙着改版公司网页的设计，现在也到了收尾阶段，接下来就是制作产品详情页了，所以研究了一下如何制作高转化的淘宝详情页，一起学习吧。

1.尺寸

宽度：如果是淘宝，这个页面是900像素，左边的导航150像素，右边是750像素，所以详情页宽度不超过750像素。

高度：原则是高度是任意的，但是考略到加载的问题，单张图片最好控制在500kb以内，连体图片3MB以内。

2.文案

没有学过这方面的知识，不过可以先模仿，找成熟的品牌做参考，进行文案的模拟及参考过程，先拆分再重组之后变废为宝变成自己的文案。

整理了一些文案的网站，大家可以在构思文案的时候参考一下：

1）文案狗：收集各种创意文案和广告语；

2）简文网：收集各种有些的文案；

3）广告门：收集各行各业优秀的广告文案创意案例；

4）TOPYS: 灵感收集地，类似花瓣的网站；

3.色彩

色彩搭配配合产品的气质/销售季节/产品功能等

4.布局/思路（重点）

要想把东西推销给用户，就得抓住用户的心理。

我们先来分析一下消费者的心理：

建议保存

那了解心理以后，每个部分如何实施呢？

通俗版介绍一下：

• 首图一见钟情，产品图展示➕1-2句特点
• 选择产品最有优势的特点1-3个，每行字数8-14字适宜
• 产品图片一定是专业拍摄的精修图
• 搭配富有创意的背景图（可以是使用场景或艺术背景）

• 常见问题罗列，图文展示，引出产品特点
• 产品特点标题 文字介绍，图文罗列
• 产品特点标题8-14个字
• 文字介绍32个字以内
• 控制整体画面的协调，保证产品图/背景图片的整体色调一致和谐，且符合产品特点，比如电扇适合蓝色调，符合其送来清凉的特点；

• 产品核心技术工艺介绍（图文罗列，标题 文字介绍）
• 字数/色调要求同上

• 使用情景图片或者客户好评图展示
• 类似产品对比/效果对比参照
• 产品多方位细节展示

• 附上检验报告/专利技术证书
• 企业背景实力介绍
• 品牌大事记

当然，这只是一种思路，也不绝对，可以适当调整，下面是我找到的一些详情页，大家参考对照刚刚的思路理解一下。

久不更新，如果大家还有其他想了解的，可以评论区回复，我会整理出来跟大家分享。