从同质化到个性化:苹果 App Store 的十年设想成长

文章分类:设计前沿 发布时间:2018-09-17 原文作者:dede58.com 阅读( )

  编者按:作者回首了苹果App Store中十款使用软件十年来图标的演变,通过度析各款软件严重更新的变化点,总结出使用软件行业逐渐从同质化走向差同化,各款软件起头开辟出本人的特点,而苹果发布的新版本iOS也必将引领新的设想趋向。

  Apple公司比来在官方网站上发布了一篇简单的博客,颁布发表了近期汗青上最主要的设想机缘之一。 “我想说,我们想在iPhone上利用原生的第三方使用法式,我们打算在二月份闪开发人员利用SDK。”史蒂夫乔布斯写道,在不到一年后的某个恬静的周四晚上,App Store向iPhone用户开放了跨越500个使用法式。

  没有什么比iPhone使用法式更能改变我们的糊口体例,以及与四周世界的互动体例了。在刚开放时,首批500款使用的开辟者有奇特的机遇,能够塑造此后数百万款使用的设想标的目的和交互体例。

  为了庆贺App Store十周年,让我们来研究一下最后的10款App Store使用法式的视觉演变。

  在这篇文章中,我特地关心了使用法式的视觉变化,这些使用法式从第一天起头就能够下载,直到今天还在接管更新。虽然iPad上也有良多如许的使用法式,但这篇文章次要评论强调iPhone版软件的变化。

  Apple通过在App Store上发布一些本人开辟的软件,为其他开辟人员树立了楷模。Apple建立的两个使用法式中的第一个是德州扑克(Texas Holdem),另一个就是Remote,这是一个简单的适用法式,用于通过Wi-Fi节制Mac或Apple TV的iTunes库进行播放。秒速赛车开奖视频虽然德州扑克在2011年从商铺下架,但Remote今天仍然具有。

  从一起头,Remote的设想就遭到iPhone版本的 iPod使用法式(今天的Music)的外观和感受很大的影响。现实上,Now Playing的图标在外观上与Remote根基不异。Remote 2.0版本是由路易·曼蒂亚 (Louie Mantia)设想的新图标,这两个使用法式起头在iOS 6上呈现差同化,其时陈旧的Music使用法式被完全从头设想,并配有具有识别度的音量滑块,能够动态响应iPhone的滑动,而Remote软件则连结了更多的陈旧外观,该图标再次更新以婚配Mac上iTunes 11的样式。

  Remote的第一次次要从头设想来自iOS 7,与Music使用法式的明显白色主题构成对比的是,Remote采用了深色的恍惚布景,并以专辑封面的颜色着色。2016年,Apple发布了针对第4代Apple TV的Remote使用法式,这是一个似乎想要代替Remote的合乎逻辑的步调。不久之后,Remote被重定名为iTunes Remote,虽然该使用法式继续可供下载,但不断连结不变,直到本年6月它收到了全新设想,并支撑iPhone X更高的显示屏。

  iTunes Remote的更新回归到更具视觉保守性的外观,让人联想到iOS 11的Music使用法式,但它放弃了大题目和卡片转而支撑保守导航。iTunes Remote利用蓝色来婚配更新图标,而不是红色调。

  与iTunes Remote的适度变化比拟,Facebook使用法式在过去十年中,被不竭从头设想的频次越来越高。该使用法式的全面视觉汗青可以或许写一本小书,因而我选择此中八个最主要的变化。

  Facebook在iPhone上的冒险现实上是在App Store具有之前起头的,该办事最后于2007年10月作为iPhone的第一批收集使用法式之一进行供给,除了标记性的蓝色导航栏之外,App Store中的1.0版此刻几乎无法识别为Facebook,即便是图标也贫乏签名白色“f”。该使用法式的旧事Feed根基上是一个带有五个图标的标签栏上的粉饰视图,别离为主页、小我材料、伴侣、聊天和收件箱。而2.0版基于不异的概念,在主题目栏下添加了两层导航。

  Facebook 3.0版本于2009年7月初次预览,并推出了3×3网格图标,以顺应使用法式的气球状导航。晚期的屏幕截图显示了一个完全蓝色的平铺网格,但这个设想从未在使用法式的公共版本中发布过。

  2011年10月,Facebook 4.0成为导航“汉堡菜单”式导航的晚期采用者。Facebook使用法式的受接待程度在接下来的几年中,加快了无数使用法式和网站中有争议的设想元素的采用。在第4版之后,Facebook的设想时间表变得更具挑战性,Facebook使用法式的外观起头更快地迭代,而且变化凡是是逐渐推出而不是为次要更新版本保留。

  2013年4月,Facebook在iOS使用法式中测验考试了“聊天头像”,可挪动的小我材料照片在点击时扩展到聊天窗口。iOS 7的新外观进行了从头设想,引入了用于导航的标签栏,标签栏图标仍然会按期从头设想并在更新中从头安设。

  Facebook的一些设想挑战来自其运营规模,与很多小型使用法式分歧,Facebook必需在大量平台上为其客户供给分歧的体验,而不只仅是Apple。2017年8月的更新测验考试同一iOS,Android和收集上的旧事Feed设想,使其评论气概看起来更像是Messenger对话。

  Things最后是开辟作为Mac的使命办理东西,但最终在iOS上起首发生1.0版本。该使用法式的开辟人员Cultured Code在他们的发布帖中指出,原始版本仅在一个月内建立,这个日期最后似乎不成能达到。

  Things 1.0缺乏与Mac版同步的方式,而且不克不及利用标识表记标帜功能,这两个都是环节功能。虽然发布压力很大,但该使用法式的根基条理布局至今仍然具有。优良的Flickr图片网站中的专辑记实了使用法式的晚期设想阶段。Things第一次次要的视觉更新是在2012年8月发布的,一层清爽的色调脱节了iOS的陈旧外观,而玲珑的图形粉饰付与它奇特的个性。

  2014年9月的Things 2.5再次更新了使用法式的用户界面,软件的外观更平展,配色更淡。从头的设想最后打算用于Things 3,但开辟时间比预期的要长,2017年5月发布的Things 3是使用法式外观上最严重的变化。现实上,每个图标和UI元素都被从头绘制,同时保留了底层结构。在更新的发布视频中,Cultured Code出格强调了若何利用动画为使用法式供给全新的感受。从头设想在2017年获得了Cultured Code的Apple设想奖。

  即便在初始阶段,App Store也充溢着使命办理使用法式,来自Omni 开辟小组的OmniFocus就是此中之一,同Things一样,OmniFocus软件从第一天起头就能下载。虽然两个使用法式都供给了雷同的适用法式,但在过去的十年中,每个使用法式都采用了奇特的设想标的目的。

  iPhone版本的OmniFocus最后利用带有自定义图标的简单表格视图进行导航,2008年获得了苹果设想奖。OMNI小组在2010年6月响应iPhone 4的视网膜显示从头绘制了他们所有的艺术品和使用法式的图标。使用法式最大的变化之一发生在2011年6月,其时添加了预测模式。导航栏下面的具有光泽的日期选择器成为UI定义元素,虽然在2013年iOS 7版的从头设想中光泽度在有所下降,新的平面外观很大程度上依赖于文本色彩的空间认识。

  在2015春季的iPhone版更新带来了较暗的图标,而且选择标识表记标帜具有更温和的边缘。自2012以来的每一个图标都包罗新生节彩蛋,即便是持久用户也可能不晓得。放大图标,你会发觉碳纤维纹理现实上是由细小的、反复的Omni logo构成。

  OmniFocus的最新次要更新是在过去的5月份发布的OmniFocus 3.0,虽然很多的变化是工程相关的,但大题目和iPhone X的优化刷新提拔了UI质感。

  印象笔记(Evernote)的造型故事完满地凸起了自2008年以来的很多次要软件的设想趋向,Evernote组织东西在App Store中发布之前,现实上是作为桌面使用法式起头的,而且在iPhone版发布之前,比来曾经更新了其具有识别度的大象徽标。

  好像很多晚期的iPhone使用法式一样,Evernote 1.0严峻依赖于UIKit库存元素和大而有光泽的图形。2011年的更新设想从头组织了标签栏,并按时间挨次陈列了“所有笔记”视图的优先挨次。当Evernote在2012年添加对iPhone 5更大屏幕的支撑时,该使用仍然利用默认的iOS UI元素,导航栏和按钮主动拾取iOS 6的亚光饰面。

  Evernote 5于 2012年11月推出,该使用法式被完全从头从头设想,是该时代典型的纹理丰硕、高度主题设想的教科书级典范。浮雕图标、仿纸纹理和深度暗影为使用法式供给了深度,该使用法式的图标降低了老化的光泽外观,但保留了拉丝金属。

  在一篇通知布告博客中,Evernote暗示:“我们凡是不会进行全面的从头设想,现实上,它每隔几年才会发生一次。“虽然他们其时并不晓得,可是在2013年WWDC上颁布发表推出iOS 7时,距离Evernote的从头设想不到一年,同时Evernote 5也博得了Apple Design奖。

  Evernote张开双臂采用了iOS 7的扁平化设想,每个纹理、暗影和斜角都被替代掉,敞亮的从左到右的渐变条纹使用在法式的导航栏,与新的无纹理图标上利用的颜色相婚配。2017岁首年月的更新使设想愈加温和,包罗更温和的图标,白色导航栏,带有微妙暗影的记事卡和深色标签栏,随后对排版和标签栏图标进行了进一步改良。

  eBay的设想能够说具有这篇文章中10个使用法式中最惹人瞩目的改变。虽然苹果公司在WWDC 2008的舞台上凸起了该款软件,但与今天的精美体验比拟,原始版本的iPhone版本的eBay是彻头彻尾粗拙。到2009年11月,整个使用法式曾经从头考虑了愈加分歧的灰色UI。

  一年后,eBay 2.0为将来几年使用法式的组织奠基了根本。虽然eBay之前曾供给独立发卖使用法式,但该功能现已融入次要体验。该使用法式的主屏幕也进行了更新,最终才感受像真正的原生iOS设想。

  2013年的几回更新为eBay供给了新的色调,同时连结了不异的根基用户体验。每一次变化都反映了这个时代敏捷成长的软件设想品尝,这个持续的迭代意味着当使用法式从头设想为iOS 7时,eBay的外观相当滑润。利用熟悉的调色板和导航条理布局有助于连结用户的肌肉回忆。

  2015年9月,eBay 4.0打破了这种模式。大大都使用法式的功能都放在汉堡包菜单下面,只留下三个标签接近顶部,即勾当、商铺、发卖。凭仗明显的大量文字化的UI和新图标进行新版本设想,但这个设想没有持续很长时间。截至2016年5月,eBay几乎完全恢复了使用法式的组织,今天的结构与2010年推出的设想愈加类似。

  Twitterrific 1.0从越狱时代借用了一些设想元素,从外行角度看是令人惊讶的精巧。 它在2008年博得了Apple设想奖,Twitterrific也是最早利用暗中主题的使用法式之一 ,今天这种气概越来越受接待。但Twitterrific的设想故事更多地讲述了Twitter作为办事的汗青,而不是设想趋向。Twitterrific的每次更新都反映了Twitter平台的特征和功能的变化。在晚期,这些功能凡是由第三方本人开创。

  2012年,Twitterrific 5.0将所有导航挪动到显示的顶部,并利用完全自定义的UI元素。雷同的结构不断持续到今天。就像使用法式的设想一样诱人的是它的图标。除了作为第一个利用鸟类图像的Twitter使用法式之外,Twitterrific仍是为数不多的然连结着现代化的视觉结果的iOS使用法式之一,该使用法式的吉利物Ollie在向iOS 7过渡的期间几乎没有变化,今天看起来仍然像2012年一样新颖。

  Instapaper是一个专为阅读而建立的使用法式,它比Chrome更优先考虑内容,因而Instapaper的设想从一起头就天然礼服了利用者。现实上,使用法式进行的一些最较着的视觉变化,源自于iOS本身的改变。IOS 6和7中的导航栏和按钮样式都进行了更改,为使用法式供给了两个“免费”的能够看见的更新。

  然而,app设计说该款使用法式没有成长是一种曲解。Instapaper一起头在App Store上是免费下载,不久之后,便推出了名为Instapaper Pro的付费版本。2011年秋季,由Dribbble结合创始人Dan Cedarholm设想的新图标被采用,软件也进行了读取体验和更深层UI元素的严重更新,该图标后来在WWDC大会的幻灯片上用于展现关于伟大图标部门。

  2013年4月,Betaworks从创始人马可·阿蒙特(Marco Arment)手中收购了Instapaper,并起头以分歧的体例成长这款使用法式。Betaworks指点下的第一次严重更新于2013年9月发布,这是一个IOS 7版本的更新。Pinterest于2016年8月收购了Instapaper,其时该公司许诺该使用法式将继续具有。在目前的所有权下,即便在完成支撑iPhone X的Super Retina显示屏的更新后,Instapaper也连结了相当分歧的视觉结果。

  PCalc的故事在App Store推出前十年就曾经起头了。开辟人员James Thomson于1992年为Mac发布了原始的使用法式,而且它的成长至今仍在继续。PCalc从一起头就在IOS上运转了一个完全自定义的界面,供给了越来越多的主题选择和自定义选项。这里有太多要点,所以我选择了几个里程碑式成长进行申明。

  用于iPhone的PCalc的第一个版本是从Mac仪表板小部件移植而来,但它能与典范的iPhone UI很好地婚配。有光泽的按钮和深蓝色LCD面板与使用法式的图标相顺应, 2008年12月,一个名为Twilight的抢手主题,添加了愈加细致的图形和雷同默认iOS计较器使用法式的配色方案。Twilight后来更新了视网膜图形并支撑更大的显示屏幕, 它仍然是今天使用法式中的一个选项。

  为顺应IOS 7扁平化设想的转换,PCalc采用了名为“Samurai”的新默认主题和婚配图标,使用法式设置中仍然供给以前旧的主题。PCalc的图标在2016年3月再次更新,自IOS 10.3发布以来,Apple已答应第三方使用法式动态更改其使用法式图标,而无需向商铺提交新版本。PCalc于2017年5月起头充实操纵该功能,推出了各类各样的备用图标供用户选择,后续更新添加了更多内容。

  颠末10年的成长,PCalc曾经超越了iPhone计较器使用法式的现实限制。比来的更新享受了一些立异的自在与别致的功能,如AR计较器模式,而支撑iPhone X的显示屏为Samurai主题带来了圆角。

  与Facebook一样,Yelp的iPhone界面多年来发生了严重变化,但因为利用了分歧的导航栏着色,因而连结了具有识别度的品牌。因为与Apple Maps的深度集成,该使用法式越来越受接待。

  2009年8月,Yelp将一个初步的加强现实界面躲藏在iPhone版使用法式中,用于定位您四周的企业。虽然它其时只是一个体致事物,但跟着ARKit使用法式的兴起,这一功能在今天看来具有先见之明。

  2010年1月,一个新的Yelp主页屏幕以3×3的快速快速体例滚动,之后Yelp不竭完美不异气概的根基界面,直到整个使用法式在2013年10月从头设想,此次更新后Yelp的外观愈加平展,愈加凸起“附近”标签。

  Yelp的最新更新通过显示与您相关的内容,扩展了简单的基于位置的成果。这种通过度析处剃头现的方式是一种用户体验的设想趋向,这在iOS 11从头设想的App Store中取得了庞大成功。

  并排对比所有10个凸起使用法式的图标迭代,显示出每款使用选择的奇特的现代化道路。在过去的十年里,一些图标连结了相当的分歧性,只是做了一些细微的改良,还有一些则是每隔几年从头设想一次。按时间挨次陈列,整个行业的设想趋向变得较着。

  当App Store推出时,有光泽的图标统领着这片地盘。默认环境下会使用图标光泽,开辟人员必需在Xcode中特地禁用此结果才能将其删除。跟着iOS使用的成熟,大大都使用最终打消了光泽,采用了很是细致的定制设想。

  家喻户晓,iOS 7为一个好图标从头设置了怀抱尺度。高度纹理和3D衬着的特点凡是看起来与苹果的新图标不合适,有些与更新的圆角半径发生冲突。跟着设想师和开辟人员逐步为图标设想制定新的指点方针和最佳方案,细节和愈加胁制的色彩调色板曾经悄然地回归到很多图标中。

  晚期的iPhone使用法式一头扎进一个未知的世界,除了苹果公司本人的陈旧的使用法式外,使用法式的外观和工作体例没有先入为主的观念,设想师和开辟人员能够完全自在地进行尝试。

  虽然如斯,很多晚期的使用法式看起来和感受很是类似,由于用户和开辟人员联袂进修最佳的方案,晚期反馈和频频试验很快就会影响每个使用的成长体例,在几年内,大大都使用法式找到了本人的体例,并开辟出奇特的气概和个性,跟着硬件功能的改良,设想差别逐步从静态图形改变为动画和动态界面。

  在iOS 7引入的同质化界面指南将设想人员和开辟人员送回画图板之后,很多使用法式起头通过感遭到的体验选择来区分本人,而不是观感。经常利用殷勤的分析阐发和预测消息设想来协助表示出新的和风趣的内容,不然这些内容可能会被轻忽。智能工作流程简化了常见操作,协助用户削减完成使命的时间。超出像素级此外优良设想的主要性,导致近年来用户体验(UX)设想的普及。

  在2008年的时候,没人能精确预测App Store的成长体例。立异源于立异,iPhone用户的品尝和习惯塑造了开辟人员选择的使用法式类型,将来也能够这么说。即将推出的iPhone和iOS版本必定会以不成预见的体例改变使用法式款式,明天一个新的设想趋向将席卷全球,即便在10年后,将来也是令人兴奋的。