00 / 00
桌面端主题系统
桌面端 Tailwind、窗口布局和 01MVP 视觉规范的同步方式
桌面端用 Tailwind CSS。它继承 01MVP 的视觉语言,但桌面应用的信息密度、窗口尺寸、菜单和托盘交互会比 Web 页面更像工具软件。
桌面端 UI 三层
视觉规则
颜色、字体、间距、按钮层级和状态。
工具布局
侧栏、列表、设置页、状态栏和密集信息。
系统交互
窗口、托盘、更新提示和本地文件动作。
桌面端不该像营销页
| 应该更像 | 避免变成 |
|---|---|
| 清晰的工具界面 | 大面积营销 hero |
| 稳定的按钮和表单 | 每页单独调 CSS |
| 可扫描的信息结构 | 只有装饰性的卡片堆叠 |
| 明确的系统状态 | 找不到当前连接、登录、更新状态 |
检查清单
- 标题、正文、说明文字有稳定层级
- 主按钮、次按钮、危险按钮尺寸一致
- 窗口缩放后内容不会互相遮挡
- 系统状态清楚:登录中、离线、同步中、更新可用
- 设置页和工具页共用相同表单控件
复制给 AI
请帮我检查 01MVP desktop 的 UI 一致性。
重点看按钮高度、字体层级、设置页表单、工具栏、状态提示和窗口缩放表现。
不要为了单个页面好看写一次性样式。
如果需要调整,请优先抽出可复用组件或主题规则。继续阅读
这篇文档有问题?