@Ryan Lau ：北京时间 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 体验。

先来看看 iOS 11 原生的 Mail。和其他系统应用一样，Mail 也引入了新的带有 Large Title 的 Navigation Bar。然而，Mail 中的 Large Title，与设计指南中的尺度样式比拟，位置却靠右了一些。在此我们可以以 Search Bar 作为参照物，在尺度控件中，，Large Title 与 Search Bar 依照同一条参考线左对齐，而在 Mail 中，Large Title 显然比拟 Search Bar 在水平位置上往右边挪了些。

在 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 中的 Search Bar 同样有问题。看起来 Files 的工程师使用了非尺度的 Search Bar。从下图可以看出，比拟 Settings 中的尺度 Search Bar，Files 中的在尺寸大小、字体颜色上有些许不同：

相关文章： 目前非常火热的信息流广告的广告投放模式主要有哪几种？  教你如何足不出国就能轻松操作国外广告联盟赚取美金！  广告联盟平台哪个比较靠谱，该如何选择？  网站怎样赚钱？10个网站赚钱方法拿走不谢！  网站优化中你不知道的那些隐性优化  日赚500+的另类游戏推广赚钱套路解析  网页优化和网站搜索引擎优化有何区别？  2021年网上赚钱方法有哪些？这四个最值得做！  百度广告推广怎么做比较好？有哪些推广方式？  社交app推广引流之微信陌生人社交推广引流吸粉！  推广社交app应该如何进行引流才能赚到钱？  赚取人生第一桶金，建议从app推广拉新开始！  社交app如何做推广？目前主流的APP推广渠道分享!  网站排名不高应该做哪些seo优化操作呢？  2021网站内容优化这么做，快速提高网站排名  网站权重如何提高？做好这十步就行了！  国外广告联盟是怎么赚钱的？看完这几个案例收入吓你一跳！  在广告联盟平台推广项目赚钱有哪些优势？  网站外链应该怎么发布？发布网站外链的4个最实用有效的方法！  app线下推广渠道都有哪些，该怎么做？  非常实用且免费的冷门推广赚钱方式：诱导引流操作方法  谷歌广告联盟教你怎么玩转海外H5小游戏！  网站优化公司是怎么做网站关键词排名优化的？  新手做自媒体运营的5大实用技巧和7个必备工具！  【干货】QQ快速精准日引流100+的玩法  互联网营销平台有哪些？十大类广告营销平台介绍！  2021年兼职赚钱的路子有哪些？推荐这6个！  流量变现的手段和方法都有哪些？  通过qq群营销、微信营销、网站营销等方式售卖网络课程月入过万项目分享！  广告联盟上的网赚形式有哪些优势？  app推广如何做才有效果？这9大推广渠道必须掌握！  如何利用腾讯广点通推广app？  现在搞什么副业挣钱？4个在家就可以做的副业赚钱项目  如何通过快手做引流？快手引流干货来了！  网上的那些网赚项目培训收徒是真的赚钱还是割韭菜？  app推广怎么通过网盟推广来引流获客？  网站没流量？巧用这些网络推广方法来为网站引流！  做广告推广的几个要点和细节，一定要记好了！  这样发布网站外链才能帮助我们更好的提升收录和排名！  网站收录和网站排名的关系是怎样的？  什么游戏可以挂机赚钱？依托脚本*自动化挂机赚钱  广告模式有什么好处？广告计费的方式是什么？  怎么接广告赚钱？四个比较靠谱的接广告赚钱的方式！  弹窗广告背后的利益链条有多赚钱？你可能无法想象！  2个超级暴利非常赚钱的网络淘金项目操作思路分享!  网站排名突然下降了有哪些原因？  最新色流套路！利用腾讯系平台和产品来进行引流变现  利用QQ群营销日赚200+的赚钱玩法  在App Store上推广app上传审核被拒的几个常见原因！  如何快速搭建一个网站推广联盟广告赚钱？