阅读更多

4顶
2踩

移动开发

转载新闻 开发者谈 iOS 7

2013-06-17 09:44 by 副主编 WnouM 评论(17) 有7169人浏览
上周早些时候,苹果发布并提供了iOS 7 的预览。正如外界所预期的一样,iOS 7呈现了一种由简洁有力的线条,单一或者渐变的颜色,缺少装饰的美学风格。

对比iOS 6,我愿意聊聊我对于这套新UI的一些看法

首先最让我吃惊的是有人对这种改变感到惊讶。这种美学风格的改变其实已经持续了一段时间了;早在一年前我在《Augmented Paper》这篇文章中就对此有过描述。

与此同时,业界大部分公司都开始已经转向一种减少美化的UI设计风格(不可否认一部分公司可能只想和别人有所区别),而iOS一直坚定地实践清楚地描绘屏幕的各段,并使用光照和阴影等伪3D效果来模拟出一种物理的功能可见性(译注:也就是 iOS 7 之前的拟物化设计)。

问题是,我们已经长大。我们不需要有人手把手地指导我们怎么去点击。交互就像是一种邀请,物理诱因只是其中一种特定地类型。iOS 7是为更加成熟的消费者准备的系统,他们理解数字界面也具有交互性,也不希望任何东西妨碍界面之中的内容。

基本的功能没有任何改变。你仍然可以用同样的方式使用iOS,几乎一切都和你所期望的一样。相同的手势一样可以工作。也许会有一些差异,但这是一个重要的全新操作系统,毕竟这些变化主要是审美风格的改变。如果你习惯了以前的版本你不会对iOS 7感到困惑。

然而,你可能发现它感觉更流畅、响应更加快速和现代化。

颜色和边界

iOS 7可能用同样的方式工作,但它看起来很不同。这些变化通过在iOS 6和iOS 7中用联系人应用查看联系人的信息可以进行有效的总结。



iOS 7放弃了边界,取而代之的使用色彩来表示交互性、用分隔线来组织信息。所有的控件是隐式的,基于文本标签或图标, 它们通过一个主题颜色来定位并让你感觉有一种视觉“能量”(应用和应用之间不同:联系人是蓝色的,音乐是红色的,记事本是黄色的)。图标都由非常基本轮廓的来呈现,现在似乎有一种省略标题的趋势,并且将图标和之后的背景放在同一个层次上。

iOS 7那种前后台之间切换时颜色的变换,看似好像受到Windows Phone的严重影响, 其实这种易读性和平静的风格是当今设计的准则。有些人抱怨细长的默认字体(你可以选择加粗,甚至改变全局字体的大小),视网膜屏幕显示会确保一切内容都是清晰可读的。

清晰的视觉感受,显然是得益于移除而不是添加内容。但对iOS 7来说,退化的附属物就是那种人造的视觉深度。

扁平化

iOS 7并不扁平。有细微的阴影,灯光效果,渐变,甚至新的视差效果(在我看来,相当的莫名其妙和分散注意力,不过值得庆幸的是可选的)。它确实更扁平了,当然,不过不是从二维的视觉上。

苹果公司并不靠“让我们使它扁平化”这种目标来设计东西。扁平化是一个奇怪的概念,因为扁平化本身没有一个与用户体验相对应的理论基础。扁平化只是提供了一种特定的理想品质的视觉感受, 扁平化本身不是一种目标。

扁平化的目标在我写给Loop杂志的那篇文章中也有强调。在iOS 7里,从美学和概念上来说,App应用只是成了传递信息的必要内容。表格并不是明显的控件,是物品清单(Tables aren’t so obviously controls, but rather lists of things)。应该关注功能,而不是样式。

对比iOS 6,看一看现在的信息界面。



我们可以辩论颜色的选择,但对比新风格时, iOS 6里那种透明度,气泡的伎俩,斜角和发光变得非常明显。导航栏在顶部像一个门梁,皱着眉头挂在那儿。这是一个漂亮的Photoshop的设计产品,但我看起来觉得粗短厚重,像给越狱设备用的皮肤一样。

当你收到一个电话时,您能看到这种风格转变更明显。



斜角,滑动处理、凸起的按钮、阴影、高亮、内发光和明显的按钮边界。Chrome浏览器在iOS 6上侵蚀60%了的屏幕大小,并且很有出现一个警告的窗口。新版本不仅可以让你看到更大的来电用户照片,也是一种更安静的呈现方式。它不是一种类似对小部件的盲目包装,而只是内容——让你只看到想使用的几个选项。

还有一个方面的变化也很重要:终于有人拉开了这层窗帘了。

光泽

iOS 7在色彩上更加淡雅,也直接体现在视觉上。仿佛可呼吸的白色区域无处不在, 用来统一和缓冲与以前完全不同的界面风格。

iOS 7给人的总体印象是亮度和开放性。变化的程度只有在一个集合里才变的更加明显。下面是一些iOS 6 应用的拼图:



下面是一张对应的iOS 7应用程序的网格拼贴, 尽可能显示相同的屏幕。当然,这些都是来自苹果公开发布的iOS 7截图。



对比上面那一幅图片,下图你会有一种更名明亮的感觉。如果我们把两张图片并排会更加明显。



这个改变会变得更加强烈,如果我们像素化这两张图片来减少颜色的复杂性:



iOS 6网格(grid)中右下角有一半阴暗的色调在iOS 7里被替换为淡蓝色。同样,iOS 6中仅存的少数不同的视觉风格(和一些古怪的边界) 在iOS 7本质上都转化为两种风格:大约75%的应用程序采用这种类似纸张的明亮风格,剩余的采用暗色的实用风格。

新闻报道总是不成比例地集中在主屏幕,但现实是,你会花更多的时间在应用上。它们以前是只有低矮天花板的阴暗小房间,而现在却有了落地窗,天窗,和干净的环境。

我认为这是一个巨大的改进,也是一种典型的固执己见的举动。

主屏 | Home

大多数争论的焦点就是主屏幕,尤其是它的新图标。它是一个操作系统和设备视觉上最明显的部分,但“主屏”其实是一种用词不当:它更像是一个启动器,而不是一个花费你任何重要时间的地方。你会频繁访问它,但你不会盯着它。

主屏幕以及平淡的图标设计,是比以前更加明亮和简单。虽然从截图中还不是很明显,图标的间距现不同了,图标本身也比以前大了几个像素。



状态栏下方的顶部边缘被重新分配,让出更多的空间给图标,标签文本也变大了, Dock栏现在就是一个磨砂板。牺牲边界换取易读性也可以从图标中看出来:留给内容的面积比iOS 6更大。这样的是为了更容易认出图标。

我觉得是有一些具体的设计问题(圆角半径、一些地方内容的比重、一些不一致的渐变方向、背景的对比度、一些图标——像备忘录和提醒事项——过于抽象和空洞),但这些都是可以解决的,也是主观的。

新的图标是独特的和容易识别的,却不容易取悦用户。我相信, 在最终版本发布前我们会看到一些变化,我有一个感觉,这部分的设计已受到持续的关注,但最重要的是iOS 7不断进化的精神不能改变。

内容至上

一个月前,我写了一篇关于我对Jony Ive设计思维的印象的文章Why the skeuomorphism backlash is misdirected.现在重读这篇文章,你会发现非常有先见之明。

iOS 7是对这个最令人兴奋的、盈利最好的、最理想的移动操作系统的一次整理总结。这是一此转变,从艺术品回归到了本质。它表明了一个清晰的愿景,一种追求极致简约的持续意愿。

光泽,斜边,阴影和边界等装饰已经一去不复返了。这些视觉盲区会引起紧张而不是让你放松。厚重的色彩容易让窒息而不是自由的呼吸。

新的iOS是专为一个不同的环境,不同的成熟的移动用户而设计,他们认同Jony Ive所笃信的那种简约。不是为了让人觉着熟悉或仅仅是为了保持风格的一致性,而是专注和清晰;

在用户体验领域里,现在过分注重简洁,熟悉,包括争论各种用户界面。如今人们的感觉更加微妙。我们的设计不能只是基于经验,也要在情感和直觉给用户予回应。

很多应用在模仿那些泛滥的设计,这不仅给用户,也给设计师套上了枷锁。我们太容易忘记,人们唯一在乎的是他们的目的:任务和内容。人的注意力是有限的,我们想把我们的精力关注重要的东西,而不是被那些伪装成传统的设计干扰和欺骗。

苹果的哲学——特别是那些天才——一直在持续筛选用户的需要,技术和文化思潮,找到最正确的一百件需求将其保留。我不在乎敲打一个设计师的脑袋,或被什么东西分心。我关心我的设备可以帮我做什么,以及它们如何能帮助我的生活。

iOS 7是一个全新时代的接口,感谢其用户和整个行业——现在都已经长大了。

英文原文:matt gemmell.,编译:@袁欣_Jason
译文链接:http://blog.jobbole.com/41460/
  • 大小: 68.1 KB
  • 大小: 116.1 KB
  • 大小: 104.1 KB
  • 大小: 290.6 KB
  • 大小: 280.2 KB
  • 大小: 228.7 KB
  • 大小: 96.9 KB
  • 大小: 151.5 KB
来自: 伯乐在线
4
2
评论 共 17 条 请登录后发表评论
17 楼 性格不定向 2013-06-26 09:11
counters15 写道
品味问题,失去了老乔,苹果也失去了品味
我同意这个哥们的看法..... 库克 就是一个抄袭.
16 楼 xyang81 2013-06-19 09:11
萝卜青菜各有所爱。。。
15 楼 counters15 2013-06-19 09:10
品味问题,失去了老乔,苹果也失去了品味
14 楼 truekbcl 2013-06-19 08:46
反正你不管做什么都说好。还有没有节操。
苹果这种破公司,破产吧。
13 楼 云中苍月 2013-06-18 16:33
这个真心漂亮!色调和线条搭配的完美无缺。
12 楼 junfengcode 2013-06-18 16:29
lbtsf816 写道
好不好还真不好说,开发者说的在好,用户不买账,你懂得

+1
11 楼 Jekey 2013-06-18 15:40
缩水了 
10 楼 lbtsf816 2013-06-18 11:24
好不好还真不好说,开发者说的在好,用户不买账,你懂得
9 楼 counters15 2013-06-18 10:57
库克想建立自己的王朝,结果跟WP8是如此的相似。。。。
8 楼 Sev7en_jun 2013-06-18 10:54
ios7的android版,只有第三附图的效果看起来比之前好一点,其他的用一个词形容:大失所望
7 楼 counters15 2013-06-17 18:53
微软的胜利
6 楼 nomandia 2013-06-17 12:15
个人很喜欢这种风格,感觉之前的设计有些落伍了,毕竟ios出了那么久!
5 楼 bing_zz 2013-06-17 11:23
怎看起来用点像wp,又有点像android,又都不像。
不伦不类的
4 楼 ahzzhen2 2013-06-17 11:08
丑得一笔+++
3 楼 dieslrae 2013-06-17 10:59
丑得一笔
2 楼 xfbbsnet 2013-06-17 10:33
微软终于赢了一把。。
1 楼 lyy3323 2013-06-17 10:23
好吧。美学。

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 怎么用daocloud玩转自己的项目

    各位,到此位置blog肯定就跑起来了,再了解docker的,可以嗨皮起来了,如果daocloud支持海外的免费服务,那就可以....,其实也不局限于小小的博客了,想做什么做什么,基本给免费送了个主机和db一样。顺便说一下...

  • 游戏编程十年总结

    除了看书和兼职之外,另外还做了一些小玩意,例如用自己写的简陋的OpenGL游戏引擎做了个3D的坦克小游戏(3D模型文件的加载是自己在官网研究这种文件格式,然后手写的一个模型文件解析和渲染类),另外还学习了生命中...

  • 商业计划书

    我做创投这么久,见过的商业计划书大概要奔一万份去了,其中绝大多数都是惨不忍睹。字面上来看,商业计划书的解释很简单,但要真正写好却是个技术活。 我所见到的计划书中,常见的主要问题有: 1)...

  • cs找工作经验

    国内的算法题难度倒还是有一些的,但一般公司并不会要求你白纸写代码,这真的省了非常多的功夫,只用描述一下思路就能够过关,这一点比起国外来真是简单太多了。我之前主要是通过找题库+经典算法来准备。题库主要是...

  • 找工作总结

    [转载]本科学材料,读研学CS找工作总结,强烈推荐!...从去年7月份开始准备,到今年5月底确定下来,我找工作断断续续也有个快一年了,现在回想起来还是有些东西想分享出来,给后来的人做个参考,毕竟在准备的

  • 我的求职经历:走进过腾讯、网易、百度、迅雷

    但中兴之后,真是惨不忍睹。 去参加搜狐的笔试,投的是产品专员,自认为自己对行业的了解很深,对行业趋势的把握很好,而且有还算多的项目经历,自信满满的去。结果,没有笔试经验,让我栽了第一个大跟头。...

  • 2016MDCC移动开发者大会总结

    分别由CSDN&极客帮创始人——蒋涛、微软亚洲研究院院长——刘振、京东技术副总裁——赵一鸿、图灵机器人CEO——俞志晨、360智能家居总裁、360车联网CEO——邓邱伟演讲,有幸见到各大科技公司的领军人物甚是激动。...

  • 本科学材料,读研学CS找工作总结,强烈推荐!

    从去年7月份开始准备,到今年5月底确定下来,我找工作断断续续也有个快一年了,现在回想起来还是有些东西想分享出来,给后来的人做个参考,毕竟在准备的过程中还是看了前人的心得面经之类的东西的。 1. 背景 ...

  • 各路牛人【找工总结】

    [转载]本科学材料,读研学CS找工作总结,强烈推荐!...从去年7月份开始准备,到今年5月底确定下来,我找工作断断续续也有个快一年了,现在回想起来还是有些东西想分享出来,给后来的人做个参考,毕竟在准

  • 《腾讯传》四、从寄生虫到蜕变上市—企鹅的成人礼

    之前我们从1998年说到了2000年的腾讯。98年起步,错误的选择了没落的BB机行业,互联网寻呼系统搁浅,在走过这一段弯路之后,因为一次意外,广州电信招标一个IM程序,使得马化腾他们找到...在这期间还有一个小插曲,...

  • 百家游坛发起苹果APP推广者大会 揭行业潜规则

    陈昊芝:应该这么说,我们经常讲的一个话,就是说在安卓上做最好的公司一个月一百万人民币,因为在国外有挣到一百万美元以上的也有。但是主流的数据是一个月一百万人民币收入,iOS上最好的几家大家都知道,实际上...

  • 2014校园招聘_腾讯2014校园招聘

    目前,公司已经建立了一套完善的新员工入职培训项目。根据部门 和岗位的不同,培训的内容会有些差异。刚加入公司的新员工除了需要接受统一的入职培训课程外,公司还会 为每位新加入的员工配备导师,以便在工作...

  • gre sub 计算机,GRE Sub和留学的关系,你知道多少?

    很多出国留学的小伙伴们都知道,TOEFL是必须要准备的英语能力方面的语言测试,GRE是大多数专业研究生入学考试,是每个人都无法逃脱的(除非你在英语国家学习过两年,部分学校可以免托)。那么你对GRE Sub了解多少呢?...

  • 巴菲特致股东的一封信:2007年

    伯克希尔公司的全体股东: 伯克希尔在2007 年的净值收益为123 亿美元。A 股与B 股的每股净值,都较去年成长 11%。过去43 年(即现任管理阶层接手以来),每股账面价值由19 美元增长为78,008 美元, 平均年复合成长...

  • 腾讯

    公司介绍 腾讯简介 2.校招介绍 2.1腾讯2014校园招聘介绍 2.2腾讯校园招聘流程 2.3腾讯校园宣讲会现场直击 3.HR答疑 3.1腾讯校园招聘FAQ 4.薪酬待遇 4.1腾讯薪酬待遇 5.笔试经验 5.1腾讯笔经 5.2腾讯笔经 ...

  • 新龙门客栈

    记得金香玉一出场就说了一句话——那是在她把一个客人杀了之后,从那人怀里摸出四百两银子的时候——她说:“一百两送你出关,四百两送你上西天,你叫我金香玉怎么做?”我立即拍手喝彩。后来她去抢邱莫言的衣服却反...

  • 无题

    1.无论对方说什么,你都回答:你牙齿里有根青菜!如果对方说:胡说,我今天没吃青菜!...你要回答:你在做自我介绍吗? 4.对方说:巴黎圣母院缺个敲钟的,你去吧!直觉得回答:怎么,你从那辞职了?(要有文化...

  • 2015 股市小牛 记载

    但无论是从人口结构还是固定资产投资规模增速以及大型基础设施项目的完善程度来看,我国重工业化已近尾声,城市化进程高潮已过,房地产高峰已过,诸多信息,均意味着钢铁股、工程机械股等,甚至银行股,这些与重资本...

  • |转| Java的盛宴

    这不,Readex调查公司最近所做的一份开发人员调查显示,C/C 和Java在开发语言使用比例上的优势已经牢不可破,而且未来期望一项,Java占据了极大比例,C/C 以及VB都在明显下降。C 专家ThomasPlum也做过一个有趣的实验...

  • 华退学博士王垠:离开是为了获得力量后再回来

    我先把糖水滴在地上,等蚂蚁把那个地方围个水泄不通的时候,铺上棉花,点火……现在想起那些勤劳的小黑头都变成灰烬,我仍然心惊肉跳。他们的灵魂会来找我报复吗?后来这个实验有一个升级的版本用的是浸泡过一种化学...

Global site tag (gtag.js) - Google Analytics