| 设计模块 | 核心要点 | 应用场景 |
|---|---|---|
| 图标系统 | 识别性/统一性/差异性 | 功能入口/操作指引 |
| 界面布局 | 栅格系统/间距规则 | 信息展示/交互流程 |
视觉符号的精准传达需要遵循特定设计准则，电话图标的标准造型需确保用户无需文字辅助即可理解功能含义。在跨平台设计中，安卓与iOS系统的组件差异需要特别注意，例如底部导航栏的高度规范分别保持56dp和49pt。
移动端界面元素间距应遵循8px基准单位原则，列表项的内边距建议设置为16px。弹层设计需区分平台特性，Material Design强调卡片式浮层，而iOS规范偏好半透明毛玻璃效果。加载动画的持续时间控制在0.3-0.5秒，过长会影响操作流畅度。
文本段落的行高建议设置为字号的1.5-1.8倍，标题与正文间距保持1.2倍字号大小。在满版布局中，主要视觉元素应占据页面60%-70%空间，周边保留适当留白区域。装饰性元素的分布需遵循黄金分割比例，避免集中堆砌在特定区域。
| 元素类型 | 间距标准 | 应用示例 |
| 图文混排 | 20-24px | 产品说明卡片 |
| 按钮组 | 8-12px | 表单提交区域 |
建议初学者使用Figma进行组件化设计实践，建立可复用的颜色样式库和文字层级系统。在制作设计规范文档时，需要明确标注色值编码，例如主品牌色使用#337FE5，辅助色采用#E56600，错误提示色设定为#ff4d4f。
