iOS 11 设计理念和 3 个设计方向

honghu2

iOS 11 设计理念和 3 个设计标的目的

以前汇总了 「iOS 11 最周全的设计通信」相干的设计改动，接着分享下「iOS 11 设计理念和 3 个设计标的目的」，内容来自苹果 2017 WWDC 的 Session 810，但愿能给大师利用和理解 iOS 的设计思绪带来开导。

Wayfinding / 寻路 / 空间扶引
咱们经由过程「标识体系」在街道，机场，泊车场这些场合举行标的目的和位置的辨认，这类扶引批示体系被称为「Wayfinding」，词语来自「修建范畴」，由 Kevin Lynch 在 1960 年提出，中文名是「寻路」或「 空间扶引」。

iOS 颠末持久的成长，体系已变得愈来愈繁杂，加之部门 App 也一样面对雷同的问题，苹果设计团队但愿用户在利用 iOS 进程中也能像物理世界中那样有清楚的扶引，以是把「Wayfinding」观点引入到设计中，试图去解决这个问题。
用字体付梓的方法举行落地
既要可以或许起到「Wayfinding」的感化，同时还必要遵守 iOS 中的 2 个设计原则：
内容凸显的第一原则UI元素不与内容竞争，除非是帮忙用户去理解潜伏功效的感化
苹果选择了利用「字体付梓（Typogrphy）」方法去解决这个问题。

在客岁的时辰 Apple Music 有一次改版，参加了「大题目」导航（见下图），此次改版是被苹果拿来做实行用的，由于 Apple Music 是一个内容型 App ，合适用来验证新设计是否是能供给明白位置和清楚路径。

除验证「大题目」外，很多文字也增长字重，便利在几个「同类型信息」中辨别，和切换「搜刮」和「阅读」 2 个标签时也快速感知位置。



验证下来结果还不错，因而便有了 iOS 11 的设计进级。
3 个重要设计风雅向标的目的 1：大题目导航栏
利用「大题目」导航栏能清楚表示当前的位置，也是此次 iOS 11 让人印象最深的设计变革，若是茄子视频想把这个气概沿用到本身的 App 中，可以参考这 3 个建议：

建议1：顶层是标签栏布局的 App

一般有标签栏的 App 内容会响应更多一些，利用「大题目」导航让用户在各个标签栏切换中可以或许快速检察到本身的位置，当用户滑动屏幕时看到「大题目」导航也能够意想到回到了头部。



建议2：内容丰硕的 App 中利用

苹果设计师们在内容丰硕的 Apple Music 验证了「大题目」的结果，以是对付内容丰硕的 App 天然也是合用。内容丰硕 App 有大量的页面和各类深度的布局层级，用户会沉醉此中，这时辰「大题目」导航便可以起到扶引感化。



建议3：在页面内容&结构雷同的 App 中利用

内容&结构类似的 App 一眼很难快速辨别，「大题目」导航可以起到较着的批示感化，德律风（Phone）App 么么直播里各个标签栏的内容都是雷同的信息，很合适利用「大题目」导航。





不建议：不合适用在内容功效相互平行自力

时钟（Clock）App 是一个不合适利用的案例，每个标签页的界面都合适当前功效的界面，用户可以快速辨别出来，若利用「大题目」导航，会让大题目强过功效表示，违反苹果的设计原则「UI元素不与内容竞争」，影响可用性，以是不合适。


标的目的2：晋升文字设计的条理
清楚的条理可以帮忙用户减轻认知包袱，低落寻觅信息时的脑力损耗，同时让主次内容看起来加倍协调解体，苹果设计师举荐经由过程「从新组织字体字号」举行晋升条理美，可以参考如下 2 种方法：

方法1：操纵「前后位置」创建条理

位快猫视频置可以表示首要性，像下图中的 Lable1 和 Lable2 的位置，大部门人看到时城市揣度 Label1 比 Label2 更首要（有些场景或许有破例）。



方法2：操纵「色彩/字号/字重」创建条理

深色彩 vs 浅色彩，大字号 vs 小字号，粗字重 vs 平凡字重，这些在正常环境下都能很轻易辨别出哪一个 Label 更首要，可以操纵这些法子叠加起来，让元素之间有清楚的条理



在 iOS 11 中晋升条理的案例：

（1）照片（Photo） App

照片是 App 中最首要的内容，iOS 10 中照片的章节题目与照片比拟不清楚，不克不及凸显照片，以是在 iOS 11 中，章节题目的主题目字体调大+增长字重，副题目字体调大+用灰色，改动后鄙人面比拟图中可以看到条理有较着晋升。



（2）日历（Calendar） App

根本元素都增强了色彩，月份上用了更大字体+粗字重，在当前正在履历的内容上用了赤色增强，比拟 iOS 10 的版本，条理清楚而且对当前场景的处置让全部 哈喽交友App 的设计更合适逻辑和雅观



（3）气候（Weather） App

全局调大了字体巨细和间距巨细，固然捐躯了一些高度，可是可读性上增长了不少，条理更清楚，变得更易浏览。


标的目的3：加强比拟结果
跟着「大题目」和「文字条理」的晋升，其他元素也要一块儿去均衡，让所有元素之间都包管功效适用性和尽量简约，如下是改动的一些内容：

解锁界面中填充了按钮外形和增大文字字重。



搜刮框中文字字号增长，增长高度。



标签栏文字的字重从默许(Regular)到中号(Medium)，对图标也做了填充和加粗线条。



横屏状况下，把标签文字挪动到了图标右边，收缩了标签栏高度，和导航栏和东西栏的高度更匹配。


从「设计样式」到「设计理念」
不少设计师说到「设计趋向」，会说扁平化，渐变，投影等元素，信赖此次 iOS 11 中视觉气概最强烈的「大题目」也会成为一些设计师口中下一个「设计趋向」。

咱们回首下苹果设计团队设计 iOS 11 进程：
发明 iOS 中存在位置不清楚的问题找到修建中「Wayfinding」的观点找到「字体付梓」的方法举行交融，而且遵照已有的设计原则在 Apple Music 中做实行而且验证有结果制订了设计标的目的（大题目，文字条理，比拟）落地并打磨设计
「大题目」的「设计样式」其实不是平空而造的，基于发明一个问题和提出一个解决思绪和一个全局的设计理念而得来的，出格是对付互联网产物的设计，这点尤其首要。

不要成为「设计样式」的跟随者，要晓得甚么是合适的。

以上就是关于 iOS 11 的设计理念的一些收拾。

注：图片援用至 WWDC 官方文档，部门稍作点窜。

Session 810：What’s New in iOS 11

作者：icojump

本文来历于人人都是产物司理互助媒体@饿了么UED，作者@icojump

题图来自 Pexels，基于 CC0 协定