恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
面向设计师的 Windows 通用平台程序介绍
0.0°
2015-05-03 自译外文 规范/资料 原作者: 微软 举报 3254 18 12 0

翻译自 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 响应式程序设计介绍

更新:2015-05-03

收藏

18人已收藏

MakicLin

CCA,准专业视觉设计师,永远是学生。

  • 30

    作品

  • 87

    粉丝

  • 14

    关注

  • Google Play 图标重设计
  • KOBE30
  • 网易云音乐图标重绘
  • 纪念肩关节脱臼

    猜你喜欢

      2015-05-03 自译外文 规范/资料 原作者: 微软 举报 3254 18 12 0

      面向设计师的 Windows 通用平台程序介绍

      0.0°

      你确定要举报面向设计师的 Windows 通用平台程序介绍

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2015年05月03日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      12
      18
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录