跳到主要内容

设计系统

Unif Design 将通用交互、主题变量和 React Native 组件放在同一套系统中。它保留 Unif 的默认视觉语言,也可供其他项目通过公开属性组合使用。

核心概念

  • 颜色按用途命名,如 primarysurfaceforeground;组件随亮暗主题读取对应颜色。
  • ThemeProvider 提供主题与应用字号,useColors()useThemedStyles() 读取运行期主题。
  • 间距、圆角、字重和动效使用公开变量;具体取值见所属主题页。
  • 通用界面优先组合现有组件,应用自己维护导航、业务状态和请求。

阅读入口

想了解什么文档
如何选择视觉与交互设计原则
如何写默认中文文案语调与文案
如何使用主题与字体颜色字体
如何安排布局间距、圆角与阴影
如何使用组件组件索引

第一次接入请先看快速开始