欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  资讯频道

开发者谈 iOS 7

程序员文章站 2022-05-28 21:42:22
...
上周早些时候,苹果发布并提供了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放弃了边界,取而代之的使用色彩来表示交互性、用分隔线来组织信息。所有的控件是隐式的,基于文本标签或图标, 它们通过一个主题颜色来定位并让你感觉有一种视觉“能量”(应用和应用之间不同:联系人是蓝色的,音乐是红色的,记事本是黄色的)。图标都由非常基本轮廓的来呈现,现在似乎有一种省略标题的趋势,并且将图标和之后的背景放在同一个层次上。

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 7


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

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

开发者谈 iOS 7


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

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

光泽

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

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

开发者谈 iOS 7


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

开发者谈 iOS 7


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

开发者谈 iOS 7


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

开发者谈 iOS 7


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

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

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

主屏 | Home

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

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

开发者谈 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/