知名iOS开发者Matt Gemmell谈iOS 7

jopen 11年前

        本周早些时候,苹果发布并提供了 iOS 7 的预览。正如外界所预期的一样,iOS 7 呈现了一种由简洁有力的线条,单一或者渐变的颜色,缺少装饰的美学风格。

        对比 iOS 6,我愿意聊聊我对于这套新 UI 的一些看法。

        首先最让我吃惊的是有人对这种改变感到惊讶。这种美学风格的改变其实已经持续了一段时间了;早在一年前我在《Augmented Paper》这篇文章中就对此有过描述。

        与此同时,业界大部分公司都开始已经转向一种减少美化的 UI 设计风格(不可否认一部分公司可能只想和别人有所区别),而 iOS 一直坚定地实践清楚地描绘屏幕的各段,并使用光照和阴影等伪 3D 效果来模拟出一种物理的功能可见性(译注:也就是 iOS 7 之前的拟物化设计)。

        问题是,我们已经长大。我们不需要有人手把手地指导我们怎么去点击。交互就像是一种邀请,物理诱因只是其中一种特定地类型。iOS 7 是为更加成熟的消费者准备的系统,他们理解数字界面也具有交互性,也不希望任何东西妨碍界面之中的内容。

        基本的功能没有任何改变。你仍然可以用同样的方式使用 iOS,几乎一切都和你所期望的一样。相同的手势一样可以工作。也许会有一些差异,但这是一个重要的全新操作系统,毕竟这些变化主要是审美风格的改变。如果你习惯了以前的版本你不会对 iOS 7 感到困惑。

        然而,你可能发现它感觉更流畅、响应更加快速和现代化。

        颜色和边界

        iOS 7 可能用同样的方式工作,但它看起来很不同。这些变化通过在 iOS 6 和 iOS 7 中用联系人应用查看联系人的信息可以进行有效的总结。

知名iOS开发者Matt Gemmell谈iOS 7

        iOS 7 放弃了边界,取而代之的使用色彩来表示交互性、用分隔线来组织信息。所有的控件是隐式的,基于文本标签或图标, 它们通过一个主题颜色来定位并让你感觉有一种视觉“能量”(应用和应用之间不同:联系人是蓝色的,音乐是红色的,记事本是黄色的)。图标都由非常基本轮廓 的来呈现,现在似乎有一种省略标题的趋势,并且将图标和之后的背景放在同一个层次上。

        iOS 7 那种前后台之间切换时颜色的变换,看似好像受到 Windows Phone 的严重影响, 其实这种易读性和平静的风格是当今设计的准则。有些人抱怨细长的默认字体(你可以选择加粗,甚至改变全局字体的大小),视网膜屏幕显示会确保一切内容都是 清晰可读的。

        清晰的视觉感受,显然是得益于移除而不是添加内容。但对 iOS 7 来说,退化的附属物就是那种人造的视觉深度。

        扁平化

        iOS 7 并不扁平。有细微的阴影,灯光效果,渐变,甚至新的视差效果(在我看来,相当的莫名其妙和分散注意力,不过值得庆幸的是可选的)。它确实更扁平了,当然,不过不是从二维的视觉上。

        苹果公司并不靠“让我们使它扁平化”这种目标来设计东西。扁平化是一个奇怪的概念,因为扁平化本身没有一个与用户体验相对应的理论基础。扁平化只是提供了一种特定的理想品质的视觉感受, 扁平化本身不是一种目标。

        扁平化的目标在我写给 Loop 杂志的那篇文章中也有强调。在 iOS 7 里,从美学和概念上来说,App 应用只是成了传递信息的必要内容。表格并不是明显的控件,是物品清单(Tables aren’t so obviously controls, but rather lists of things)。应该关注功能,而不是样式。

        对比 iOS 6,看一看现在的信息界面。

知名iOS开发者Matt Gemmell谈iOS 7

        我们可以辩论颜色的选择,但对比新风格时, iOS 6 里那种透明度,气泡的伎俩,斜角和发光变得非常明显。导航栏在顶部像一个门梁,皱着眉头挂在那儿。这是一个漂亮的 Photoshop 的设计产品,但我看起来觉得粗短厚重,像给越狱设备用的皮肤一样。

        当你收到一个电话时,您能看到这种风格转变更明显。

知名iOS开发者Matt Gemmell谈iOS 7

        斜角,滑动处理、凸起的按钮、阴影、高亮、内发光和明显的按钮边界。Chrome 浏览器在 iOS 6 上侵蚀 60% 了的屏幕大小,并且很有出现一个警告的窗口。新版本不仅可以让你看到更大的来电用户照片,也是一种更安静的呈现方式。它不是一种类似对小部件的盲目包装,而只是内容——让你只看到想使用的几个选项。

        还有一个方面的变化也很重要:终于有人拉开了这层窗帘了。

        光泽

        iOS 7 在色彩上更加淡雅,也直接体现在视觉上。仿佛可呼吸的白色区域无处不在, 用来统一和缓冲与以前完全不同的界面风格。

        iOS 7 给人的总体印象是亮度和开放性。变化的程度只有在一个集合里才变的更加明显。下面是一些 iOS 6 应用的拼图:

知名iOS开发者Matt Gemmell谈iOS 7

        下面是一张对应的 iOS 7 应用程序的网格拼贴, 尽可能显示相同的屏幕。当然,这些都是来自苹果公开发布的 iOS 7 截图。

知名iOS开发者Matt Gemmell谈iOS 7

        对比上面那一幅图片,下图你会有一种更名明亮的感觉。如果我们把两张图片并排会更加明显。

知名iOS开发者Matt Gemmell谈iOS 7

        这个改变会变得更加强烈,如果我们像素化这两张图片来减少颜色的复杂性:

知名iOS开发者Matt Gemmell谈iOS 7

        iOS 6 网格(grid)中右下角有一半阴暗的色调在 iOS 7 里被替换为淡蓝色。同样,iOS 6 中仅存的少数不同的视觉风格(和一些古怪的边界) 在 iOS 7 本质上都转化为两种风格:大约 75% 的应用程序采用这种类似纸张的明亮风格,剩余的采用暗色的实用风格。

        新闻报道总是不成比例地集中在主屏幕,但现实是,你会花更多的时间在应用上。它们以前是只有低矮天花板的阴暗小房间,而现在却有了落地窗,天窗,和干净的环境。

        我认为这是一个巨大的改进,也是一种典型的固执己见的举动。

        主屏 Home

        大多数争论的焦点就是主屏幕,尤其是它的新图标。它是一个操作系统和设备视觉上最明显的部分,但“主屏”其实是一种用词不当:它更像是一个启动器,而不是一个花费你任何重要时间的地方。你会频繁访问它,但你不会盯着它。

        主屏幕以及平淡的图标设计,是比以前更加明亮和简单。虽然从截图中还不是很明显,图标的间距现不同了,图标本身也比以前大了几个像素。

知名iOS开发者Matt Gemmell谈iOS 7

        状态栏下方的顶部边缘被重新分配,让出更多的空间给图标,标签文本也变大了, Dock 栏现在就是一个磨砂板。牺牲边界换取易读性也可以从图标中看出来:留给内容的面积比 iOS 6 更大。这样的是为了更容易认出图标。

        我觉得是有一些具体的设计问题(圆角半径、一些地方内容的比重、一些不一致的渐变方向、背景的对比度、一些图标——像备忘录和提醒事项——过于抽象和空洞),但这些都是可以解决的,也是主观的。

        新的图标是独特的和容易识别的,却不容易取悦用户。我相信, 在最终版本发布前我们会看到一些变化,我有一个感觉,这部分的设计已受到持续的关注,但最重要的是 iOS 7 不断进化的精神不能改变。

        内容至上

        一个月前,我写了一篇关于我对 Jony Ive 设计思维的印象的文章 Why the skeuomorphism backlash is misdirected. 现在重读这篇文章,你会发现非常有先见之明。

        iOS 7 是对这个最令人兴奋的、盈利最好的、最理想的移动操作系统的一次整理总结。这是一此转变,从艺术品回归到了本质。它表明了一个清晰的愿景,一种追求极致简约的持续意愿。

        光泽,斜边,阴影和边界等装饰已经一去不复返了。这些视觉盲区会引起紧张而不是让你放松。厚重的色彩容易让窒息而不是自由的呼吸。

        新的 iOS 是专为一个不同的环境,不同的成熟的移动用户而设计,他们认同 Jony Ive 所笃信的那种简约。不是为了让人觉着熟悉或仅仅是为了保持风格的一致性,而是专注和清晰;

        在用户体验领域里,现在过分注重简洁,熟悉,包括争论各种用户界面。如今人们的感觉更加微妙。我们的设计不能只是基于经验,也要在情感和直觉给用户予回应。

        很多应用在模仿那些泛滥的设计,这不仅给用户,也给设计师套上了枷锁。我们太容易忘记,人们唯一在乎的是他们的目的:任务和内容。人的注意力是有限的,我们想把我们的精力关注重要的东西,而不是被那些伪装成传统的设计干扰和欺骗。

        苹果的哲学——特别是那些天才——一直在持续筛选用户的需要,技术和文化思潮,找到最正确的一百件需求将其保留。我不在乎敲打一个设计师的脑袋,或被什么东西分心。我关心我的设备可以帮我做什么,以及它们如何能帮助我的生活。

        iOS 7 是一个全新时代的接口,感谢其用户和整个行业——现在都已经长大了。