解析IOS11：苹果还像过去一样在意细节吗？

　　北京工夫 13 日清晨，Apple 正在 Apple Park 内的 Steve Jobs Theater 召开了春季出格举动，正在为片面屏的 iPhone X 掀开里纱的同时，Apple 背开辟者们推收了行将正在 19 日正式推收的 iOS 11 GM 版本，笔者也正在第一工夫更新了本人的 iPhone。

　　笔者正在 6 月份的 WWDC 后尝陈了 iOS 11，正在阅历了一个寒假的更新后，iOS 11 末于走到了正式版。笔者利用的是 4.7 寸的 iPhone 7，正在一番体验后，却发明 iOS 11 的正式版仍旧布满了 Beta 版本的粗糙感。做为一位设想师，末于不由得要写一篇文章去吐槽了。

　　笔者撰写本文的目标，正在于让人们留意到 iOS 11 中仍有很多不敷的地方，也期望可以让 Apple 内部有闭的职员留意到，使得 iOS 11 正在后绝版本更新中可以处理那些成绩。

　　iOS 11 体验的粗拙，次要表示正在 UI 战动绘圆里。iOS 11 的 UI 元素极没有同一，各类 UI 元素稠浊，虽然它们看起去类似，但却会正在纤细的体验间带去分裂感。那些元素的没有同一次要集合正在 iOS 11 中更新过的一些 UI 元素，比方新参加的 Large Title，和新的 Search Bar 款式。那些新引进的元素，大概是缘于 Apple 内部工程师借尚没有熟习，招致体系中呈现了很多没有同一的 UI 体验。

　　Mail

　　先去看看 iOS 11 本死的 Mail。战其他体系使用一样，Mail 也引进了新的带有 Large Title 的 Navigation Bar。但是，Mail 中的 Large Title，取设想指北中的尺度款式比拟，地位却靠左了一些。正在此我们能够以 Search Bar 做为参照物，正在尺度控件中，Large Title 取 Search Bar 按照统一条参考线左对齐，而正在 Mail 中，Large Title 隐然比拟 Search Bar 正在程度地位上往左边挪了些。

　　Watch app

　　正在 Watch app 中，Search Bar 的设想并已适配 iOS 11 保举的款式，隐得扞格难入。正在利用了 iOS 11 新设想气势派头的本死使用中，Search Bar 皆曾经战 Navigation Bar 融为一体，而 Watch app 却并不是云云：

　　正在 Apple 背开辟者公布的 Building Apps for iPhone X(https://developer.apple.com/videos/play/fall2017/201/) 指点视频中，恰好提到了一样的成绩：

　　左边的 WWDC 是正在已经适配的反例，左侧的 Contacts app 则是适配过的规范。视频中是云云讲解那个成绩的：

　　That’s move on to the second issue that I found… if I bring out the search field, well that doesn’t look quite right. Let’s compare this to the Contacts app list. A couple of things look wrong here. The color of the search bar background isn’t quite right. And the sizing is a bit off.

　　可睹，iOS 11 倡导 Search Bar 取 Navigation Bar 布景交融。而 Watch app 做为本死 app，却出能做到那一面。别的，Watch app 的 Search Bar 面击后，Search Bar 曾经揭到了 Status Bar 的底部，可睹 Apple 的工程师正在此处其实不够存心：

　　Files

　　Files 中的 Search Bar 一样有成绩。看起去 Files 的工程师利用了非尺度的 Search Bar。从下图能够看出，比拟 Settings 中的尺度 Search Bar，Files 中的正在尺寸巨细、字体色彩上有些许不同：

　　除尺寸巨细以外，我们借能够经由过程面击 Search Bar 后的动绘判定出差别。尾先看看 Settings 中的尺度 Search Bar：

　　△ https://v.vzuu.com/video/891639179635740672

　　再看看 Files 中的 Search Bar：

　　△ https://v.vzuu.com/video/891683943068360704

　　比照发明，Files 中的 Search Bar 动绘速率更快，且动绘逻辑其实不天然，略隐粗拙。

　　App Store

　　iOS 11 的 App Store 颠末了从头设想，引进了相似 Apple Music 的设想。但是，正在 App Store 的 Today，和 Apple Music 的 For You 中，日期的处所倒是用了两种差别的字重。以下图所示，App Store 中较重，而 Apple Music 中较沉：

　　一样是那两个 app 的比照，正在两个 app 的搜刮页里中，触摸 App Store 内的保举条目，其实不会有触摸的 hover 反应，而关于 Apple Music，触摸搜刮条目时，改条目标布景色战字体色会互换，以构成触摸反应。笔者以为，Apple Music 的处置更加适宜，且一样做为体系的本死使用，不论是可有 hover 反应，皆该当同一。

　　别的，正在 App Store 中，仍存正在一些细节上的 bug。正在 App Store 中翻开随便一个有特征图象的 app，从右边缘左划，再左划，会发明 Navigation Bar 的色彩出了成绩：

　　经由过程视频看一下那个 bug：

　　△ https://v.vzuu.com/video/891640396579508224

　　App Store 中借有一个动绘机能成绩。正在 Updates 上面，下推革新后，滑动 Large Title 时帧数会严峻降落，此处经由过程视频欠好展现，亲身体验时能够较着感触感染到。

　　Health

　　正在 Health 中，Today 页里战 Health Data 页里中，不异的数据，不异的卡片设想，卡片的宽度却差别。那一成绩正在 iOS 10 中曾经存正在，可是至古仍已有改变：

　　Today Widget

　　正在 iOS 11 中，有两种翻开 Today Widget 页里的方法，一是正在主屏幕左划，两是正在锁屏/告诉中间左划，但是以上两种方法各自调出的页里中，顶部 Search Bar 的触策动做战动绘有很年夜的差别。前一种方法(主屏幕左划)中，背下推动 Widget 页里没法调出 Search Bar，而面击 Search Bar 时除 Cancel button 有动绘以外，毛玻璃的呈现战消逝出有动绘过渡，Search Bar 宽度的变革也只要正在变窄时才有动绘，退出 Search Bar 时则出有动绘，全部体验非常死硬：

　　△ https://v.vzuu.com/video/891460439790194688

　　而正在第两种方法(锁屏/告诉中间左划)中，以上行动均有动绘过渡，且背下推动 Widget 页里能够调出 Search Bar，体验逆滑：

　　△ https://v.vzuu.com/video/891460512884355072

　　那便形成了两处 Today Widget 页里体验的分裂。隐然，从主屏幕进进的版本粗陋很多。值得一提的是，正在 iOS 10 中，从主屏幕进进的 Today Widget 页里也皆是有 Search Bar 动绘的，Search Bar 也能够经由过程下推触收，没有知为什么，那统统正在 iOS 11 中皆消逝了。

　　不外，话道返来，iOS 11 中经由过程锁屏/告诉中间进进的 Today Widget 页里也并不是完善，其一样有相较 iOS 10 的发展的地方。正在 Today Widget 页里，当用户上推页里，使得 Search Bar 盖过 Widget 时，Search Bar 下会呈现一毛玻璃矩形，以避免 Widget 内容战 Search Bar 堆叠，但是，此时面击 Search Bar，那一毛玻璃矩形会先消逝，然后才呈现齐屏的毛玻璃，而退出 Search Bar 时，则是齐屏的毛玻璃先完整消逝，顶部的毛玻璃矩形随后才呈现，且出有动绘，非常没有天然：

　　△ https://v.vzuu.com/video/891460560384823296

　　(请认真看屏幕顶部的 Search Bar)

　　假如视频太快，借能够逐帧不雅看。能够看出，齐屏的毛玻璃取顶部的毛玻璃并没有毗连，而是前后呈现，分裂感实足：

　　除短少的动绘，iOS 11 中一样有过剩的动绘。正在 iOS 11 中，每次从 Today Widget 页里左划，进进锁屏界里时，城市有一个播放器从短变少的动绘。正在笔者看去，那个动绘真正在过剩了：

　　△ https://v.vzuu.com/video/891647941545177088

　　正在面击 Search Bar 后呈现的 Siri Search Suggestions 中，有两个成绩。一是，当用脚触摸搜刮项时，hover 反应宽度其实不是屏幕宽度，招致 hover 酿成了一个非常生硬的曲角矩形。适宜的 hover 该当是像 Apple Music 等 app 中一样，hover 宽度为屏幕宽度：

　　两是一个十分诡同的成绩，假如列位认真看 Siri Search Suggestions 中的笔墨，会发明字体的边沿其实不光滑(推丁字母较较着)：

　　Photos

　　留黑过量或过少，即没有适宜的 margin，一样呈现于 iOS 11 的很多处所，使得 UI 的粗拙感战半废品感尽隐。

　　正在 Photos 中的 Shared 标签页中，Activity 页里内容左边(下图中箭头所指处)的 margin 太小，比拟其他 app 过于高耸：

　　Settings

　　正在 Settings 中的 Apple ID 页里，iOS 11 中底部的装备列表对齐方法自成一派。而正在 iOS 10 中，那一地区是一般的，没有知为什么正在 iOS 11 中便坏失落了：

　　Apple Music

　　正在 Apple Music 中，Connect 的某些 post 范例会呈现图片取笔墨间 margin 太小的状况，能够肯定的是，那其实不是一个成心的设想决议，果为正在 macOS 中的 iTunes，margin 的设置是开理的。虽然 Connect 那一功用存正在感极低，可是做为 Apple，仍不该该正在设想上犯云云初级的毛病：

　　一样是 Apple Music，进进 Library 的 Albums list，面击左侧的尾字母跳转，会发明，字母的标签遮挡了一部门专辑启里：

　　正在 iOS 10 做为特征正在 WWDC 上宣扬的 Apple Music 播放界里动绘正在 iOS 11 中事情没有一般。比方，正在两次翻开正正在播放界里时，正正在播放专辑启里的阳影会无故消逝(下图左);久停形态下，启里该当较小，但正在两次翻开播放界里时，却变得战正正在播放时一样年夜(下图左)：

　　正在 iOS 10 利用过 AirPods 听歌的用户皆晓得，当毗连至 AirPlay 装备时，正正在播放界里底部的 AirPlay 图标后，会显现毗连的装备名。但是，正在 iOS 11 中装备名却没有睹了：

　　大概有人会道，那是一个设想上的挑选，可是实践上，那是一个 bug。以下视频所示，正在正正在播放界里中方才毗连至 AirPlay 装备后，底部会显现装备名。但如果正在以后将正正在播放界里封闭，再次翻开后，装备名便没有睹了(请留意看视频底部的 AirPlay 标记)：

　　△ https://v.vzuu.com/video/891645149132775424

　　并且，正在利用战 Apple Music 一样设想气势派头的 Podcasts 中，初末会显现 AirPlay 装备名，出有 bug：

　　Apple Music 中借有一个 bug。寡所周知，正在 iOS 中返回顶部普通有两种办法，一为面击 Status Bar，两为面击 Tab Bar 上的图标。但是正在 Apple Music 中，面击 Status Bar 后返回的是 Large Title Navigation Bar，面击 Tab Bar 图标后返回的倒是小字的 Navigation Bar：

　　能够肯定的是，那是一个 bug 而没有是设想挑选。果为正在接纳年夜题目的 Podcasts 战 App Store 等本死使用中，面击 Status Bar 战 Tab Bar 图标返回的皆是 Large Title。

　　Control Center

　　正在 Control Center 中，AirPlay 装备的标示显现也有 bug。笔者正在利用历程中，常常会逢到毗连着 AirPods 却显现播放源为「iPhone」的状况。和，当播放源显现为 AirPods 时，面击久停，播放源则显现为 iPhone(不外那只是显现的毛病，AirPods 仍正在一般运做)：

　　△ https://v.vzuu.com/video/891654950634008576

　　Control Center 中也有一处没有适宜的动绘，即 Screen Mirroring 的 3D Touch 动绘：

　　△ https://v.vzuu.com/video/891655367698837504

　　Weather

　　iOS 11 的 Weather 一样颠末了更新，接纳了更年夜的字体，留黑更少。正在此处我留意到了一个小细节，正在 iOS 11 中，温度的数字并已居中。而正在 iOS 10 前，数字是居中的：

　　此处有能够是 iOS 11 的设想决议。可是笔者的实践利用中，iOS 11 已居中对齐数字，招致正在部门温度时，数字视觉偏偏左非常较着，结果其实不比 iOS 10去得 好。

　　字体成绩

　　接下去是最初一个成绩也是最为严峻的一个成绩。以上的成绩能够对一般人的利用其实不影响，但接下去的成绩真真正在正在影响了每一个人的利用体验。

　　那便是 iOS 11 Safari 中存正在的真细体成绩。那一成绩是笔者正在 iOS 11 调试小我私家网页结果时发明的：

　　如上图，iOS 11 中，苹圆细体是较着的「真细体」(faux bold)。真细体即体系并不是挪用苹圆自带的字重，而是正在某一根底字重上粗鲁天机器删减字重。真细体经由过程算法机器死成，凡是量量欠安，会形成笔划细细、字距等圆里的较着成绩。从截图中能够看出，iOS 11 中的真细体苹圆字距较着偏偏年夜。

　　正在颠末调试后，笔者发明那一成绩仅会发作正在 CSS font-family 设置中存正在「-apple-system」的状况中，即 font-family 中利用了体系的 San Francisco 字体。只需正在 font-family 中来除 -apple-system，体系即会挪用现有的字重，真细体消逝。

　　那个成绩，不只呈现正在 Safari 中，而是会涉及一切利用了 iOS 网页衬着引擎的 app，比方微疑的内置阅读器战豆瓣 app。以下图所示，豆瓣 app 曾经被真细体苹圆霸占了：

　　翻开一篇影评，会发明题目是真细体。经由过程比照换止地位，能够发明真细体的字距有很年夜成绩。实践上，那一成绩不只仅是真细体，其涉及包罗 Regular 正在内的一切字重，即实践上，您所看到的 Regular 字重也是「真 Regular」。真 Regular 大概很易从笔划细细那一角度觉察成绩，但经由过程下图比照，能够发明 iOS 11 中注释的字距也偏偏年夜，足以证实那是「真 Regular」：

　　再浏览一下真细体正在微疑推收中的表示：

　　Safari 真细体成绩正在 iOS 11 Beta 1 便已呈现，笔者于八月初经由过程 Feedback app 提交 bug 反应，但曲至 iOS 11 正式版，那一成绩仍已处理。笔者做为一位字体付梓喜好者，真正在对此感应绝望。

　　结语

　　远几年，闭于 Apple 硬件量量降落的会商不停于耳。Apple 正在死物辨认、机械进修、AR 等严重范畴年夜跨步行进，公司范围越来越年夜的同时，仿佛得却了过往那种仔细砥砺每个产物细节的心。13 日的公布会上，听着 The Beatles 的歌，听着 Steve 的话，有那末一霎时，我感应我们恰似借身处已往的 good old days。不外昔日的 Apple，的确是差别以往了。我偶然唱衰 Apple，做为一位糊口中布满 Apple 产物的人，Apple 如今还是我最喜欢及尊崇的科技公司。我只是期望，Apple 不竭行进的同时，没有要遗忘已往他们所珍爱的代价。