淘宝电脑端详情页尺寸

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

1.尺寸

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

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

2.文案

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

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

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

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

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

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

3.色彩

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

4.布局/思路（重点）

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

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

建议保存

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

通俗版介绍一下：

吸引眼球首图一见钟情，产品图展示➕1-2句特点选择产品最有优势的特点1-3个，每行字数8-14字适宜产品图片一定是专业拍摄的精修图搭配富有创意的背景图（可以是使用场景或艺术背景）标新立异常见问题罗列，图文展示，引出产品特点产品特点标题+文字介绍，图文罗列产品特点标题8-14个字文字介绍32个字以内控制整体画面的协调，保证产品图/背景图片的整体色调一致和谐，且符合产品特点，比如电扇适合蓝色调，符合其送来清凉的特点；走近看也很好产品核心技术工艺介绍（图文罗列，标题+文字介绍）字数/色调要求同上深入人心使用情景图片或者客户好评图展示类似产品对比/效果对比参照产品多方位细节展示无后顾之忧附上检验报告/专利技术证书企业背景实力介绍品牌大事记

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

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