每天都用移动应用,你知道它的设计发展史吗?

分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友 微信微信
查看查看108 回复回复1 收藏收藏 分享淘帖 转播转播 分享分享 微信
查看: 108|回复: 1
收起左侧

每天都用移动应用,你知道它的设计发展史吗?

[复制链接]
射鸡狮 发表于 2016-8-3 01:51:39 | 显示全部楼层 |阅读模式
快来登录
获取最新的苹果动态资讯
收藏热门的iOS等技术干货
拷贝下载Swift Demo源代码

今天就让我们来看看移动应用的设计演变历史,从最基本的 PDA 应用开始,到现在这些令人印象深刻的成就,并通过这些发展历史来看看,移动应用设计未来会把我们引导到哪里。

也许现在的你很难想象,但确实有那么一个已经远去的时代——那时候的电话就只是一台电话,只是一台用来打电话、接电话的设备。可是现在你的智能手机简直是万能了:它可以检测你的血糖;可以让你感受 3D 虚拟世界。现在的手机让打电话这个最基本的功能都显得有点过时了,因为现在用户互相联系的方式除了打电话、还可以 FaceTime 或者是发语音信息等,可选的形式非常多。

每天都用移动应用,你知道它的设计发展史吗? 1

每天都用移动应用,你知道它的设计发展史吗? - 敏捷大拇指 - 每天都用移动应用,你知道它的设计发展史吗? 1


而智能手机对于移动应用设计来说不过是冰山一角。我们的世界中充斥着各种可以充当移动电脑的设备,从穿戴设备到平板电脑。移动革命改变了行业、创造了新的行业,同时也淘汰了某些行业。现在的我们如果在商店中看到收银机被 iPad 取代,消费者使用 Android Pay 或 Apple Pay 来付账的时候,我们眼睛连眨都不眨一下,并不觉得有什么稀奇的地方。另外移动搜索也逐渐蚕食桌面搜索的市场。

如今 Android 和 iOS 用户可以从海量应用商店中选择下载自己喜欢或者需要的应用,但不久前我们还在使用 SnapChat 来交换照片,设计师探寻在移动设备上玩游戏、做生意、甚至是改变世界的方式。

今天就让我们来看看移动应用的设计演变历史,从最基本的 PDA 应用开始,到现在这些令人印象深刻的成就,并通过这些发展历史来看看,移动应用设计未来会把我们引导到哪里。




1、1984 年:Psion Organiser

说到智能手机的历史,很多人的第一反应就是 2007 年乔布斯发布一代 iPhone 的时候,或者是 90 年代时候的 Palm OS。

每天都用移动应用,你知道它的设计发展史吗? 2

每天都用移动应用,你知道它的设计发展史吗? - 敏捷大拇指 - 每天都用移动应用,你知道它的设计发展史吗? 2


但是要说现代移动应用设计真正的开端,我们可能得追溯到 DeLoreans 和 New Wave 的时代。1984 年,苹果公司早已经成立(还发布了许多传奇的广告),那时候还没有 Android 什么事——谷歌联合创始人拉里•佩奇和谢尔盖•布林那时候也才 11 岁。那时对于任何一个家庭来说,拥有一台电脑堪比白日做梦,但是英国一家名为 Psion 的公司已经开发出了能够放在你的钱包或者公文包中的电脑了。

如果说 90 年代的个人数字助理设备是如今智能手机的前辈的话,那么 Psion Organiser 就可以说是全球首款 PDA,是如今移动智能设备的“爷爷”。它作为全球首款实用式便携计算机,机身长宽分别为 14cm 和 9cm,真的是“袖珍”计算机。它的 RAM 为 2KB,ROM 为 4KB,以“计算机”的现代定义来看,这个配置是上不了台面的。但在那时它是一款非常超前的设备,而且从现在的标准来说,它长达 6 个月电池续航简直让羡慕得不要不要的。

每天都用移动应用,你知道它的设计发展史吗? 3

每天都用移动应用,你知道它的设计发展史吗? - 敏捷大拇指 - 每天都用移动应用,你知道它的设计发展史吗? 3


上图是部分支持 Psion II 的应用,其中有一些简单的拼图和冒险游戏、还有密码保护程序和一个综合性文件管理器。



1.1、Psion 的 EPOC 操作系统 (Electronic Piece of Cheese)

对于移动应用设计来说,Psion 留下的真正重要的东西是软件方面,而不是应用。Psion 的 EPOC 操作系统是在 80 年开发的,90 年代时有多款设备使用该操作系统。可以说很多早期 PDA 都使用了该操作系统,它支持的应用比 Psion Organiser 上的应用还要成熟,包括文字处理软件和电子表格。利用调制解调器用户甚至可以下载应用。

每天都用移动应用,你知道它的设计发展史吗? 4

每天都用移动应用,你知道它的设计发展史吗? - 敏捷大拇指 - 每天都用移动应用,你知道它的设计发展史吗? 4


起初因为一个错误的缩写 EPOC 的发音近似“epoch(新纪元)”,不过当时 EPOC 的工程师还是说了一个玩笑话表示,这个操作系统的全称其实是“electronic piece of cheese”。但即使从我们现在这个时代来看,这个操作系统在移动应用发展史上的确属于一个“新纪元”。EPOC 后来逐渐发展成为塞班系统——诺基亚王朝发展的重要基础。如今一些使用 Android 操作系统的厂商当初也使用过塞班系统,包括三星和摩托罗拉。




2、1996 年:Palm Pilot 诞生

说到 PDA,Palm 是一个无论如何都绕不开的话题。1996 年是技术行业一个令人兴奋的一年——这一年在马里奥 64 中你可以和马里奥去蘑菇王国观光旅游一番,这一年世嘉、索尼和任天堂的主机大战达到了白热化的程度。也是在这一年拉里•佩奇和谢尔盖•布林开始开发谷歌(不过这个搜索引擎还要再过一年才能上线,你还可以使用 Ask.com,IMDB 还能回答你各种关于电影的问题)。

每天都用移动应用,你知道它的设计发展史吗? 5

每天都用移动应用,你知道它的设计发展史吗? - 敏捷大拇指 - 每天都用移动应用,你知道它的设计发展史吗? 5


对于移动应用设计来说,1996 年最重要的还是 Palm Pilot PDA 的发布。它有两种内存可选,128KB 或 512KB(内存扩展槽支持扩展至 2MB,当然这是要用户自己花钱升级的),配备 160×160 像素单色屏。不管是在当时还是现在,Polit 都有着深远的影响意义。现代智能手机的很多特性,包括触摸屏和数据同步等,都是 90 年代时候作为 Palm Pilot 的特性推出的。

这也让 Palm 在 PDA 操作系统自然而然地过渡到了智能手机操作系统,从 2002 年的 Handspring Treo 开始,到 2011 年的 Palm Pre 结束。虽然 PalmOS 和 WebOS 都对移动应用设计产生了影响,但最终 Palm 还是无法和 iOS、Android 等巨人比肩。




3、1997 年:诺基亚 6110 上的《贪吃蛇》

虽然诺基亚 6110 不是一款智能手机,但是它给移动应用设计带来了重大的创新:这款手机上预装了三款应用,最著名的就是《贪吃蛇》。

每天都用移动应用,你知道它的设计发展史吗? 6

每天都用移动应用,你知道它的设计发展史吗? - 敏捷大拇指 - 每天都用移动应用,你知道它的设计发展史吗? 6


PDA 给专业商务人士和其他类型的用户带来了各种实用应用,包括电子邮件和电子表格等,但是《贪吃蛇》证明了手机对于世界来说还有一个重要的作用:玩乐。《贪吃蛇》是一款非常简单的游戏,游戏难度也是逐级增加,它并不会占用过多内存,耗电量也不多,是一款很容易让人上瘾的游戏。只要有《贪吃蛇》,你或许可以在几个小时的火车旅程中,安静地呆在自己的位置上。它开启了移动应用游戏的大门,才有了如今《愤怒的小鸟》和《宝石迷阵》等游戏的成功。




4、2007 年:iPhone 永远改变移动应用设计

说起 2007 年的苹果全球开发者大会,千禧一代和移动应用设计极客的怀旧和惊叹之情可能不亚于婴儿潮时代的人对 Apollo 11 的感情。在 2007 年的那场全球开发者大会上,乔布斯首次向世界介绍了 iPhone,让移动应用设计师和开发者永久地改变了移动游戏。

每天都用移动应用,你知道它的设计发展史吗? 7

每天都用移动应用,你知道它的设计发展史吗? - 敏捷大拇指 - 每天都用移动应用,你知道它的设计发展史吗? 7


多点触摸屏能够根据手机的倾斜来调整的特性让用户体验设计有了全新的可能,应用市场的建立也让应用开发者清晰地发现了应用开发和营销之路——只有 Android 能够有效地利用这种优势。一年后上线的 App Store 为第三方软件的提供者提供了方便而又高效的一个软件销售平台,成为第三方软件的提供者参与其中的积极性空前高涨,适应了手机用户们对个性化软件的需求,从而使得手机软件业开始进入了一个高速、良性发展的轨道,是苹果公司把 App Store 这样的一个商业行为升华到了一个让人效仿的经营模式,苹果公司的 App Store 开创了手机软件业发展的新篇章,App store 无疑将会成为手机软件业发展史上的一个重要的里程碑,其意义已远远超越了“iPhone 的软件应用商店”的本身。




5、2008 年:Android 挑战苹果

HTC Dream 是全球首款作为商品在市场上销售的 Android 设备,于 2008 年上市。当时智能手机市场中可选的操作系统很多,很多手机还在用塞班系统,用 Palm 系统的也不少,还有 BlackBerry,至于这个操作系统有多火,“黑莓成瘾症”这个词应该可以说明一切了。

每天都用移动应用,你知道它的设计发展史吗? 8

每天都用移动应用,你知道它的设计发展史吗? - 敏捷大拇指 - 每天都用移动应用,你知道它的设计发展史吗? 8


但是在和 iOS、Android 的竞争中,这些早期的智能手机系统纷纷败下阵来,两个新生的操作系统用不了多久就称霸了智能手机市场。市场和用户和开发者提出了更高的要求,同时企业用户也要求更强的安全特性。这些很大程度上还是因为他们的应用生态系统,毕竟哪里有最好的应用可用,智能手机用户就会选择那里。




6、2010 年:微软加入了竞争,扁平设计盛行一时

你应该知道曾经也有一些人拥护 Windows Phone 手机。虽然微软的移动操作系统没法和 iOS、Android 两大巨头匹敌,但是它优美的设计语言让移动应用开发者赞叹不已,扁平设计盛蔚然成风。和 Metro UI 设计语言相比,苹果 iOS 系统标志性的拟物设计显得很不合时宜。

每天都用移动应用,你知道它的设计发展史吗? 9

每天都用移动应用,你知道它的设计发展史吗? - 敏捷大拇指 - 每天都用移动应用,你知道它的设计发展史吗? 9


微软 Metro UI 设计语言最早出现在 Zune 上,后来先后登陆 Windows 8、Xbox 360 和 Windows Phone。这种设计语言的重点在于干净的排版(包括可读性很高的 Segoe 字体)、平面、明亮的色彩,以及与当时流行的实物纹理数字设计形成鲜明对比的风格。对于移动应用视觉设计来说,它打开了一个新的篇章,在谷歌的 Material Design 设计理念出现之前,它是行业的主导设计语言。




7、2010 年:iPad 引领个人和企业移动应用设计变革

2010 年 iPad 首次亮相之后,你身边的朋友可能都会问你:“这台设备的亮点在哪里?”很多人的评价都是“它不就是个加大版 iPhone。”但是很快 iPad 的便携性、连通性和强大的性能就在各行各业证明了自己的价值:企业会议离不开 iPad、商店中 iPad 取代了收银机,医生用 iPad 来计算和整合病人数据,甚至在金属音乐会上 iPad 也能大展身手。

iPad 之后,Android 厂商的平板产品也如雨后春笋般冒出来,移动应用设计很快就感受到影响:应用会特别针对平板的大屏幕进行优化,响应式设计应运而生——移动应用和网页体验均受此影响。

如今 iPad 产品线已经衍生出 iPad Pro 系列产品,其大屏幕和强大的性能能够满足更多专业用户的需要,针对 iPad 的专业级应用将会越来越多。




8、2013 年:Oculus 发布首个开发者套件,虚拟现实成为现实

2012 年 Kickstarter 现象级成功的结果,Oculus Rift 的开发让虚拟现实头戴设备成为消费者级产品,即使 80 和 90 年代,行业在虚拟现实方面的开发有过多次失败的尝试。第一代 Rift 产品和“完美”完全沾不上边,屏幕分辨率低,使用时间过长的话,用户还会感觉恶心头晕。

更重要的是,Oculus 让用户产生了一种惊奇和敬畏感。虚拟现实是一项极富开创性的技术,它能够让你的沙发变成刺激的过山车运动,或者让你体验一把赛车的疯狂和刺激。另外它也能够给人创造更多教育机会,比如医学专业的学生可以通过这项技术去深入观察人体内部结构,小到细胞;地理学专业学生也可以“亲临”课本上介绍的各种地理位置等。

每天都用移动应用,你知道它的设计发展史吗? 10

每天都用移动应用,你知道它的设计发展史吗? - 敏捷大拇指 - 每天都用移动应用,你知道它的设计发展史吗? 10


用户体验设计师真的需要了解虚拟现实,三星和 HTC 等智能手机厂商推出虚拟现实头戴设备也证明了,移动应用设计和虚拟现实将会更加密不可分。把三星智能手机接入虚拟现实头戴设备,你的手机——一项技术,曾经只能接打电话——就从微型电脑变成了新世界浸入式式体验,从太空到各种虚构的幻想世界。




9、2013 年:扁平化的 iOS 7

iOS 7 是 iOS 系统是继 iOS 3 至 iOS 6 以来最大一次升级,拟物设计被扁平化设计所取代。iOS 7 没有在导航栏上使用阴影效果,而是采取了我们惯常称之为毛玻璃的形式。

其实可以理解成,苹果发明了一种新的“数字纸”:“透明纸”。准确的说:“浅景深纸”。为了强调界面的空间深度,苹果用景深和视差来表达图层之间的距离感。相对远的距离就无所谓阴影。

每天都用移动应用,你知道它的设计发展史吗? 11

每天都用移动应用,你知道它的设计发展史吗? - 敏捷大拇指 - 每天都用移动应用,你知道它的设计发展史吗? 11


苹果导航栏与程序页面的逻辑距离既是近的,又是远的,因为它看似属于程序内部,又可以视为临时层,和控制中心和通知中心属于同一层级。所以可以不用有阴影。但在页面的切换方式上,苹果还需借用阴影来表达叠加关系。

纹理、质感、色调、叠加、阴影、折叠……在纸张的诸多物理特性中,保留哪些去除哪些,各家有各家的选择,但普遍去除了纹理、质感——来自纸张的视觉表征(苹果只在备忘录、提醒事项等程序上保留了这些),而代之以空间关系。同时在减法的基础上再做加法,利用设计的创造力,重新结构和赋予纸张更多的的物理性质。




10、2014 年:谷歌 Material Design

微软的扁平设计语言在 10 年代左右产生了重大影响,而随着谷歌新的设计语言的到来,拟物设计和扁平设计的讨论变得更加激烈,谷歌的设计语言将两者中精华的元素完美融合。

虽然扁平设计看起来是对拟物移动应用设计一个自然而然的回击,但是扁平设计本身也有不少问题。拟物设计中的阴影和层级深度设计不仅仅是为了美学,这些设计元素也有其实用性,能够让不同的用户界面元素显得更加层次分明。虽然微软设计语言明亮的色彩让用户更容易上手,但是没有鲜明的色彩方案的扁平设计应用。因为没有深度变化,用户就更难区分不同的选项,以及可点击区域,比如 Word 2013 工具栏上就是如此。

Material Design 之前曝光的名字叫做“量子纸”(Quantum Paper),这种设计语言注重的是 material as metaphor——合理化空间和运动系统的统一理论。和拟物移动应用设计的不同,Material Design 并不是尽力去模仿事物的质感、纹理等,而是以连贯的语言体现出数字材料——换句话说,移动应用设计世界中真正的元素。轻扫某个用户界面元素,这个元素的移动还带有惯性,这样的设计在移动电话中看起来还是说得过去的。随着用户和屏幕上元素的互动,这些元素看起来要么离用户近了,要么远了。这些符合基本物理特性、特别针对智能手机、平板和其他智能设备设计的元素,让 Material Design 兼具美感和实用性。




11、2014 年:Apple Watch 和 Android Wear 将移动应用设计带到手腕上

每天都用移动应用,你知道它的设计发展史吗? 12

每天都用移动应用,你知道它的设计发展史吗? - 敏捷大拇指 - 每天都用移动应用,你知道它的设计发展史吗? 12


其实早在 Apple Watch 和各种 Android Wear 设备之前,行业就已经探索过穿戴计算。关于穿戴设备最早可以追溯到 17 世纪的算盘戒指。但是 Apple Watch 对改变用户体验设计产生了重大影响,这也是无法否认的。在这一方小小的屏幕上设计用户体验意味着需要新的移动应用体验示范,从快捷视图到通知中心、围观手势、触觉反馈和音频设计等。

每天都用移动应用,你知道它的设计发展史吗? 13

每天都用移动应用,你知道它的设计发展史吗? - 敏捷大拇指 - 每天都用移动应用,你知道它的设计发展史吗? 13


当然在穿戴计算行业,苹果和 Android 还有其他的竞争对手。在智能手表市场中,Pebble 不断革新他们的腕戴设备,包括可能颠覆行业的 Pebble Core——它可完全独立于智能手机。在健身穿戴设备领域,Fitbit 则证明了一个社交平台和时尚配件追踪健康和健身的能力多么强大。




随着越来越多的人进入移动应用设计领域,他们开发出设计美观、功能强大的应用,这些将促使移动应用设计不断革新变化。你认为在移动应用设计发展史上有哪些最重要的时刻?接下来又会发生什么样的变化,产生什么样的影响呢?


都看到这里了,就把这篇资料推荐给您的好朋友吧,让他们也感受一下。

回帖是一种美德,也是对楼主发帖的尊重和支持。

*声明:敏捷大拇指是全球最大的Swift开发者社区、苹果粉丝家园、智能移动门户,所载内容仅限于传递更多最新信息,并不意味赞同其观点或证实其描述;内容仅供参考,并非绝对正确的建议。本站不对上述信息的真实性、合法性、完整性做出保证;转载请注明来源并加上本站链接,敏捷大拇指将保留所有法律权益。如有疑问或建议,邮件至marketing@swifthumb.com

*联系:微信公众平台:“swifthumb” / 腾讯微博:@swifthumb / 新浪微博:@swifthumb / 官方QQ一群:343549891(满) / 官方QQ二群:245285613 ,需要报上用户名才会被同意进群,请先注册敏捷大拇指

嗯,不错!期待更多好内容,支持一把:
支持敏捷大拇指,用支付宝支付10.24元 支持敏捷大拇指,用微信支付10.24元

评分

参与人数 1金钱 +10 贡献 +10 专家分 +10 收起 理由
Anewczs + 10 + 10 + 10 32个赞!专家给力!

查看全部评分

本帖被以下淘专辑推荐:

apper 发表于 2016-8-4 23:11:18 | 显示全部楼层
PDA都算进来……
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

做任务,领红包。
我要发帖

分享扩散

都看到这里了,就把这资料推荐给您的好朋友吧,让他们也感受一下。
您的每一位朋友访问此永久链接后,您都将获得相应的金钱积分奖励
热门推荐

合作伙伴

Swift小苹果

  • 北京治世天下科技有限公司
  • ©2014-2016 敏捷大拇指
  • 京ICP备14029482号
  • Powered by Discuz! X3.1 Licensed
  • swifthumb Wechat Code
  •   
快速回复 返回顶部 返回列表