个人随笔
技术改变世界

通用 Windows 平台 (UWP) 应用设计简介

IC795421

在你创建 UWP 应用时,你实际上在创建有可能在任何支持 Windows 的设备上运行的应用:

  • 移动设备系列:Windows Phone、平板手机
  • 桌面设备系列:平板电脑、笔记本电脑、PC
  • 团队设备系列:Surface Hub
  • IoT 设备系列:精巧的设备,如可穿戴设备或家用电器

 

你可以将应用限制到单个设备系列(例如移动设备系列),或者可以选择使应用在所有运行 Windows 的设备上可用。

就算只是设计一个在所有移动设备上都外观精美的应用,也可能是一项较大的挑战。那么如何着手设计可在屏幕大小和输入方法截然不同的多台设备上都能提供出色用户体验的应用?

针对多个设备系列进行设计需要一些额外的考虑、规划和设计,但 UWP 提供了一组内置功能和通用构建基块,可极大地简化为多台设备创建出色用户体验的过程。

IC795446

 

面向设计人员的内置功能

我们先看一下你将在创建 UWP App 时获得的一些功能。你无需执行任何操作即可从这些功能中受益—它们是自动的。

有效像素和平台缩放

当你的应用在运行 Windows 的设备上运行时,系统将使用算法来使控件、字体和其他 UI 元素在屏幕上的显示方式规范化。此缩放算法考虑了观看距离和屏幕密度(每英寸像素),以针对感知大小(而不是物理大小)进行优化。该缩放算法确保用户可从 10 英尺远处识别 Surface Hub 上高 24 像素的字体,正如从几英寸远处识别 5 英寸手机上高 24 像素的字体。

IC794180

基于缩放系统的工作原理,在设计 UWP App 时,要以有效像素而不是实际物理像素为单位进行设计。若要了解有关如何使用有效像素进行设计的详细信息,请参阅响应式设计简介。

通用输入和智能交互

尽管你可以针对特定输入设备进行设计,但你无需这样做,因为 UWP App 使用运用“智能”交互的输入系统。这意味着你可以围绕单击交互进行设计,而无需知道该单击是来自实际的鼠标单击还是手指的点击。

 

通用构建基块

UWP 还提供了一些有用的构建基块,可使针对多个设备系列设计应用变得更简单。

通用控件

UWP 提供一组通用控件,可保证在所有支持 Windows 的设备上良好工作。这组通用控件包括从常用窗体控件(如单选按钮和文本框)到复杂控件(如可从数据流和模板生成项目列表的网格视图和列表视图)的一切内容。这些控件是输入感知的,并且针对每个设备系列部署了输入可供性、事件状态和整体功能的适当组合。

有关这些控件的完整列表和你可以从中创建的模式,请参阅控件和模式部分。

通用样式

UWP 应用自动获取一组默认样式,可为你提供以下功能:

  • 一组样式,可自动为应用提供浅色或深色主题(任你选择)并且可融合用户的强调色首选项。

IC794076

  • 基于 Segoe 的字型渐变,可确保应用文本在所有设备上看起来清晰。
  • 交互的默认动画。
  • 对高对比度模式的自动支持。我们在设计样式时牢记高对比度,因此,当你的应用处于高对比度模式的设备上运行时,它将能够正确显示。
  • 对其他语言的自动支持。我们的默认样式为 Windows 支持的每种语言自动选择正确的字体。你甚至可以在同一个应用中使用多种语言,而且它们能够正确显示。
  • 对 RTL 阅读顺序的内置支持。

你可以自定义这些默认样式来个性化你的应用,或者可以将它们完全替换为你自己的内容来创建独特的视觉体验。例如,下面是一个具有独特视觉样式的天气应用设计:

IC795447

通用模板

IC795448

我们提供 Adobe Illustrator 和 Microsoft PowerPoint 模板,这些模板包含从头开始设计 UWP App 所需的一切。这些模板包含适用于每个通用设备大小类的通用控件和布局。

下载 Adobe illustrator 模板Adobe Illustrator design templates for UWP apps (Preview version).zip

下载 PowerPoint 模板Microsoft PowerPoint templates for UWP apps (Preview version).zip

 

常见问题

可以创建单个 UI 并将其用于所有设备吗?

是,你可以创建单个 UI 并将其用于所有设备—无需为每个设备系列创建自定义 UI。我们的设计指南可以帮助你创建在所有设备上正常工作的单个 UI。

也就是说,你可以选择针对可用于你的应用的屏幕空间自定义 UI。例如,当你的应用在手机大小的窗口上运行时,你可以使其隐藏某些 UI 元素,以便为内容留出更多空间。你针对特定大小定制你的应用的程度由你来决定。

有关详细信息,请参阅响应式设计简介文章。

 

我的 UWP App 是否必须在所有设备上运行?

否,你的应用不必在所有设备上运行。你无法面向单个设备—例如手机—,但是可以将应用限制到某个设备系列,例如移动设备系列,其中包括手机、平板手机和某些平板电脑。在发布你的应用时,你可以选择使其可用于所有设备系列、几个设备系列或仅一个设备系列。

 

后续步骤

现在你已了解了 UWP App 的前景、功能和好处,请查看响应式设计简介以了解如何针对不同屏幕大小设计用户界面。

 

本文转自:https://msdn.microsoft.com/library/windows/apps/dn958439.aspx

 

 

转载请注明出处王旭博客 » 通用 Windows 平台 (UWP) 应用设计简介

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址