《邱县端午招商H5视觉设计规范终稿》整理版（可直接

《邱县端午招商H5视觉设计规范终稿》整理版（可直接交付设计/前端） 一、基础全局规范 1. 色彩总表 名称 色值 应用范围 粽叶绿 #4A7C59 主背景、按钮、重点强调、边框、进度轨道 政务蓝 #1E3A5F 标题、县长模块、头部通栏、遮罩底色 米粽白 #F5F0E6 卡片底色、留白、毛玻璃基底 艾绒金 #C9A96E 点缀线、图标、高光、签名、边框、进度填充 漫画红 #C84A3E 邱县漫画元素、交互反馈、错误提示、关键按钮 墨色 #2B2B2B 正文常规文字 2. 字体层级 层级 字体 字号 字重 使用场景 H1 思源宋体/方正清刻本悦宋 48px Bold 主标题、县长署名 H2 思源黑体 36px Medium 板块大标题、弹窗标题 H3 思源黑体 28px Regular 卡片标题、重点短句 Body 思源黑体 24px Regular 正文内容 Caption 思源黑体 20px Light 注释、来源、小字说明 3. 动效统一规则 - 缓动函数： cubic-bezier(0.25, 0.46, 0.45, 0.94) - 时长：页面入场800ms｜交互动作300ms｜微反馈150ms - 粒子限制：仅第1屏、第8屏启用粽叶/艾草飘落粒子，其余页面禁用 4. 画布基准 基准尺寸： 750×1624px （iPhone14 Pro Max） - 顶部安全区：预留130px状态栏 - 底部安全区：预留180px手势操作区 二、分屏设计细则（8屏完整版） Screen01 封面｜端午安康，邱县有礼 布局：垂直居中对称，视觉重心上1/3黄金分割 1. 三层背景 - 底层：纯色 #F5F0E6 - 中层： #4A7C59 10%透明度粽叶线稿平铺纹理 - 上层：顶部3-5片半透粽叶、底部粽绳打结图案 2. 核心元素 - 粽子主体：400×400px 邱县漫画国风手绘粽，艾绒金绳缠绕，加载后Y轴180°缓转展开露糯米 - 文字：上方H1竖/横排「端午安康」 #1E3A5F ；下方H2「邱县有礼」 #4A7C59 ，两侧艾草漫画小插画 - 县长入口：粽子下方Φ120px头像框，2px艾绒金边框+外发光；王莉正装头像；下方Caption漫画红文字「点击接听