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

  详情页除了让消费者了解产品，更重要的是帮助商家提升销量。打造一款出色的详情页，要用60%的时间去调查构思，确定方向，40%的时间去设计。以下就是郑州天琥设计培训学校为大家整理的内容，希望对大家有所帮助！

  确定页面风格

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

  产品和素材搜集

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

  构架布局框架

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

  产品海报 -- 引起注意。

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

  产品全景 -- 提升兴趣。

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

  痛点挖掘 -- 拉近客户。

  检测报告 -- 建立信任。

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

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

  确定配色方案

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

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

  选择合适字体类型

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

  整个详情页排版

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

  修改定稿

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

  切片和优化页面存储

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

  一个店铺的转化率高底，客户体验是否良好，都可以直接从详情页的好坏体现出来。除了运用静态图片来表达产品详细信息外，我们也可以适当加入详情页视频来介绍产品，充分运用图、文、音频、视频来吸引用户进行购买。郑州天琥设计培训学校的内容分分享就到这里了，更多详情请关注郑州天琥设计培训学校。

尊重原创文章，转载请注明出处与链接：http://zzthu.5zix.com/news/89748/ 违者必究！ 以上就是郑州天琥设计培训学校 小编为您整理电商设计产品详情页设计流程的全部内容。

---

• ← 一个出色的室内设计师需要具备哪些技能
• 现如今网页设计的趋势都有哪些 →