打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
大图对比:iOS 7跟iOS 6有啥区别?

大图对比:iOS 7跟iOS 6有啥区别?

目前整个设计的趋势是让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想长大,想成熟,但是用户们愿不愿意呢?”

Via mattgemmell

相关:

两级分化 你如何看待iOS 7的设计?

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
苹果iOS11与iOS10界面对比:控制中心全新设计够大胆
魅族MX4上手体验
全新Apple iOS设计规范指南!
iOS 11 vs 10: UI和交互全面对比分析
提高可用性!6个新人进阶该学的图标设计小技巧
【新提醒】超实用的APPLE WATCH设计入门
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服