电商设计产品详情页设计流程

详情页除了让消费者了解产品，更重要的是帮助商家提升销量。打造一款优秀的详情页，要用60%的时间去调查构思，确定方向，40%的时间去设计。

确定页面风格

页面风格主要是根据产品本身来定的，如产品的属性、产品功能等。如果产品没有特定的风格属性，可以根据目标销售人群、季节、节日或主题活动来定。

产品和素材搜集

前期实拍素材，进行整理和分类。我们也要在设计的过程中要学会整理搜集自己的素材库，做好备份。

构架布局框架

根据文案内容，结合实际产品，进行有效的布局建立,可以从下面八个方面入手操作：

产品海报 -- 引起注意。

产品属性功能 -- 提升兴趣，了解产品。

产品全景 -- 提升兴趣。

产品细节展示 -- 提升兴趣，了解产品。

痛点挖掘 -- 拉近客户。

检测报告 -- 建立信任。

卖点优势 -- 体现产品价值。

好评分享展示 -- 进一步加强购买欲望。

确定配色方案

已有店铺视觉规范的可以直接延续使用。如果没有，可以从产品本身提取，或者从Logo中提取或从产品联想属性提取。在配色过程中，无论用几种颜色来组合，首先要考虑用什么颜色作为主色调。

在选择配色时应根据企业自身文化特点、产品特色、店铺的风格等选择一个色系的某一种颜色作为主色调，然后通过调整颜色的透明度或饱和度来获得其他搭配颜色，并将其作为辅助色，这样得到的整个页面看起来色彩统一、有层次感。选用颜色时切记使用的颜色数不宜过多，应限制在三种之内。

选择合适字体类型

字体相当于一个桥梁，相当重要。主要用来对产品进行解释说明，方便顾客阅读，同时，也是起重要信息的引导作用，可通过大小字体搭配进行重点显示某项内容。字体使用时一般不超过3种字体并选择符合产品定位的字体；在重点部分内容进行加粗突出显示，以加深买家对该信息的印象程度。

整个详情页排版

怎么对图片和文案内容进行排版设置，要考验我们平时积累下来的设计的水平。越是简约大气的页面，元素务必不要太多，清爽舒适的页面多留白，参考优秀案例，多多借鉴和学习。学习是没有止境的，同样，详情页的设计排版也是。多学习，多总结，扩展想法，拓展思维，建立自己的设计风格。

修改定稿

把制作好的首稿输出为JPG或PNG格式，同时保留源文件格式，给团队成员进行阅稿审核，如不符合要求，进行局部修改。也可以参考不同的意见进行优化处理，直至定稿保存为止。

切片和优化页面存储

设计制作后的商品详情页往往是一张大图，高度可能达上万像素，而我们在网上浏览的图是经过Photoshop切片功能进行切割图片后呈现出来的。如果一张数几十MB的图像直接上传网店店铺，网络加载速度会很慢，用户体验差，所以要对图片进行切割优化。

一个店铺的转化率高底，客户体验是否良好，都可以直接从详情页的好坏体现出来。除了运用静态图片来表达产品详细信息外，我们也可以适当加入详情页视频来介绍产品，充分运用图、文、音频、视频来吸引用户进行购买。