桌面UI设计指南：原生框架(Tkinter/Qt/WPF)平台规范与最佳实践

Desktop UI Design by dasien/retrowarden

4 GitHub Stars

GitHub

安装命令

npx skills add https://github.com/dasien/retrowarden --skill 'Desktop UI Design'

开发设计用户体验

🇨🇳中文介绍

桌面用户界面设计

目的

使用原生用户界面框架（Tkinter、Qt、WPF 等），遵循平台惯例和可用性最佳实践，设计直观的桌面应用程序界面。

使用场景

创建桌面应用程序界面
设计表单和对话框
规划菜单结构和导航
组织应用程序窗口

核心能力

布局设计 - 以合理的间距逻辑性地组织控件
平台惯例 - 遵循特定操作系统的设计指南
可用性模式 - 应用桌面用户界面最佳实践

设计方法

理解用户工作流程和任务
将相关控件分组
遵循平台惯例（Windows、macOS、Linux）
使用熟悉的模式（菜单、工具栏、状态栏）
确保键盘可访问性
为操作提供视觉反馈

示例

上下文：任务管理应用程序主窗口

Menu Bar: File | Edit | View | Tools | Help
Toolbar: [New] [Open] [Save] [Refresh]
─────────────────────────────────────
Main Content Area:
┌─ Task List ─────────────────────┐
│ ☐ Task 1    High    Pending     │
│ ☑ Task 2    Normal  Complete    │
│ ☐ Task 3    Low     Pending     │
└─────────────────────────────────┘
Status Bar: 3 tasks | 1 active | Last refresh: 2:30 PM

设计原则：

广告位招租

在这里展示您的产品或服务

触达数万 AI 开发者，精准高效

联系我们

🇺🇸English

Desktop UI Design

Purpose

Design intuitive desktop application interfaces using native UI frameworks (Tkinter, Qt, WPF, etc.) following platform conventions and usability best practices.

When to Use

Creating desktop application interfaces
Designing forms and dialogs
Planning menu structures and navigation
Organizing application windows

Key Capabilities

Layout Design - Organize controls logically with proper spacing
Platform Conventions - Follow OS-specific design guidelines
Usability Patterns - Apply desktop UI best practices

Approach

Understand user workflows and tasks
Group related controls together
Follow platform conventions (Windows, macOS, Linux)
Use familiar patterns (menus, toolbars, status bars)
Ensure keyboard accessibility
Provide visual feedback for actions

Example

Context : Task management application main window

Menu Bar: File | Edit | View | Tools | Help
Toolbar: [New] [Open] [Save] [Refresh]
─────────────────────────────────────
Main Content Area:
┌─ Task List ─────────────────────┐
│ ☐ Task 1    High    Pending     │
│ ☑ Task 2    Normal  Complete    │
│ ☐ Task 3    Low     Pending     │
└─────────────────────────────────┘
Status Bar: 3 tasks | 1 active | Last refresh: 2:30 PM

Design Principles :

Most important actions in toolbar
Full functionality in menus
Context menus for quick access
Status bar for non-critical info
Keyboard shortcuts for common actions

Best Practices

✅ Use native widgets for platform consistency
✅ Provide keyboard shortcuts (Ctrl+N, F5, etc.)
✅ Show visual feedback (disabled states, progress indicators)
✅ Use standard dialog patterns (OK/Cancel, Yes/No)
❌ Avoid: Custom widgets that don't match platform look
❌ Avoid: Hiding important actions deep in menus

Weekly Installs

–

Repository

dasien/retrowarden

GitHub Stars

First Seen

–

Security Audits

Gen Agent Trust HubPass SocketPass SnykPass