苹果iOS 7操作系统发布已经有一段时间了。自从WWDC大会iOS 7系统问世以来,关于iOS 7相比与之前的iOS 6系统所拥有的堪称“翻天覆地”的变化,专业人士、媒体、普通用户及果粉们对其褒贬不一,毁誉参半。全新iOS 7系统的扁平化设计风格虽然表面上带来了与之前截然不同的简约风格,但是其整个系统的设计理念、设计风格及系统功能上,似乎都有了不小的改变。看似简单,其中却融合了包括字体、图标等设计的诸多经典元素,并带给用户不一样的奥妙体验。
下面,就让我们从系统UI设计理念、图标风格变化、增加的新功能等方面来看看iOS 7与iOS 6相比,究竟都有那些改变。
设计理念
对环境更加敏感的界面
我们先不说最明显的程序及图标简洁扁平化改变,新用户界面最大的特色来自于它对外部复杂环境的适应能力。例如iOS 7系统可以利用自带的加速计根据用户的时差角度调整界面,乔纳森管这叫“增加新的奥妙”;同时,新系统还可以利用手机内置的光线感应仪让图标及背景自动适应不同的光线强度,方便用户辨识屏幕。另外,更有趣的是,控制面板的文本及色彩还能够按照主题背景图片的色彩自动进行调整。
界面分层及深度
虽然整个系统的图标和应用的细节被简化,但是他们所处的系统底层却变得更加复杂。首先,新图标和文本不在共用单一的图标按钮之内,并且iOS 7新采用的Helvetica Neue Ultra Light字体被直接显示在屏幕上。虽然看上去更加简洁直观,但在图形设计方面面临更大的挑战。因为图形要帮助用户定位漂浮在空间中的文本,而并不能以按钮作为基准位置。
除此之外,屏幕本身也呈现出一种图像密集多层化效果。从上面的分解三维投影图上看,我们能够看到三个非常清晰的层次。背景图片作为底层,应用程序为中间层,而顶层则是具有模糊效果的面板层,作为控制中心的背景。而乔纳森也表示,多层的设计也将会给用户带来一种新质感。
字体的改变
全新启用的Helvetica Neue Ultra Light字体是原来iOS标准字体Helvetica Neue的瘦身版,并且Neue字体也是Helvetica字体以及变体Ultra Light成为计算机时代的经典字体。在iOS系统中,Neue字体显得干净、优雅。
不过iOS 7系统所使用的Ultra Light也伴随着不小的使用风险。在很多背景下,Ultra Light字体难以辨识。如果iOS没有了字体曾经放置的边框和背景,字体很容易暗淡。虽然这种字体在模糊背景下很漂亮,但是如果用户换了背景,麻烦可能就来了。
图标风格颠覆性变化
先让我们来看看iOS 6与iOS 7系统的图标变化对比图。
iOS 7系统与iOS 6系统从表面上看最大的不同就是来自于图标的变化。新系统的图标完全采用了“扁平化”简洁干净的设计风格,从而放弃了之前非常具有质感的偏立体设计。从某种角度上来说,苹果放弃使用原本非常著名的skeuomorphic风格,开始平面化图标设计,这从很大程度上来说有些向微软Windows Phone系统风格靠拢。
其实,整个iOS 7系统的扁平化与简单化,并不仅仅局限于应用图标。整个新系统的UI也减少了许多装饰,改变了苹果之前的拟物化设计,通俗的说,就是苹果公司的“审美变了”。
系统颜色和边界
iOS 7系统舍弃了所有文本和按钮的边界,仅仅通过色彩的交替来体现信息与交互内容的分离;同时,相应的控制也变得更加隐蔽,甚至基于标签或图标及通过不同颜色的主题变化,也变得更加隐蔽。同时,对于上文提到的字体改变,也让人觉得耳目一新。不过其实整体上来说,就是所有文本框的边界被彻底去除了。
扁平化
其实从严格意义上来说,iOS 7并不像Windows Phone 8系统那样彻底的平面化,在某些界面上,依然还有些许轻微的阴影、灯光效果、渐变及视差效果。既然系统变得扁平化了,那么所有要强调的内容自然从介质变成了内容。iOS 7系统想比较于iOS 6系统来说,重点强调了概念型美学,而只在必要的地方才出现装饰性的内容。同时,新界面顶部的发光感设计也非常明显,顶部的导航按钮就像互联网上的“<”符号一样直观。
再来看看接听电话的界面
之前iOS 6系统通话界面的渐变、凹凸变化、阴影、内发光、按钮边界等元素几乎占据了整个屏幕的一多半。而新版本的通话界面则以来电者的照片为主题,而功能性的选项则只用文字及背景条来区分,变化很大。
系统明亮度
看看下面两个系统截图的集中对比,我们能够发现,iOS 7比iOS 6要光亮多了,界面也看起来更开阔,透气的空格无处不在,整体的界面风格也更加均匀。
再来看看两组图标的集中对比
怎么样,是不是整个iOS 7系统的部分要比iOS 6亮了许多呢。
如果减少颜色的复杂性,就可以看得更明显。等于是iOS 6几个不同的视觉风格在iOS 7上已经变成了两个主要的主题:纸张般的、明亮的风格占据75%;剩下的就是暗色的实用风格。
主屏幕