电商店铺详情页设计规范手册

电商店铺详情页设计规范手册【排版与格式标准】1.层级标记体系：一、标题文字（顶格）（一）标题文字（缩进2字符）（二）标题文字（缩进2字符）.......（三）标题文字（缩进2字符）（四）标题文字（缩进2字符）.......（五）标题文字（缩进2字符）（六）标题文字（缩进2字符）.......（七）标题文字（缩进2字符）（八）标题文字（缩进2字符）.......1.标题文字（序号与标题之间不加空格，缩进4字符）2.数量与结构约束：一、一级标题：全篇数量不得少于6个。二、二级标题：每个一级标题下设置2-5个不等，各章节二级标题数量不得相同。三、三级标题：涉及具体操作步骤、执行标准、量化指标的章节，必须使用“1.2.3.”三级标题；涉及宏观原则、组织架构、附则说明的章节，严禁使用三级列表，直接用段落融合阐述。3.序号后置规范：（一）权责划定。各单位主要负责人是第一责任人……（二）执行标准。必须严格遵循行业规范……（三）监督机制。定期开展自查自纠……（四）奖惩措施。对未达标行为严肃处理……（五）改进要求。持续优化提升……（六）责任主体。各团队需明确分工……【一级标题创作规范】1.风格边界：必须使用书面语，庄重、简练、准确。2.标题长度：6-15个汉字。3.禁止模板：严禁所有一级标题使用“XXXX与XXXX”句式。【文档类型架构库】一、设计原则与核心要求（一）权责划定。各单位主要负责人是第一责任人。（二）执行标准。必须严格遵循行业规范。（三）监督机制。定期开展自查自纠。（四）奖惩措施。对未达标行为严肃处理。（五）改进要求。持续优化提升。（六）责任主体。各团队需明确分工。二、视觉设计规范（一）色彩体系。主色调为品牌色RGB（255,0,0），辅助色为00FF00。（二）字体规范。标题使用思源黑体，正文使用微软雅黑。（三）图片要求。主图尺寸不低于1080×1080像素，边框统一为5像素。（四）图标标准。所有图标需保持高度一致，间距为20px。（五）布局原则。留白率不低于30%，模块间距不超过15px。（六）动效设计。加载时间不超过3秒，转场效果需平滑过渡。三、文案撰写标准（一）标题要求。字数控制在20字以内，首字大写。（二）描述规范。每段不超过100字，使用短句。（三）卖点提炼。突出产品核心优势，避免冗余表述。（四）数字呈现。价格单位统一为“元”，折扣标示需加粗。（五）法律声明。显著位置标注“七天无理由退货”等条款。（六）SEO优化。关键词密度控制在5%-8%，禁止堆砌。四、交互设计要点（一）按钮设计。主色调与品牌色呼应，点击区域不低于50px。（二）表单填写。必填项用红色星号标注，字符数限制为200字。（三）弹窗规范。宽度不超过屏幕80%，关闭按钮需右下角。（四）导航逻辑。分类层级不超过三级，面包屑需实时更新。（五）响应速度。页面加载需在2秒内完成首屏渲染。（六）错误提示。统一使用“×”符号，说明需分点列出。五、移动端适配方案（一）屏幕适配。支持iPhone6及以下机型，宽度固定为750px。（二）手势交互。下拉刷新需在200px范围内触发。（三）横屏处理。自动隐藏导航栏，优先展示核心内容。（四）网络优化。图片压缩率不低于60%，GIF动图不超过1MB。（五）安全防护。HTTPS协议强制使用，数据传输需加密。（六）兼容性测试。覆盖Android4.4-11版本，异常情况需截图存档。六、运营数据监测（一）核心指标。点击率、转化率、跳出率需每日统计。（二）流量来源。区分自然搜索、付费推广、社交分享。（三）用户行为。留存率计算周期为次日，流失率需标注具体节点。（四）A/B测试。变量设置需单一，对比组样本量不低于1000。（五）异常预警。连续3日指标波动超过5%需上报。（六）改进周期。每周五召开复盘会，输出优化方案。七、附则说明本规范自发布之日起实施，各团队需在30日内完成系统培训。设计稿需经产品、运营双部门审核，重大调整需报请总监级以上人员批准。违反本规范导致客诉的，相关责任人将承担相应绩效处罚。每年6月30日需对规范进行修订，确保与行业最新标准同步。所有文档需存档于公司知识库，关键词为“设计规范2023”。【公文语体规范】1.禁止口语化。2.禁止主观抒情。3.禁止非规范时间表述。4.禁止非规范称谓。5.动词规范。6.禁止AI虚词。【硬性约