设计系统
Unif Design 将通用交互、主题变量和 React Native 组件放在同一套系统中。它保留 Unif 的默认视觉语言,也可供其他项目通过公开属性组合使用。
核心概念
- 颜色按用途命名,如
primary、surface、foreground;组件随亮暗主题读取对应颜色。 ThemeProvider提供主题与应用字号,useColors()和useThemedStyles()读取运行期主题。- 间距、圆角、字重和动效使用公开变量;具体取值见所属主题页。
- 通用界面优先组合现有组件,应用自己维护导航、业务状态和请求。
阅读入口
| 想了解什么 | 文档 |
|---|---|
| 如何选择视觉与交互 | 设计原则 |
| 如何写默认中文文案 | 语调与文案 |
| 如何使用主题与字体 | 颜色、字体 |
| 如何安排布局 | 间距、圆角与阴影 |
| 如何使用组件 | 组件索引 |
第一次接入请先看快速开始。