00 / 00

桌面端主题系统

桌面端 Tailwind、窗口布局和 01MVP 视觉规范的同步方式

桌面端用 Tailwind CSS。它继承 01MVP 的视觉语言,但桌面应用的信息密度、窗口尺寸、菜单和托盘交互会比 Web 页面更像工具软件。

桌面端 UI 三层

视觉规则

颜色、字体、间距、按钮层级和状态。

工具布局

侧栏、列表、设置页、状态栏和密集信息。

系统交互

窗口、托盘、更新提示和本地文件动作。

桌面端不该像营销页

应该更像避免变成
清晰的工具界面大面积营销 hero
稳定的按钮和表单每页单独调 CSS
可扫描的信息结构只有装饰性的卡片堆叠
明确的系统状态找不到当前连接、登录、更新状态

检查清单

  • 标题、正文、说明文字有稳定层级
  • 主按钮、次按钮、危险按钮尺寸一致
  • 窗口缩放后内容不会互相遮挡
  • 系统状态清楚:登录中、离线、同步中、更新可用
  • 设置页和工具页共用相同表单控件

复制给 AI

请帮我检查 01MVP desktop 的 UI 一致性。
重点看按钮高度、字体层级、设置页表单、工具栏、状态提示和窗口缩放表现。

不要为了单个页面好看写一次性样式。
如果需要调整,请优先抽出可复用组件或主题规则。

继续阅读

这篇文档有问题?