iOS11设计理念和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

　　https://developer.apple.com/videos/play/wwdc2017/810#

　　做者：icojump

　　本文滥觞于大家皆是产物司理协作媒体@饥了么UED，做者@icojump

　　题图去自 Pexels，基于 CC0 和谈