知名iOS开发者Matt Gemmell谈iOS 7

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

本周早些时候,苹果发布并提供了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中用联系人应用查看联系人的信息可以进行有效的总结。

Contacts on iOS 6 and 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,看一看现在的信息界面。

Messages on iOS 6 and iOS 7

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

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

Phone on iOS 6 and iOS 7

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

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

#p#

光泽

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

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

iOS 6 iOS 7 Comparison iOS 6 grid

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

iOS 6 iOS 7 Comparison iOS 7 grid

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

iOS 6 iOS 7 Full Comparison

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

iOS 6 iOS 7 Full Comparison Mosaic

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

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

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

主屏 | Home

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

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

Home Screen on iOS 6 and iOS 7

状态栏下方的顶部边缘被重新分配,让出更多的空间给图标,标签文本也变大了, 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/

责任编辑:林师授 来源: 伯乐在线
相关推荐

2012-08-22 09:39:28

开发者

2011-11-28 13:33:41

iOS

2013-08-29 09:53:48

开发者iOS 7

2012-03-08 22:18:45

2015-03-10 09:35:53

AppleWatch开发Swift

2014-08-08 10:12:44

IRC

2017-01-19 21:45:27

iOS开发者账号

2013-12-18 14:41:06

苹果开发者iOS 7

2015-07-20 09:16:42

iOSWatchKit开发

2013-06-21 13:04:59

iOS7WWDCUI设计

2012-02-13 10:21:11

Skala PreviiOS应用

2012-03-23 22:32:38

iOS

2011-12-19 20:05:36

iOS

2013-07-24 13:44:25

APP开发者改变

2012-06-20 09:19:05

iOS应用图标

2013-09-02 10:33:44

苹果开发者iOS 7

2011-03-30 16:55:29

亚马逊KindleiOS

2013-06-13 09:59:02

2013-07-01 14:45:10

iOS7越狱

2011-07-18 10:44:05

iOSAndroid开发者
点赞
收藏

51CTO技术栈公众号