由 dawei 移动H5不是网页的缩小版，而是以触控为核心、以场景为前提的轻量级交互媒介。设计起点必须回归用户真实动线：从扫码进入、加载等待、主内容浏览，到分享转化或表单提交，每一步都需预判手指操作的节奏与心理预期。
逻辑架构需遵循“三层锚定法”：顶部固定导航区明确当前身份与返回路径；中部内容流采用单向纵向延展，避免横向滑动或嵌套滚动，防止手势冲突；底部常驻行动按钮（如“立即参与”“去支付”），位置恒定且尺寸≥44px，适配拇指热区。所有跳转都应有明确出口，杜绝无路可退的全屏弹窗。
质感并非堆砌动效，而是细节的诚实表达。图标采用线条+微渐变而非纯色块，按钮按压时增加0.95缩放与阴影加深，过渡动画统一用cubic-bezier(0.34, 1.56, 0.64, 1)模拟弹性反馈。加载状态不用旋转菊花，改用骨架屏——仅保留核心区块的灰阶占位，文字行高与真实文案一致，图片容器维持原始宽高比。
字体层级必须克制：标题、正文、辅助说明仅用至多两种字重，字号差不小于4px。深灰（#333）用于主文，浅灰（#999）限于标注类信息，禁止使用纯黑（#000）与纯白（#FFF）大段对撞，背景白底搭配#f8f8f8分割线更显呼吸感。
效果图由AI设计，仅供参考
图片处理强调“目的性压缩”：人物图优先裁出肩颈以上特写，增强亲近感；数据图表转为SVG矢量，保障Retina屏清晰度；所有图片添加loading=\”lazy\”及alt描述，兼顾性能与无障碍访问。留白不是空白，而是信息节奏的休止符——段间距设为行高的1.5倍，模块间用细微分隔线或12px透明间隙区分。
最终交付前执行“单手拇指测试”：将设备握在左手，仅用右手拇指完成全部流程，记录任何需换手、误触或悬停过久的操作点。所有优化，皆服务于指尖划过屏幕那一刻的确定感与轻盈感——逻辑清晰如道路标线，质感细腻如纸面触感，二者缺一不可。