38. 🖥️ 桌面端应用设计 Desktop App Patterns ★★★☆☆

🌏 Web 网页规范

  • 宽屏三栏式应用布局架构 (Left-Middle-Right)
  • 物理键盘快捷键 (如 Ctrl+K) 全局命令调度
  • 右键上下文菜单 (Context Menu) 与边界自适应

📱 App 移动端规范

  • 系统全局顶级菜单栏 (Mac Menu Bar) 配套设计
  • 桌面端多窗口并行重叠管理规范
  • 系统级悬浮通知托盘常驻应用状态映射

Web 桌面端三栏架构与命令中心

Web Sidebar Trees, Right-click Context & Shortcut Anchors

在网页桌面端或 Electron 应用中,三栏式布局能最大化利用屏幕宽。支持键盘快捷键(如 CMD+K)快速拉起浮空控制台,以及点击鼠标右键定制快捷操作菜单,提供类似操作系统的软件质感。

桌面原生多窗口与状态托盘管理

Native macOS/Windows Window Trees & Status Bar Badges

桌面原生应用支持在显示器上自由重叠、拉伸多窗口,需要设计状态保存机制。顶级菜单栏与系统状态栏托盘(例如 Mac Menu Bar Icon)需提供精简的快捷状态控制面板。

LIVE PLAYGROUND: 桌面端工作区快捷键与右键菜单模拟 按 Ctrl+K (Mac 下 CMD+K) 调出搜索,或在工作区内右键测试自定义上下文菜单
https://web.meta-ui.edu/desktop
UI 元知识工作区

🖱️ 鼠标在此右键以开启快捷功能

提示:按 Ctrl+K (Mac 下 CMD+K) 可激活搜索栏

📋 大模型统一 Prompt (LLM Prompt)