翻译自 Windows 开发人员中心 Design Basics: Intro to UWP apps for designers

翻译自 Windows 开发人员中心 Design Basics: Intro to UWP apps for designers 原文地址:https://msdn.microsoft.com/library/windows/apps/dn958439.aspx

[一些关于发售前产品的信息可能在正式发售前做出较大调整。微软不对这里的信息提供保障，通知或许诺]

当你创建一个 Windows 通用平台程序（以下统称“UWP”）的同时，你也创建一个有可能在以下 Windows 平台运行的程序:

• ·移动类设备：WindowsPhone，Phablets（小尺寸平板电脑）
• ·桌面类设备：平板电脑，笔记本，台式机
• ·团队类设备：Surface hub
• ·物联网类设备：如可穿戴式设备或家具

你可以让你的程序只运行在一类设备上（比如只运行在移动类设备上），也可以让程序运行在所有运行 Windows 的设备上。

设计一个在所有平台都运行良好的程序真的很难。怎样才能让一个程序在多种屏幕尺寸和不同输入方式的情况下都能提供良好的体验呢？

设计多平台程序需要更多的考虑，计划和设计，但是 UWP 提供了一套内建的特性和通用模块，让设计多平台程序变得简单。

为设计师准备的内建特性

我们从创建一个 UWP 程序开始了解这些特性。他们都是自动的，你不需要为利用这些特性做任何事情。

可用像素和平台缩放

当你的程序运行在 Windows 设备上，系统会运用算法去规范控制方式，字体，和其他 UI  元素。这种缩放算法通过考虑用户观看距离和屏幕像素密度（PPI）来优化感知大小（而非物理大小）。缩放算法确保在十英尺使用距离的 Surface hub 上和只有几英寸使用距离的 5 寸手机上的 24px 字号拥有同样的清晰度。

因为有了缩放系统，当你设计 UWP 程序时，你其实在设计有效像素，而不是真实的物理像素。了解如何运用有效像素，请看《UWP 响应式程序设计介绍》

通用输入和智能交互

尽管你可以为每个平台设计特殊的输入方式，但是你不一定要做，因为 UWP 程序使用了 “智能” 交互输入系统。你可以设计一个 click 动作，无论 click 来自真实的鼠标点击还是手指的触摸。

通用模块

UWP 也提供一些实用的通用模块，让多平台设计更加简单

通用控件

UWP 提供了一套通用控件，这些模块在所有 Windows 设备上都可以使用。这套模块包括共性控制（原文为 Common form controls），比如简单的收音机按钮和文本框，和复杂控制（原文为 Sophisticated Controls），比如通过流数据或者模板产生的网格视图和列表视图。这些控件识别不同设备的输入方式并为每一个设备适配恰当的输入关系，事件状态和整体功能。

完整的控件和模式列表，请看《控制和模式章节》

通用风格

你的 UWP 程序会自动选择默认的风格，并拥有以下特性：

• ·一套自动适应用户主题的风格
• ·一套基于 Segoe 的字体，以确保程序的字体在所有设备上都有良好的显示效果
• ·默认交互动画
• ·自动支持高对比度模式。我们的设计风格很在意高对比度，所以当你在高对比度模式下运行程序时，显示一切正常。
• ·自动支持其他语言。默认风格会自动为每一种语言选择 Windows 支持且合适的字体。你甚至可以在一个程序中使用多个语言，他们都显示正常。
• ·内建支持从右到左的阅读顺序。

你可以通过自定义这些默认风格来让你的程序拥有个性化的交互，你也可以将他们完全替代，创造独特的视觉体验。举个例子，这是一个拥有独特视觉风格的天气应用。

通用模板

我们提供 Adobe Illustrator 和 PPT 模板，包括了所有在创建 UWP 程序时需要的东西。这些模板包括通用控件和适配不同屏幕尺寸的结构模板。

下载 Adobe illustrator 模板

下载 PPT 模板

常见问题：

我能让一个界面用在所有设备上么？

是的，你可以只创造一个界面并且在所有的设备上使用它—你不需要为每一个设备定制界面。我们的设计规范可以帮助你创建一个在所有设备上都良好运行的界面。

也就是说，你有权为不同尺寸定制界面。比如你可以让你的程序在手机上运行时隐藏特定的 UI 元素，腾出更多的空间显示内容。更改的多少取决于你。

更多信息请看《UWP响应式程序设计》

我的 UWP 程序需要在全平台上运行么？

不是的，你的程序不需要在全平台运行。你不能限制它运行在单个设备上，比如只运行在手机上，但是你可以限制他只运行在一类设备上，比如只运行在移动设备上，而移动设备包含了手机，Phablets 和一些平板电脑。当你发布你的程序时，你可以选择他们能在那类设备上运行，几个类型或者只有一个类型。

下一步

现在你已经了解了 UWP 程序的可能性，特性和优点。了解为不同屏幕设计程序，请看《UWP 响应式程序设计介绍》