开发者谈 iOS 7

4顶
2踩

2013-06-17 09:44 by 副主编 WnouM 评论(17) 有7174人浏览

iOS 苹果 UI 扁平化

上周早些时候，苹果发布并提供了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 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 6里那种透明度，气泡的伎俩，斜角和发光变得非常明显。导航栏在顶部像一个门梁，皱着眉头挂在那儿。这是一个漂亮的Photoshop的设计产品，但我看起来觉得粗短厚重，像给越狱设备用的皮肤一样。

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

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

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

光泽

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

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

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

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

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

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

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

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

主屏 | Home

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

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

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

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

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

内容至上

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

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

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

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

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

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

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

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

英文原文：matt gemmell.，编译：@袁欣_Jason
译文链接：http://blog.jobbole.com/41460/