移动端APP原型设计规范：尺寸、组件与交互全指南

一、移动端设计基础

移动端设计需同时考虑iOS和Android两大平台的设计规范差异。建议以375px宽度（iPhone标准）作为设计基准，适配其他屏幕尺寸。

二、核心设计规范

1. 布局规范

页面左右留边距16px，卡片间距12px，内容区块间距20px。列表项高度建议48-56px，保证触控舒适度。

2. 字体规范

标题24-28px，副标题18-20px，正文15-16px，辅助文本12-13px。行高建议1.5倍字体大小。

3. 组件库

底部TabBar高度50px（含安全区域），顶部导航栏44px，按钮最小高度40px，圆角推荐12-16px。

4. 色彩系统

主色、辅色各一个，语义色（成功绿、警告橙、错误红）标准化。所有颜色值建议使用CSS变量统一管理。

三、交互模式

页面切换推荐右滑返回，模态弹窗使用从底部上滑效果，按钮和卡片增加触控反馈（scale变换）。加载状态用骨架屏替代转圈。