全新、但并不意味着更好:关于iOS 7 那些不得不说的新设计

ios-7-icons

今天凌晨苹果的WWDC 大会,相信大家都已经讨论一天了。除了那些依旧震撼的销售数字、出现小故障的Anki人工智能小车、进一步整合iOS和改进的OS X 10.9、长达12小时的全新MacBook Air,以及颠覆性的Mac Pro 和云端的iWork,最让大家兴奋的,还是传言已久的iOS 7。

前面我们已经详细介绍了iOS 7新增的功能试用体验,下面我们抛弃这些,主要谈谈大家最关心的iOS 7设计:关于扁平、关于模仿、关于新的交互和操作方式……

icon(图标)

在Scott Forstall 时代,苹果iOS 的设计语言是skeuomorphic(拟物化),这个苹果带来了老少皆宜的使用体验,让用户和开发者的门槛都降到了业内最低的水平。但Jonathan Ive 上任之后,他要让整个iOS 更加Flat(扁平),而首先开刀的就是iOS 的系统icon 。正如大家所看到的,新icon 已经变得非常平了,去掉了很多模仿现实细节的修饰。

很多人看到后的第一反应就是“丑”!我个人认为,iOS 7图标看起来丑,一方面是媒体图片质量和苹果背景选择导致的,另一方面,新icon 确实比以前的丑了很多。即便你安装了 iOS 7 Beta 版,你也没有了原来看到苹果图标那种来自内心的喜欢,而是看了觉得“嗯,还不错”的情况下,一种由于太多留白而产生的视觉压力。

ios-7-icon1

究其原因,我觉得还是新icon 设计的还不够成熟。比如icon 的饱和度过高(如Videos)、内部物体的大小不统一(如Camera、Newsstand)、纯度过高的留白(如Calendar、Reminders)、黑白使用不够统一(如Stocks、Compass)等。整个iOS 7 在icon 背景色选择、拟物程度、色彩渐变范围等各个方面都非常混乱

举例来讲,Settings和Camera 的背景都是灰色渐变,但两者的渐变幅度却不一样,里面的图标颜色也不一样。而如果我用纯白背景的话,Calendar、Photos、Safari、GameCenter 就看不到圆角矩形了,而如果我用纯黑背景的话,Clock、Stocks、Compass 也没有外面的那层框了。这样用户的眼睛在不同的icon 上不断跳跃,适应起来很累。

工具栏、通知栏

iOS 7 加入了快捷工具栏,这是值得赞扬的。而工具栏和通知栏的风格设计,第一眼让我觉得很像Twitter #Music得玻璃雾化效果。问题在于,Twitter #music 是一款音乐应用,它使用比较明快甚至前卫的风格在用户听歌的大部分场景下是OK 的,但通知和工具使用这种效果,由于背后五颜六色的icon,让人看起来整体上就有一种彩光贴纸的廉价感,而且看起来明度过高,要是暗一些或许会好点

ios-7-tools

重新设计的原生App

如果说iOS 7 扁平,那么最明显的就是苹果原生App全新的设计风格了。虽然原生App 中个别还有些小问题,但整体上iOS 7的App 设计非常赞,不管是iTunes Radio、Photos、Safari,还是Mail、Newsstand、Messages等,都去掉了大量的背景仿真,看起来干净了很多。

全新设计的扁平化App 中,我们看到了之前很多iOS 上优秀App的影子,比如Weather 之于Yahoo!Weather/空气质量指数;Calendar 之于Any.DO-Cal/Google Calendar;Mail 之于Mailbox/Gmail 等。 除此之外,Compass、Stocks、 Calculator 等设计的都非常漂亮。(唯一让我不爽的是Photos 里面的全部图片功能,密集的都起鸡皮疙瘩了。)

ios-7-apps3

控件设计

由于iOS 7整体都趋向了扁平化,自然App中的按钮设计也变得非常简洁。但在所有App 中,控件的设计风格却并不统一。如果你拿iTunes Radio、Photos、Safari 比较的话,会发现iRadio 下面的歌唱家、专辑按钮还是老版的设计,只不过颜色变成了灰色;而Photos 下面的图片、分享按钮简化了设计,和设置或通知栏等其他地方的控件比较统一;而你再看Safari 的按钮设计时,却发现它已经简化的不能再简化了,甚至像是从Android 系统上偷来的。

ios-7-apps

新的交互和操作方式

iOS 7 在扁平化设计之下,系统本身的交互也发生了很大的变化。但有点尴尬的是,这些新的改变几乎都可以在其他系统或App 中找到。比如多任务管理像极了WebOS 的卡片管理、通知中心形式 Android 早就在用、自动更新 Google Play 上一版改进时也已经开始用了、设置里的开关滑动按钮和MIUI 的很像、Safari 的3D效果也有很多浏览器在用、App相对背景图片利用3D陀螺仪实现立体效果一些App 也早已使用……

Screenshot (14)

在上面所有的改进中,整体上基本还是不错的。唯一的一个问题,是应用图标的确实丑。而这正是我担心的,因为在WWDC 整场发布会中,苹果在演示iOS 7的时候全部用的白色iPhone,也就是说,如果我用黑色iPhone + 暗色系壁纸的话,icon会显得更加突兀,对视觉的冲击也更强烈。虽然网上也有人开玩笑称开启“反色”会比原icon 更带感,但这显然只能是开玩笑。待秋天iOS 7 正式发布时,苹果会不会设计出一套深色系icon 和界面,对用户体验来说是至关重要的。

对开发者来说,新UI 是具有挑战性的。苹果取消了大量的拟物特征,在字体、结构、平面设计、色彩运用等方面要求更加专业,对于开发者、设计师来说门槛迅速提高。拟物设计在结构、造型等方面要求不高,这也造成为什么Dribbble上那么多精细的拟物作品而Windows 8 上却鲜有出彩App的原因之一。苹果在Human Interface Guidelines改写之后,开发者不仅要改变图标(现在大部分App 都有拟物风),更严重的是要更改整个App内的设计风格。比如刚刚获得苹果设计大奖的Evernote,我们很难想象它如何把卡包设计放弃掉……

iOS 7 是苹果有史以来在iOS 上做的最大的改变,虽然还有很多细节可以吐槽,但相对于很多1.0 的OS 来说,iOS 7的完成度已经很高了。而且iOS 7的扁平也不是人们眼睛看到的扁平,而是对内容、对信息的一种层级更少的扁平化呈现。iOS 7 和iOS 6 相比,实际上并没有好坏之分,只是采用了完全不同的风格,给用户一个不一样的、新鲜的体验而已。两种风格都可以打到90分,之于用户买不买账,就要看后期的反映了。

订阅更多文章