1.4 KiB
1.4 KiB
description
| description |
|---|
| iOS 风格 UI 设计 |
UI 设计工作流
用于创建符合 Apple 设计规范的 iOS 风格 UI。
执行步骤
-
确定设计主题
- 使用主题色、主题背景、主题字体、主题样式
- 确认支持动态主题切换
- 验证多语言支持
-
选择组件库
- 优先使用 Cupertino 组件（iOS 风格）
- 若 Cupertino 无对应组件，再使用 Material 组件
- 确保组件风格统一
-
设计视觉元素
- 使用统一的颜色方案
- 保持一致的圆角半径
- 使用统一的按钮样式
- 添加适当的图标或 emoji
-
创建响应式布局
- 支持不同屏幕尺寸（iPhone SE 到 iPad）
- 使用 MediaQuery 和 LayoutBuilder
- 确保横竖屏适配
-
添加动画效果
- 实现流畅的页面转场动画
- 添加微交互动画
- 确保动画性能优化
-
实现视觉层次
- 使用阴影和深度效果
- 确保内容层次清晰
- 使用适当的间距和对齐
-
添加图标和图片
- 优先使用 SF Symbols 风格图标
- 若无图标，使用通用 emoji 代替
- 确保图文并茂
-
检查可访问性
- 添加语义标签
- 支持动态字体大小
- 确保对比度符合标准
-
创建设计文档
- 记录设计规范
- 说明颜色和样式值
- 提供组件使用示例