@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 中的在尺寸大小、字体颜色上有些许不同：

相关文章： 利用热门电影日引流1000+的方法，学会了引流不再是问题！  为什么要做引流推广？引流的本质就是获取客户！  联盟是什么？赚钱有哪些优势？收益怎么样？  网上兼职有哪些靠谱可以做的？  网站收录影响网站排名？网站收录和网站排名的关系  百度广告投放形式都有哪些？怎么收费？  网页优化怎么做？这五个核心要素的优化必须掌握！  手机赚钱平台有哪些？推荐你这6个轻松赚取零花钱！  做好微信seo快速引流精准流量的6个方法  推广注册app拿佣金怎么做？有哪些靠谱的渠道？  网上兼职靠谱的有哪些？这4个网上兼职靠谱又赚钱！  想要提升引流效果，这4个核心引流思路必须要会！  副业赚钱的基本逻辑，弄清楚这些赚钱很简单！  知乎引流如何做？做好这五点，引流不是问题！  你不得不知的22个可以实现网络赚钱的优秀平台分享！  广告营销的6大要素，效果翻倍！  你不得不知的快速提升网站排名的6个seo技巧！  ​怎样才能在联盟上推广|直播|、聊天交友类app注册赚到更多的钱？  揭秘！不用网站做百度SEO关键词排名引流的6个平台和方法！  引流的最快方法是什么？是裂变引流！  实测非常有效的10种引流裂变方法，快快学起来！  揭秘！最常见的三个号称日入几百上千月入过万的网赚骗局！  互联网广告公司都是怎么通过广告赚钱的呢？主要靠这3点！  站长必看:四个关键因素影响网站生死！  网络兼职日入300的项目和方法：推广|直播|、聊天交友类app赚钱！  app引流的8种“邪恶”推广方法，效果异常的好！  广告联盟能挣钱吗？能不能月入过万？  广告有哪些优点和缺点？  如何在家用电脑赚钱？用电脑在家赚钱的四个项目！  【引流必看】2021年知乎引流的技巧方法实操经验分享  网站做好网络营销引流的8个小技巧  看完这一套完整的app推广攻略，再也不用担心app引流获客了！  分享7个合法靠谱且高利润的偏门赚钱项目  做好单页网站优化，推广引流再也不是问题！  学生党QQ社群兼职赚钱月入300+项目  如何选择一个可靠的广告联盟赚钱年赚百万？  一般人通过|直播|赚钱该怎么做吗？|直播|赚钱的四大方式！  6个零成本高效引流的方法，学会了再也不用为流量发愁！  app运营精细化如何做？这三个核心指标务必明确！  广告投放的渠道和方法有哪些？各自的优势在哪？  如何利用引流脚本通过广告联盟等渠道收益月入过万？  5个实用的美图社区引流吸粉技巧和方法，流量滚滚来！  做推广的收益如何？赚钱吗？  下班后做什么赚钱项目可以日赚500+?我来告诉你！  跨境电商赚钱是怎么做的，为什么这么赚钱？  注册推广月入过万项目玩法介绍，十足的干货！  没本钱怎么在手机一天赚500？“趣闲赚”分享推广做任务赚钱玩法介绍  聊聊提高用户粘性对网站优化排名引流的好处  新网站如何做好引流推广快速获取用户？  app推广配合新媒体推广的渠道和玩法介绍，精准引流必选！