iOS 7 发布了,简单的线条,刺眼的留白,鲜艳的颜色,少了很多装饰的应用图标。但从设计的角度上来说,手势没变、区别也很小,最大的变化就是审美变了,从一个为小白用户设计的界面趋向于成熟用户的调调,下面对比 iOS 6 来说几点它的显著 UI 风格变化……
![](http://imgsrc.baidu.com/forum/w%3D580/sign=ff4cd1b3aa18972ba33a00c2d6cc7b9d/9e132fee3d6d55fb9da19b816c224f4a21a4ddb3.jpg)
![](http://imgsrc.baidu.com/forum/w%3D580/sign=9a424fbcd50735fa91f04eb1ae500f9f/85e923fbb2fb43165c7897dd21a4462308f7d3b3.jpg)
iOS 7 的颜色和边界在这个应用上有很明显的区别。iOS 7 舍弃了边界,依靠色彩来体现交互、信息的分隔;相应地控制也变成了隐形的,基于标签或者图标以及主题颜色(每个应用都有不同,联系人用蓝色、 音乐用红色、 笔记用黄色)的控制。另外细长的字体并不是所有人都看得惯,但是事实就是之前 iOS 6 那个边框就这样被移开了。2. 扁平化
![](http://imgsrc.baidu.com/forum/w%3D580/sign=4c3f5343b21c8701d6b6b2ee177e9e6e/2b97c67eca8065386e9b49b496dda144ac3482ad.jpg)
严格来说 iOS 7 不是完全扁平化的,界面还有微妙的阴影、灯光效果、渐变以及视差效果。一句话,它当然变平了,但不是纯粹二维的。
扁平化的直接目的是要强调内容而非介质,所以相对于 iOS6,iOS 7 上应用重点在内容上强调了它的美学和概念特性,功能和信息装饰则只出现在必要的地方。所以以下面的应用为例,桌面应用没有很明显的强调该应用的功能、控制感,重点只关注 “做事情” 的清单。
新界面的发光非常明显,顶部的导航按钮就像互联网上的“<”符号一样直观。
![](http://imgsrc.baidu.com/forum/w%3D580/sign=a5710c9034fae6cd0cb4ab693fb20f9e/ed7fc4fb43166d227d10f833472309f79152d2b3.jpg)
之前的凸凹变化、握柄、压花、阴影、内发光、硬按钮边界等设计元素占去了60%的显示屏空间。新版本则直接让你看到来电者的大照片,旁边有几个选项(字符)挂在旁边可供你选择。3. 明亮度
1)iOS 7 比 iOS 6 要光亮多了,界面也看起来更开阔,透气的空格无处不在,整体的界面风格也更加均匀。下图是 iOS 6 的一系列应用拼图。
![](http://imgsrc.baidu.com/forum/w%3D580/sign=01a03e5a7a899e51788e3a1c72a6d990/fb921b224f4a20a47279d16091529822730ed0b3.jpg)
2)下图是 iOS 7 的一系列应用拼图,可以发现它在尽可能的情况下趋向相同的屏幕风格。
![](http://imgsrc.baidu.com/forum/w%3D580/sign=ecc7208e8718367aad897fd51e728b68/8daeb05c10385343a7646a869213b07ecb808877.jpg)
3)下面是把两张大图拼在一起的效果。
![](http://imgsrc.baidu.com/forum/w%3D580/sign=c7c75f41267f9e2f70351d002f31e962/b453e72397dda144cb788115b3b7d0a20df486ad.jpg)
如果减少颜色的复杂性,就可以看得更明显。等于是 iOS 6 几个不同的视觉风格在 iOS 7 上已经变成了两个主要的主题:纸张般的、明亮的风格占据75%;剩下的就是暗色的实用风格。
![](http://imgsrc.baidu.com/forum/w%3D580/sign=4f3346b806082838680ddc1c8898a964/2f59d744ad345982dafb08350df431adcaef84ad.jpg)
![](http://imgsrc.baidu.com/forum/w%3D580/sign=2e5ac948a8ec8a13141a57e8c7029157/8185573fb80e7bec2d91ee462e2eb9389a506b57.jpg)
目前争论最多的似乎是主屏幕,特别是它的新图标,主屏幕更多的是一个桌面启动器,你会经常访问,但不会一直盯着它。 iOS 7 的主屏幕比 iOS 6 要明亮、简单,图标间的间距也有了变化,单个图标的像素也看起来更大了,下面的文字标签也变大了,最下面一排应用图标垫了一层浅浅的“磨砂板” 设计。
总的来说,牺牲了边界,换取了图标的易读性,更加突出图标的内容。
但是设计上有些小问题(拐角的半径、 内容的强调形式、梯度的不一致、背景的反差以及那几个被人诟病的图标,比如 Note 和 Reminder, 就设计地过于抽象和空洞了)。这些完全是主观上的问题,苹果应该可以解决。我们也相信苹果在正式版本发布的时候会做一些小改变的。小结——设计重心回归内容
从本质上来说,iOS 7 舍弃了人工制品的花哨,回归到了设计的本质,致力于追求简单,达到直击内容的目的。之前的光泽感、斜边缘、阴影和边界将一去不复返。视觉上不再是让精致的图标要让我们集中、紧张,吸引我们的全部注意力,而是尽可能地放松,去关注应用图标所关注的内容。
如果说以前的设计是为小白用户而存在的,现在的就是为了成熟的移动用户设计的, 更加注重感情和直觉,而不是那些精致的边框。iOS 7 现在希望达到的目的是:“你用着设备想的更多的而是这个设备、这个应用怎么提高我的生活?让用户把注意力转移到任务、内容上面,而不是被过度追捧的设计哲学” 对我广大用户来说,现在唯一的问题只剩下:“iOS 7 想长大,想成熟,但是用户们愿不愿意呢?”
![](http://f.hiphotos.baidu.com/album/s%3D1600%3Bq%3D90/sign=eec7d044500fd9f9a417516f151def5b/9345d688d43f8794a1fdb716d31b0ef41bd53a83.jpg?v=tbs)