电商商品详情页设计规范.docxVIP

电商商品详情页设计规范

做电商设计快十年了，我见过太多品质过关的好产品，因为详情页设计乱七八糟，转化率连行业均值的一半都达不到；也见过不少定位清晰的普通产品，靠着逻辑通顺、细节到位的详情页，硬生生把月销做到了类目前十。本质上来说，电商详情页不是设计师彰显个人审美得艺术作品，它是品牌和用户沟通的核心窗口，是带动转化的核心阵地，一套清晰统一的设计规范，既能降低沟通成本、保证输出质量，也能稳定提升转化效果。本文整理的这套规范，从前期准备到上线校验全流程覆盖，都是踩过无数坑总结出来的实操经验，适合大部分电商平台的商品详情页设计使用。

1设计前期的基础准备规范

做详情页最忌讳拿到商品就开始堆图排版，前期准备没做足，后面改来改去不仅耽误时间，最后出来的效果也往往偏离目标。这一阶段的核心规范主要围绕三个方向展开：

1.1目标用户定位对齐规范

做设计之前，第一件事必须对齐目标用户的核心特征，所有设计细节都要围绕目标用户的习惯走，不能凭设计师的个人喜好来。比如目标用户是中老年人，那字体必须够大，配色对比度要高，不能用低饱和度的莫兰迪浅色系，也不能用纤细的艺术字体，保证正常距离拿手机不用眯眼就能看清；如果目标用户是追求个性的Z世代年轻人，那可以适当用个性化的字体和配色，甚至可以加入一些圈层梗或者潮流元素，拉近和用户的距离。我几年前碰到过一个做中老年羊绒裤的客户，设计师是个刚毕业的小孩，觉得浅灰配细