iOS11设计理念和3个设计方向

　　之前汇总了iOS11最全面的设计通讯相关的设计改动，接着分享下iOS11设计理念和3个设计方向，内容来自苹果2017WWDC的Session810，希望能给大家使用和理解iOS的设计思路带来启发。
　　Wayfinding寻路空间导引
　　我们通过标识系统在街道，机场，停车场这些场所进行方向和位置的识别，这种导引指示系统被称为Wayfinding，词语来自建筑领域，由KevinLynch在1960年提出，中文名是寻路或空间导引。
　　iOS经过长期的发展，系统已经变得越来越复杂，加上部分App也同样面临类似的问题，苹果设计团队希望用户在使用iOS过程中也能像物理世界中那样有清晰的导引，所以把Wayfinding概念引入到设计中，试图去解决这个问题。
　　用字体排印的方式进行落地
　　既要能够起到Wayfinding的作用，同时还需要遵循iOS中的2个设计原则：
　　内容凸显的第一原则
　　UI元素不与内容竞争，除非是帮助用户去理解潜在功能的作用
　　苹果选择了使用字体排印（Typogrphy）方式去解决这个问题。
　　在去年的时候AppleMusic有一次改版，加入了大标题导航（见下图），这次改版是被苹果拿来做实验用的，因为AppleMusic是一个内容型App，适合用来验证新设计是不是能提供明确位置和清晰路径。
　　除了验证大标题外，许多文字也增加字重，方便在几个同类型信息中分辨，和切换搜索和浏览2个标签时也快速感知位置。
　　验证下来效果还不错，于是便有了iOS11的设计升级。
　　3个主要设计大方向
　　方向1：大标题导航栏
　　使用大标题导航栏能清晰表现当前的位置，也是这次iOS11让人印象最深的设计变化，如果想把这个风格沿用到自己的App中，可以参考这3个建议：
　　建议1：顶层是标签栏结构的App
　　一般有标签栏的App内容会相应更多一些，使用大标题导航让用户在各个标签栏切换中能够快速查看到自己的位置，当用户滑动屏幕时看到大标题导航也可以意识到回到了头部。
　　建议2：内容丰富的App中使用
　　苹果设计师们在内容丰富的AppleMusic验证了大标题的效果，所以对于内容丰富的App自然也是适用。内容丰富App有大量的页面和各种深度的结构层级，用户会沉浸其中，这时候大标题导航就可以起到导引作用。
　　建议3：在页面内容布局类似的App中使用
　　内容布局相似的App一眼很难快速分辨，大标题导航可以起到明显的指示作用，电话（Phone）App里各个标签栏的内容都是类似的信息，很适合使用大标题导航。
　　不建议：不适合用在内容功能互相平行独立
　　时钟（Clock）App是一个不适合使用的案例，每一个标签页的界面都符合当前功能的界面，用户可以快速分辨出来，若使用大标题导航，会让大标题强过功能表现，违背苹果的设计原则UI元素不与内容竞争，影响可用性，所以不适合。
　　方向2：提升文字设计的层次
　　清晰的层次可以帮助用户减轻认知负担，降低寻找信息时的脑力消耗，同时让主次内容看起来更加协调整体，苹果设计师推荐通过重新组织字体字号进行提升层次美，可以参考以下2种方式：
　　方式1：利用先后位置建立层次
　　位置可以表现重要性，像下图中的Lable1和Lable2的位置，大部分人看到时都会推断Label1比Label2更重要（有些场景也许有例外）。
　　方式2：利用颜色字号字重建立层次
　　深颜色vs浅颜色，大字号vs小字号，粗字重vs普通字重，这些在正常情况下都能很容易分辨出哪个Label更重要，可以利用这些方法叠加起来，让元素之间有清晰的层次
　　在iOS11中提升层次的案例：
　　（1）照片（Photo）App
　　照片是App中最重要的内容，iOS10中照片的章节标题与照片对比不清晰，不能凸显照片，所以在iOS11中，章节标题的主标题字体调大增加字重，副标题字体调大用灰色，改动后在下面对比图中可以看到层次有明显提升。
　　（2）日历（Calendar）App
　　基础元素都加强了颜色，月份上用了更大字体粗字重，在当前正在经历的内容上用了红色加强，对比iOS10的版本，层次清晰并且对当前场景的处理让整个App的设计更符合逻辑和美观
　　（3）天气（Weather）App
　　全局调大了字体大小和间距大小，虽然牺牲了一些高度，但是可读性上增加了很多，层次更清晰，变得更容易阅读。
　　方向3：增强对比效果
　　随着大标题和文字层次的提升，其他元素也要一起去平衡，让所有元素之间都保证功能实用性和尽可能简约，以下是改动的一些内容：
　　解锁界面中填充了按钮形状和增大文字字重。
　　搜索框中文字字号增加，增加高度。
　　标签栏文字的字重从默认（Regular）到中号（Medium），对图标也做了填充和加粗线条。
　　横屏状态下，把标签文字移动到了图标右侧，缩短了标签栏高度，和导航栏和工具栏的高度更匹配。
　　从设计样式到设计理念
　　很多设计师说到设计趋势，会说扁平化，渐变，投影等元素，相信这次iOS11中视觉风格最强烈的大标题也会成为一些设计师口中下一个设计趋势。
　　我们回顾下苹果设计团队设计iOS11过程：
　　发现iOS中存在位置不清晰的问题
　　找到建筑中Wayfinding的概念
　　找到字体排印的方式进行融合，并且遵守已有的设计原则
　　在AppleMusic中做实验并且验证有效果
　　制定了设计方向（大标题，文字层次，对比）
　　落地并打磨设计
　　大标题的设计样式并不是凭空而造的，基于发现一个问题和提出一个解决思路和一个全局的设计理念而得来的，特别是对于互联网产品的设计，这点尤为重要。
　　不要成为设计样式的追随者，要知道什么是适合的。
　　以上就是关于iOS11的设计理念的一些整理。
　　注：图片引用至WWDC官方文档，部分稍作修改。
　　Session810：What’sNewiniOS11
　　https：developer。apple。comvideosplaywwdc2017810