关于Universal App(通用应用)，您了解多少？

设计师通常是不需要写代码，但是为了让产品更好，了解一些技术是非常有必要的。要让产品有竞争力，您需要与开发人员使用相同的语言进行交流，并了解产品实现的所有技术。作者从事设计工作已经超过5年了，大部分工作都是与移动app有关。在工作过程中，作者注意到很多设计师不了解通用应用（Universal App），所以，我们今天将定义Universal App以及它的优点，然后再讲解如何进行相关的设计。

最新的WWDC 2018上展示了新的MacOS Mojave， iOS 应用将“搬家”到 macOS 上，这一功能被称作 Sneak Peak。苹果将 iOS 的 UIKit 框架的一部分加入到了 macOS 的 AppKit 上，这意味着 iOS 的 App 将能够在 macOS 环境运行了。苹果表示在第一阶段，股票、新闻、录影机等本属于 iOS 的 App 就是通过 Sneak Peak 移植到到 macOS 中的。让用户的使用体验保持一致。所以，我相信，会有越来越多这样的应用出现，所以Universal App将会是未来的一个趋势，设计师也要有所准备。

Apple的设备包括了iPhone SE，iPhone 8和8+，iPhone X，早期型号，iPad和iPad Pro等，这些设备的尺寸不同，而且使用的行为习惯也不一样。作为设计师，都希望设计的app在这些设备上看来都很棒，特别是在iPhone和iPad，横屏和竖屏上能够正确的显示。此外，ipad新增的多任务中的分割视图模式中也是一个显示方式。所以，一个iOS应用将有多达300多种的显示组合，app也需要网页一样的自适应，或者是我们这边称为的：通用应用（Universal App）。

什么是通用应用？

通用应用（Universal App）是适用于多个iOS设备（例如iPad和iPhone）的单个应用。

通用应用的优点

让我们从用户，设计人员和开发人员的角度考虑创建通用应用的好处。

1，开发人员：最可能的好处是开发能够支持所有iOS设备的应用。在这之前，开发人员必须为iPad和iPhone创建不同的独立应用。

2，设计人员：可以方便地设计单个应用，并在所有的iOS设备上保持一致的用户体验。

3，用户：不需要下载分别用于iPad和iPhone的应用。用户可以看到适用于iPad的应用程序视图。

分割视图和SizeClasses(屏幕适配)

随着市场上越来越多不同尺寸的设备的出现，Apple推出了用于iOS 8的自适应模型，用于iOS 9的分屏技术。

分屏是一种技术，允许您在iPad或iPhone 8+上同时在横向视图中使用多个应用。为确保应用内的不间断工作，通常会创建自适应布局。

应用可以适应16种尺寸大小。Apple建议使用屏幕适配来使应用适应任何大小和方向。

Sizeclasses有助于对宽度和高度进行分类，并根据他们预测应用的行为。Sizeclasses有三种：Compact(紧凑)，Any(所有)，Regular(常规)。

Compact（紧凑）是一个有限的空间，Regular（常规）是一个扩展的空间。

就像下图所示，iPad和iPad Pro在纵向和横向视图中具有常规宽度和高度。除iPhone 6/7/8 Plus外，iPhone还具有紧凑的宽度和高度。只有iPhone Plus在横向视图中具有常规宽度。

这边有一个带有Sizeclasses的sketch模板：（百度网盘下载地址  密码:aoab）

应用导航与iOS设备视图的相关性

如果追求完美，通用应用的设计应该从移动端或者Compact(紧凑)视图开始。而应用在iPad上的设计则取决于导航栏的风格。

Apple在设计规范中描述了几种导航风格：

1. 分级样式（设置，邮件等）

2. 平面导航风格（Apple Music和Apple Store）

3. 内容驱动或体验驱动的导航（大多数游戏）

1，分级导航app（Hierarchical Navigation）

我们以苹果的邮件app为例来解释分级导航。应用页面分为左侧的字母列表和右侧的详细信息。

2，平面导航应用（Flat Navigation）

平面导航应用看起来与iPhone上的相同，只是它们适应iPad的大小。Apple Music，App Store等。

面向内容的应用程序，如游戏，通常也会适应iPad的大小，与iPhone上的大小相同。

复杂导航的应用（Complex Navigation）

有许多应用程序具有更复杂的导航。例如 - 两种导航类型的混合方式，例如平面导航和分级导航混合使用。

例如：Dropbox，结合了层次结构和平面导航，同时将标签栏保留在屏幕的主控部分上。此结构适用于文件系统。它使您能够深入文件树并获取其详细信息。

结论

要使用原生方法创建通用应用，推荐以下流程：确定应用程序的导航类型，然后开始为iPhone设计，然后为iPad设计。如果你想创造一些自定义的东西，首先要问自己以下问题：为什么？我的解决方案能否证明所用的资源是合理的？

参考来源

自适应：https://developer.apple.com/library/content/featuredarticles/ViewControllerPGforiPhoneOS/TheAdaptiveModel.html

导航样式：https://developer.apple.com/ios/human-interface-guidelines/app-architecture/navigation/

SizeClasses(屏幕适配)和核心组件：https：//developer.apple.com/videos/play/wwdc2017/812/