支持 手机端参考iOS 26 / 平板端参考iPadOS 26 / 电脑端参考macOS 26 三端自适应的现代 UI 系统。
设计风格:
- Apple iOS 26 Liquid Glass Design System
- 高通透玻璃拟态(Glassmorphism 2.0)
- 多层空间深度 UI(layered depth system)
- 柔和环境光 + 背景渐变
核心要求:
-
必须支持响应式三端适配:
- iPhone:单列紧凑布局
- iPad:双栏布局 + 卡片网格
- Mac:三栏 dashboard 布局
-
视觉规范:
- backdrop-blur: 20px~40px
- 半透明玻璃卡片
- 细边框 + 光感边缘
- 圆角根据设备动态变化
- 避免强阴影
-
交互设计:
- hover:玻璃亮度提升
- click:轻微压缩反馈
- transition:200ms ease-out
- 卡片浮动感
-
信息密度:
- 手机:低密度
- 平板:中密度
- 桌面:高密度 dashboard
-
禁止:
- flat design
- 大色块 UI
- Bootstrap / Ant Design 默认风格
- 过度留白