苹果于2013年6月11日召开的WWDC 2013全球开发者大会中正式发布ios 7操作系统,该系统被冠以ios最大的改变,采用全新设计的称号。库克称ios7是iPhone发布以来改变最大的版本,这话一点都不夸张,整个界面都进行了翻天覆地的重新设计。图标也重新设计,追求整体和谐。

  和ios 6相比,ios 7在各个界面中有怎样的变化呢?下面我们来看看ios 6和ios 7的界面对比。

  

iOS 7

 

1. 主屏幕

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

对比 

对比

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

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

2. 颜色和边界

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

3. 扁平化 

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

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

4. 明亮度

  iOS 7比iOS 6要光亮多了,界面也看起来更开阔,透气的空格无处不在,整体的界面风格也更加均匀。

  1)iOS 6的一系列应用拼图  

 

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

 

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

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

 

5. 其他界面对比

  除了以上提及的4点变化以外,ios7相对ios6还有很多的改进,接下来继续看看有什么改变。 

对比

对比 

对比 

对比  

对比 

对比 

对比 

对比 

对比 

对比 

对比

 

对比

  

对比

 

对比

对比

对比 

对比 

对比

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

相关文章