社区讨论：iOS 6的UI设计

iOS6系统的Beta版前不久刚刚发布，国内社区对它的UI设计发表了看法，一方面有人认为其设计风格严重不统一，而另一方面也有人认为AppStore设计存在优点。

程志达

iOS 6 Beta 版说明了一件事情，就是苹果现在最大的短板就是UI设计：

1. 完全不统一的体验。
   音乐App里，外边是惨白的配色，开始播放之后变成了全黑的。自带的照片程序Tab栏是Glossy的，AppStore是亚光的。上面的状态栏也是忽黑忽蓝。我最一开始看到蓝色的状态栏，还以为是开了什么背景服务，把各种东西杀了一遍，甚至怀疑是Skype VOIP的提示，差点把Skype给卸了。最后才发现是它本来就那样。
2. 落后时代的仿真界面。
   各种大阴影，夸张的渐变和材质。Reminder、Notes、Find My Friends、 Game Center, 还有谁看到这种界面不作呕吗。再去看看通知中心那个抹布的背景还在。设置界面背景本来的细竖线条纹变成了下面模糊的竖线；iPad 设置界面中间那下水道一样的分隔线；分享界面那些过火的图标。
3. UI 设计毫无进取甚至倒退。
   只拿AppStore这一个界面的改版来说，无论是在iPhone还是在iPad上，同样的一个界面，无论是信息密度还是操作的顺畅程度，新的界面都不及老界面。App详情弹出的翻转卡片式设计更是糟糕。

如果勉强说苹果这次改进好的地方，我觉得只有几个细节还算不错：

• iPad 的时钟应用（仅限于大时钟界面）
• 通知栏直接发推。
• 其实我还挺喜欢那个默认的pull to refresh的效果的…

这些年以来，苹果在 UI 设计上做对的事情越来越少，比起业界Flipboard、Twitter、Paper 开创的各种新风格、新方式来说，苹果不仅已经不再是潮流先锋，甚至已经赶不上业界水平。iOS 刚出来的时候，弹性窗口、慣性滚动、双指缩放，这些都是苹果“教”会别人的，但现在苹果似乎还沉迷在仿真界面之类错误的方向不能自拔。设计也没有Android 4.0和Windows Phone那样的现代感。现在，苹果制造着世界上最好的硬件，有世界上最先进的OS，iOS 比其它系统都要成熟得多，有最好的开发者群体，每天都有开发者做出让人瞠目的创新。我们觉得苹果做得更差，或许只是连自己也没有意识到这个行业发展得这么快。从此之后，可以期待苹果的硬件，可以期待苹果的OS和开发工具，就不要期待他们自己做的App和新的UI设计了。

姚军

WP和Android4.0的确代表了设计的新潮流，但我认为并非所有设计都需要跟随着这股潮流。崇尚简洁、现代，不一定要用那种方式。流行也有自己的局限，个人就很看不惯WP和Android 4.0里面很多误把简陋当简洁的行为方式。

张涛

关于仿真式界面为什么是一种多余的过时的设计，可以移步这篇文章，Daring Fireball 也说过这个事。这些细节如果是关于功能或者隐喻，那么他们是恰当的。但是在 Find My Firends 里面加入皮革素材这算是什么？因为我们在现实生活中都把朋友的地址卡片放在皮夹子里？最为关键的是，这是Apple的硬件设备啊！Apple可以为了整体的干净和一致，使用Unibody这样的技术；可以为了精简集中用户的交互，使得整个屏幕只剩一个Home键……这才是Apple，将莫名其妙不知所谓的“装饰细节”作为设计的重要部分并不是这家公司的基因和最好的作为。一个真正热爱这家公司产品的人，才会对这次iOS 6更新后的UI分裂产生这样的痛恨。不明白 Apple设计理念为何，只知道一味追随，这才是最可怜的“果粉”。希望9月来临时，Apple能够把这个“Beta”中的UI分裂问题解决。这，确实不是一个很好的设计。

DelayNoMore!

Beta 版的设计风格确实分裂了点，之后应该会改进的，不必担心。Apple 设计师的品味从来都差不到哪里去。iOS 的仿真／拟真设计思想在 iOS 6 里更加凸显了，甚至细节达到了变态的地步。

大家可以看一下iOS 6 改版后的音乐播放界面，注意到上下两个滑杆了吗？滑竿上的金属圆形按钮原来不仅仅只是模仿了金属纹理，在你左右稍微倾斜手机的时候，它居然会像真的金属一样改变光泽的角度！（你可以拿起你的Wireless Keyboard G6或者Magic Trackpad看看侧面来了解这个效果）虽然能明白它是用重力感应实现的，但是不是谁都能做出这么细致的设计。也许 Apple 还会变态到在以后的 Mac 上，利用摄像头或者距离感应器什么的检测用户头部的位置，让Dock图标里Apple官方的那些也采用这个金属光泽背景的App的图标也会自动改变光泽，谁知道呢？

郭凛

AppStore的改造其实蛮好的：

1. 预览图放在Description前面——平时我们大多都是先看图的。
2. review放置到顶部tab中，对用户强调review的作用——避免“来电黑名单app”悲剧。
3. 增加related的tab，应该是从iPad AppStore中的统计数据做出的改造，关联推荐和品牌效应推广效果很好。
4. 分享按钮放置到右上角，分享类型也丰富了——强调社会化分享。
5. 万恶的IAP Top Purchase原来占据着那么重要的一个位置，终于挪最底下去了。
6. 强化了What's New，以前每次新功能都要在Description里再写一遍，对用户也有帮助。
7. App列表中App名称变为可以显示两行——现在大多数App名字都很长，然后看到的都是省略号。
8. App列表滚动时自动更新，不需要再点击“更多25个”——再也没有“前25名效应”了。
9. 加入了Genius智能推广，迟早的一步。 

罗永兴

优点：设置、时钟APP Icon的尖角都换成了圆角，看起来要友好的多。
缺点：

1. 从目前的beta版来看，iOS6的UI设计很不统一，iStore tabbar的样式就不同于短信、电话的tabbar，做为系统级的APP，样式上应该还是统一一些的好。
2. 默认的状态条，这种蓝色我实在看不惯，我们的设计师也表示他调不出这种颜色……
3. 拨号界面严重需要重新设计！
4. 音乐APP的风格和iPad版的音乐统一了，但是tableview的section header变高了，感觉这块儿没必要这么高吧？太占空间了。

Oasis

每个设计者都有自己的思想和设计方式，每个产品经理都有自己的不同观点，所以在公司产品经理争吵是一件很平常的事情 。说这些话的时候先考虑以下问题：

1. 这个真的是不符合我们的常理么？
2. 这个设计对外国人是什么样的感觉，确实觉得这么差吗？
3. 指出的问题不适应一小部分还是整个用户群体？
4. 每一个细节和设计里面你是否真的去了解和思考过它所包含的内涵？

潘峰-Felix

我的感觉是，目前不少厂商对UI的理解仅仅是 user interFACE，只要把Face（贴图） 做好就行了，User 自己知道如何去Inter。相比之下，苹果对UI的理解仿佛更接近 "User-Inter, and Face" 。重点好像不在 "Face" 上，而是在如何让 "User" 更好的去 "Inter"，附带把Face也尽可能做漂亮。

举三个例子吧：

• 过去：当其他手机厂商还在研究如何把按钮做得更漂亮时，第一代 iPhone 引入了多点触控的触摸屏界面，于当时在操作性上与其他品牌的手机相比占有领先地位。（当别人都在研究如何做出更好的按钮时，苹果研究如何废除按钮。）
• 现在：Siri给用户和手机之间加了个“音频信号线”，多了个交互的通道，可以理解为“听说界面”，这是个看不见的 Face，它的诞生是User-Inter的创新，而不能简单的理解为那个“不锈钢紫灯”话筒图标Face的创新。那个新的地图也不能忽视，由于还没亲眼见到，这个我就不瞎猜了。（当别人研究屏幕如何更大，贴图更漂亮时，苹果更多研究除屏幕以外的其他操控和反馈方式，如声音。）
• 将来（瞎猜）：传言中的“触摸反馈”，我相信当屏幕能凸起按钮时，上面同步显示的贴图一定是接近真实的。如果传言属实，苹果就走了个从取消按钮到重新引入“按钮”的回归路线，但回归以后就不一样了：仿真贴图的优势将显著提升。（当别人早已放弃按钮的时候，苹果开始研究"按钮"了。）

读者对iOS6的设计有何感想，欢迎发表自己的看法。另外，即将于8月10日在深圳举行的全球架构师峰会特别安排了“移动互联网精品架构案例分享”专题，感兴趣的朋友可以报名参会。