你的位置: iPc 首页 > 全部文章 > 手机数码 > 阅读文章
科学X网    Office    苹果中国    微软中国    VPS

多图对比 iOS 7 跟 iOS 6 UI 风格变化,果真只是审美的问题而已吗?

16
六月

iOS 7 发布了,简单的线条,刺眼的留白,鲜艳的颜色,少了很多装饰的应用图标。但从设计的角度上来说,手势没变、区别也很小,最大的变化就是审美变了,从一个为小白用户设计的界面趋向于成熟用户的调调,下面对比 iOS 6 来说几点它的显著 UI 风格变化……

iOS7

1. 颜色和边界

iOS7 iOS6 区别

iOS 7 的颜色和边界在这个应用上有很明显的区别。iOS 7 舍弃了边界,依靠色彩来体现交互、信息的分隔;相应地控制也变成了隐形的,基于标签或者图标以及主题颜色(每个应用都有不同,联系人用蓝色、 音乐用红色、 笔记用黄色)的控制。另外细长的字体并不是所有人都看得惯,但是事实就是之前 iOS 6 那个边框就这样被移开了。

2. 扁平化

iOS7 iOS6 区别

严格来说 iOS 7 不是完全扁平化的,界面还有微妙的阴影、灯光效果、渐变以及视差效果。一句话,它当然变平了,但不是纯粹二维的。

扁平化的直接目的是要强调内容而非介质,所以相对于 iOS6,iOS 7 上应用重点在内容上强调了它的美学和概念特性,功能和信息装饰则只出现在必要的地方。所以以下面的应用为例,桌面应用没有很明显的强调该应用的功能、控制感,重点只关注 “做事情” 的清单。

新界面的发光非常明显,顶部的导航按钮就像互联网上的“<”符号一样直观。

iOS7 iOS6 区别接电话的界面

之前的凸凹变化、握柄、压花、阴影、内发光、硬按钮边界等设计元素占去了60%的显示屏空间。新版本则直接让你看到来电者的大照片,旁边有几个选项(字符)挂在旁边可供你选择。

3. 明亮度

1)iOS 7 比 iOS 6 要光亮多了,界面也看起来更开阔,透气的空格无处不在,整体的界面风格也更加均匀。下图是 iOS 6 的一系列应用拼图。

iOS7 iOS6 区别

2)下图是 iOS 7 的一系列应用拼图,可以发现它在尽可能的情况下趋向相同的屏幕风格。

iOS7 iOS6 区别

3)下面是把两张大图拼在一起的效果。

iOS7 iOS6 区别

如果减少颜色的复杂性,就可以看得更明显。等于是 iOS 6 几个不同的视觉风格在 iOS 7 上已经变成了两个主要的主题:纸张般的、明亮的风格占据75%;剩下的就是暗色的实用风格。

iOS7 iOS6 区别

4. 主屏幕

iOS7 iOS6 区别

目前争论最多的似乎是主屏幕,特别是它的新图标,主屏幕更多的是一个桌面启动器,你会经常访问,但不会一直盯着它。 iOS 7 的主屏幕比 iOS 6 要明亮、简单,图标间的间距也有了变化,单个图标的像素也看起来更大了,下面的文字标签也变大了,最下面一排应用图标垫了一层浅浅的“磨砂板” 设计。

总的来说,牺牲了边界,换取了图标的易读性,更加突出图标的内容。

但是设计上有些小问题(拐角的半径、 内容的强调形式、梯度的不一致、背景的反差以及那几个被人诟病的图标,比如 Note 和 Reminder, 就设计地过于抽象和空洞了)。这些完全是主观上的问题,苹果应该可以解决。我们也相信苹果在正式版本发布的时候会做一些小改变的。

小结——设计重心回归内容

从本质上来说,iOS 7 舍弃了人工制品的花哨,回归到了设计的本质,致力于追求简单,达到直击内容的目的。之前的光泽感、斜边缘、阴影和边界将一去不复返。视觉上不再是让精致的图标要让我们集中、紧张,吸引我们的全部注意力,而是尽可能地放松,去关注应用图标所关注的内容。

如果说以前的设计是为小白用户而存在的,现在的就是为了成熟的移动用户设计的, 更加注重感情和直觉,而不是那些精致的边框。iOS 7 现在希望达到的目的是:“你用着设备想的更多的而是这个设备、这个应用怎么提高我的生活?让用户把注意力转移到任务、内容上面,而不是被过度追捧的设计哲学” 对我广大用户来说,现在唯一的问题只剩下:“iOS 7 想长大,想成熟,但是用户们愿不愿意呢?”

关于本文
各种回音
  1. 说: 回复他/她

    metro

    微软的设计理念

  2. 说: 回复他/她

    已经喜欢上IOS7的路过,现在IOS6很陈旧,,

  3. 说: 回复他/她

    原来只是换了个主题啊

  4. 说: 回复他/她

    ios7让我有重新使用iPhone的冲动

  5. 说: 回复他/她

    如果想对比的话确实iOS7要比iOS6洋气时尚得多,特别是那个磨砂的效果,让人联想起当初win XP向Vista的进化。

  6. 说: 回复他/她

    我个人是很喜欢7的

  7. 说: 回复他/她

    我刷了。现在的beta1很多BUG。。还是有很大的发展空间。

  8. 说: 回复他/她

    我相信iOS 7在整体简洁化的趋势之下,更扁平极简一些,或者更有空间感、更多细节,都是合适的。现在的问题是系统内部不统一,达不到自洽。应用内界面倒还好,多数地方已经是接近WP的程度了,但奇怪的桌面图标拖了后腿,还有控制中心图标又极简得过度,和系统的其他地方根本凑不成一套。或许苹果还是缺个关心产品本身又足够强势的人物吧。

  9. 说: 回复他/她

    怎么没发现有人吐槽这一点,似乎大部分高质量应用的开发者都被卖了?iOS流高质量应用的一个基本特点就是不用系统自带的UI组件,而是自己画一套和系统相配但又精美独特的界面,其中的主流又是高度拟物化的,现在全白瞎了。

  10. 说: 回复他/她

    简洁至上,至于喜不喜欢就看个人了。

  11. 说: 回复他/她

    微软的风格

  12. 说: 回复他/她

    什么短信什么菜单的都变成android, 图标主体变了WP

  13. 说: 回复他/她

    可是苹果特有的质感也就随之没有了,你看mac os有拍扁吗

  14. 说: 回复他/她

    说到尾我觉得原来的用户都审美疲劳罢了 一直看着那个样叫闷而已

  15. 说: 回复他/她

    图标是比较好,但貌似只有白天模式,晚上的这个主题是非常费电,个人认为这个是OS7白天模式,希望公布OS7夜间模式。(原先的主题白天、晚上差别不大)
    给苹果提个醒:图标背景字体颜色都能够做成由用户自主的通过电脑更改为好。苹果每次都只搞一点点,就拿出来买那么贵,简直是不值。坚决不买帐

  16. 说: 回复他/她

    其实。。。应该和WP比较。。。很多都相当像!

  17. 说: 回复他/她

    IOS AERO效果蛮好看的,还有动态壁纸,但是,设置警告字体颜色,用单一的红色,太丑了,而且有很多难以识别的图标。
    特别是,设置界面,一灰一白,看着很晕

  18. 说: 回复他/她

    以前的ios让人看起来像块琉璃小宝石那样精致,标志性的风格,做的是小众、特有;现在是跟安卓wp拼简约拼内容,要做大众,从出廉价iphone就能看出路线不同了。

  19. 说: 回复他/她

    第一感觉,抄WP8的metro

  20. 说: 回复他/她

    文章很好!懂设计的人

  21. 说: 回复他/她

    看ios7的风格上来说,感觉苹果有意向把下一代的手机做成透明的屏幕了

  22. 说: 回复他/她

    不多说了,只要是苹果采用的就是最好的对吧?模仿都模仿不到精华,苹果都被捧上天了。