iOS6与iOS7区别

2019独角兽企业重金招聘Python工程师标准>>>

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

　　目前整个设计的趋势是让UI少一些修饰，之前的苹果推崇拟物化设计，让用户一目了然那个东西是干什么的。此次iOS 7的设计却让整个调调发生了变化，总的来说，手势没变、区别也很小，最大的变化就是审美变了。

　　1. 颜色和边界

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

　　2. 扁平化

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

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

　　新界面的发光非常明显，顶部的导航按钮就像互联网上的“<”符号，

　　下面是接电话的界面

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

　　3. 明亮度

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

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

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

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

　　4. 主屏幕

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

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

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

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

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

　　如果说以前的设计是为小白用户而存在的，现在的就是为了成熟的移动用户设计的， 更加注重感情和直觉，而不是那些精致的边框。iOS 7现在希望达到的目的是：”你用着设备想的更多的而是这个应用怎么提高我的生活?” 对我广大用户来说，现在唯一的问题只剩下：“iOS 7想长大，想成熟，但是用户们愿不愿意呢?”

转载于:https://my.oschina.net/qianming190729717/blog/165176