Windows 运行时应用指南

Applies to Windows and Windows Phone

使用此索引可快速找到可帮助你设计出色的 Windows 应用商店应用的指南。 如果尚未这样做,请从阅读认识 Windows 应用商店应用定义构想开始。

有关 UI 设计和实现的教程,请参阅 Windows 应用商店应用 UI 详细信息JavaScript 和 HTML 或者 C#/C++/VB 和 XAML)。

单击以下载包含所有 UX 指南的便携式文档格式 (PDF) 文件。

单击下载指南

在本文中

动画

精心设计的有针对性的动画可以使应用变得更丰富,并且使体验感觉精良和完美。将各种体验紧密结合并使用视觉切换帮助用户了解上下文更改。

 

合约和超级按钮

“天气”应用和“搜索”窗格

合约是将 Windows 应用商店应用与系统 UI 绑定在一起的纽带。已实现相同合约的两个应用可以搭配使用,以完成广泛或复杂的方案。 某些合约(如“共享”合约)由超级按钮代表。此外,“搜索”、“设备”和“设置”超级按钮提供用于常见任务的一致的菜单。

请参阅应用合约的完整列表。

 

控件

带有控件的视频播放器应用

设计你的应用 UI 以显示内容。仅在屏幕上保留最相关的元素,从而最大程度地减少干扰,帮助用户沉浸在内容中。遵循这些指南将帮助你提供一致、优雅且吸引人的用户体验。

 

文件、数据和连接性

用于从桌面上的文件夹打开文件的文件选取器从你的应用访问文件夹、文件和数据。要允许用于通过帐户或在云服务(如 Microsoft OneDrive)中访问数据,你可以通过登录体验提供它们。在你的应用中包含应用数据漫游,以提供跨设备的无缝体验。

 

全球化和本地化

磁贴上的双向 UI

Windows 在全世界广泛使用,因此设计应用时应牢记这一点。使资源(如字符串和图像)与它们的代码分开,以帮助简化本地化工作。

 

帮助和说明

关于在割绳子应用中将糖果传给 Om Nom 的说明

向你的用户提供帮助或疑难解答提示,并告诉他们如何与应用有效地交互。

 

启动、挂起和恢复

“人脉”应用的初始屏幕

通过自定义初始屏幕创造吸引人的启动体验。对你的应用作如下设计:当用户切换到桌面或其他应用时挂起,当用户切换回应用时恢复。

 

布局和缩放

应用的网格布局

设计应用的布局以帮助轻松地导航,并为所有 UI 元素选择最佳位置。创建适用于用户具有的各种外观规格和视图选项的完美应用体验。

 

文本和输入

Segoe UI

合理地使用字体大小、粗细、颜色、轨迹、间距和文本框控件可帮助使你的 Windows 应用商店应用具有干净整洁的外观,从而使其更便于使用。

 

磁贴和通知

“开始”屏幕上的磁贴

磁贴功能是应用中的门户。磁贴位于“开始”屏幕上,它是应用的扩展,与传统图标相比它提供的信息更个性化,也更吸引人。在设计功能强大的磁贴上进行投资,这将引起人们对你的应用的关注。通过实时磁贴和通知提供全新的内容,帮助人们感觉已连接到你的应用。

 

用户交互

Windows 应用商店应用触摸交互

设计的交互要让用户掌握控制权,并使用屏幕或设备边缘帮助用户充满信心地查找命令。

 

相关主题

Windows 应用商店应用 UI 详细信息 (HTML)
Windows 应用商店应用 UI 详细信息 (XAML)

 

 

显示:
© 2014 Microsoft