产品详情页设计制作规范

产品详情页设计制作规范【排版与格式标准】1.层级标记体系：一、标题文字（顶格）（一）标题文字（缩进2字符）（二）标题文字（缩进2字符）.......（三）标题文字（缩进2字符）（四）标题文字（缩进2字符）（五）标题文字（缩进2字符）（六）标题文字（缩进2字符）1.标题文字（序号与标题之间不加空格，缩进4字符）2.数量与结构约束：一、标题：全篇数量不得少于6个。二、二级标题：每个一级标题下设置2-5个不等，各章节二级标题数量不得相同。三、三级标题：涉及具体操作步骤、执行标准、量化指标的章节，必须使用“1.2.3.”三级标题；涉及宏观原则、组织架构、附则说明的章节，严禁使用三级列表，直接用段落融合阐述。3.序号后置规范：（一）权责划定。各单位主要负责人是第一责任人……（二）执行主体。设计团队需全员参与……（三）监督机制。质检部门负责终审……（四）反馈流程。用户意见需72小时内处理……（五）版本管理。每次修改需标注时间……（六）验收标准。符合本规范即通过……【一级标题创作规范】1.风格边界：必须使用书面语，庄重、简练、准确。2.标题长度：6-15个汉字。3.禁止模板：严禁所有一级标题使用“XXXX与XXXX”句式。【文档类型架构库】一、设计原则（一）权责划定。各单位主要负责人是第一责任人，设计团队需全员参与，确保责任到人。（二）执行主体。设计团队需全员参与，项目经理负总责，设计师、文案、技术各司其职。（三）监督机制。质检部门负责终审，每阶段成果需经3人以上复核。（四）反馈流程。用户意见需72小时内处理，重大问题需一周内召开专题会。（五）版本管理。每次修改需标注时间、修改人及原因，存档备查。（六）验收标准。符合本规范即通过，不合格需返工重做。二、视觉规范（一）色彩体系。主色调为品牌色RGB（255,0,0），辅助色为0066CC，背景色为FFFFFF。（二）字体规范。标题使用思源黑体，正文使用微软雅黑，字号比例严格遵循1:1.2:1.5。（三）图片要求。所有图片需经过300dpi锐化处理，尺寸统一为800*600px。（四）图标标准。使用公司统一图标库，禁止私自设计，新图标需经设计委员会审批。（五）布局原则。留白率不低于15%，模块间距统一为20px，对齐方式严格左对齐。（六）动效设计。加载动画时长不超过0.5秒，转场效果需平滑无卡顿。三、内容规范（一）标题层级。一级标题≤20字，二级标题≤15字，三级标题≤10字，层级过多需合并。（二）卖点提炼。每款产品提炼3个核心卖点，用一句话概括，如“智能降噪，持久续航”。（三）文案风格。使用第三人称，避免“我们”“你”，数据需标注来源，如“经XX实验室检测”。（四）免责声明。所有功效描述需符合广告法，不得使用“最”“第一”等绝对化词语。（五）更新机制。每周一检查内容时效性，过期信息需48小时内更新，存档旧版本。（六）SEO优化。标题需包含核心关键词，正文密度5%-8%，H1-H6标签严格按顺序使用。四、技术规范（一）响应式设计。适配iPhone12及以下机型，首屏加载时间≤3秒。（二）代码标准。使用HTML5+CSS3，禁止冗余代码，每行代码后加空格。（三）兼容性测试。需通过Chrome、Firefox、Edge三大浏览器测试，IE11以下放弃支持。（四）安全性要求。所有接口需加密传输，图片使用Base64编码减少请求。（五）性能优化。首屏资源压缩包体积≤200KB，图片使用WebP格式。（六）可访问性。为所有图片添加alt属性，键盘可完成所有操作。五、审核流程（一）初审标准。由设计总监负责，重点检查视觉规范，不合格需3日内返工。（二）复审标准。由产品经理负责，重点检查内容准确性，需提供权威证明。（三）终审标准。由技术负责人负责，重点检查代码性能，需通过压力测试。（四）问题处理。重大问题需上报至设计委员会，集体决策，修改后需二次审核。（五）验收标准。客户确认签字后归档，需附修改记录及验收表。（六）存档要求。电子版存档于公司云盘，纸质版归档于档案室，保存期限3年。六、附则说明本规范自发布之日起生效，所有部门必须严格执行。设计团队需定期培训，考核不合格者调岗。重大调整需经总经理批准，以公司邮件通知为准。本规范解释权归设计部所有，如有争议提交仲裁委员会裁决。【公文语体规范】1.禁止口语化。如“这个挺好的”改为“符合设计标准”。2.禁止主观抒情。如“很酷炫”改为“符合品牌调性”。3.禁止非规范时间表述。如“大概明天”改为“不超过48小时”。4.禁止非规范称谓。如“老板”改为“项目负责人”。5.动词规范。使用“应”“需”“须”“必须”，如“必须使用”。6.禁止AI虚词。如“通过大数据分析”改为“基于XX数据”。【硬性约束与负面清单】1.严禁假大空。如“全面赋能”改为“优化加载速度至3秒”。2.严禁