07.11 App Store10周年一起看看App Store应用程序的10年设计演变

在Apple的网站上发布了一篇简单的博客文章,宣布了近期历史上最重要的设计机会之一。“我只想说:我们想在iPhone上使用原生的第三方应用程序,我们计划在二月份开发人员手中使用SDK,”史蒂夫乔布斯写道。在不到一年之后的一个安静的周四早上,App Store 向iPhone用户开放了超过500个应用程序。

很少有当代创新改变了我们的生活方式,并且比iPhone应用程序更能与周围的世界互动。在发布会上推出的前500个创作者有独特的机会塑造自那时以来创建的数百万个应用程序的设计方向和交互方法。

为了庆祝App Store成立10周年,让我们研究10个原创App Store应用程序的视觉演变。

App Store10周年一起看看App Store应用程序的10年设计演变

应用程序

对于这一块的目的,我一直专注于显着的视觉变化到应用程序都可以下载的一天,还在今天收到更新。虽然其中许多应用程序也可用于iPad,但此次审核突出了iPhone版本的变化。

App Store10周年一起看看App Store应用程序的10年设计演变

iTunes Remote

Apple通过在App Store上发布一些自己的软件,为其他开发人员树立了榜样。创建的第一个应用程序中有两个是Texas Hold'em和Remote游戏,这是一个简单的实用程序,用于通过Wi-Fi控制Mac或Apple TV的iTunes库的播放。虽然德州扑克在2011年从商店撤出,但今天仍然存在。

从一开始,Remote的设计就受到iPhone iPod应用程序(今天称为音乐)的外观和感觉的影响很大。事实上,正在播放的视图在外观上基本相同。2.0版带来了由Louie Mantia设计的新图标。这两个应用程序开始在iOS 6上出现分歧,当时音乐应用程序完全重新设计并具有一个音量滑块,可以动态响应iPhone的移动。遥控器保持了更多的库存外观。该图标再次更新以匹配Mac上iTunes 11的样式。

App Store10周年一起看看App Store应用程序的10年设计演变

Remote 7的第一次主要重新设计来自iOS 7.与音乐应用程序的鲜明白色主题形成鲜明对比的是,遥控器采用了深色的模糊背景,并以专辑封面的颜色着色。2016年,Apple发布了针对第4代Apple TV 的Apple TV Remote应用程序,这是一个合乎逻辑的步骤,似乎取代了Remote。不久之后,Remote被重命名为iTunes Remote。虽然该应用程序继续可供下载,但直到今年6月,它仍然保持不变,当时它收到了全新设计并支持iPhone X的更高显示屏。

iTunes Remote的刷新回归到更具视觉保守性的外观,让人联想到iOS 11音乐应用程序,但放弃了大型游戏和卡片,转而支持传统导航。iTunes Remote使用蓝色来匹配更新的图标,而不是红色调颜色。

App Store10周年一起看看App Store应用程序的10年设计演变

Facebook

与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网格图标,以帮助解决应用程序的气球导航问题。早期的屏幕截图显示了一个完全蓝色的平铺网格,但这个设计从未在应用程序的公共版本中发布。

App Store10周年一起看看App Store应用程序的10年设计演变

Things

Things开始作为Mac的任务管理工具开发,但最终在iOS上首先达到1.0状态。该应用程序的开发人员Cultured Code在他们的发布帖中指出,原始版本仅在一个月内构建 - 这个截止日期似乎不可能。

Things 1.0缺乏与Mac版同步的方法,并且禁用了标记,这两个都是关键功能。尽管发布压力很大,但应用程序的基本层次结构仍然存在至今。一个优秀的Flickr相册记录了应用程序的早期设计阶段。第一个主要的视觉刷新排在2012年8月,当事情2.0发布了。一层清新的油漆脱落了iOS的外观,而小巧的图形装饰赋予它独特的个性。

App Store10周年一起看看App Store应用程序的10年设计演变

2014年9月的Things2.5再次刷新了应用程序的用户界面,外观更平坦,配色更轻。重新设计最初计划用于第3项,但开发时间比预期的要长。2017年5月发布的第 3件事是应用程序外观上最重大的变化。实际上,每个图标和UI元素都被重新绘制,同时保留了底层布局。在更新的发布视频中,Cultured Code特别强调了如何使用动画为应用程序提供全新的感觉。重新设计在2017年获得了Cultured Code的Apple设计奖。

OmniFocus

即使在它的初期,App Store也备有丰富的任务管理应用程序。来自The Omni Group的Things和OmniFocus从第一天开始提供。虽然这两个应用程序提供类似的实用程序,但在过去的十年中,每个应用程

OmniFocus for iPhone最初使用简单的桌面视图和自定义导航图像,在2008年赢得了Apple设计奖。Omni Group在2010年6月重新绘制了他们的所有艺术作品和应用程序图标,以响应iPhone 4的Retina显示屏。应用程序最大的变化之一发生在2011年6月,当时添加了预测模式。导航栏下方的光泽日期选择器成为了一个定义的UI元素,即使在2013年针对iOS 7时代的重新设计降低了光泽度。新的平面外观在很大程度上依赖于文本色调的颜色来提升空间感。

App Store10周年一起看看App Store应用程序的10年设计演变

2015年春季的更新为iPhone带来了一个较暗的应用程序图标,复选标记处边缘较柔和。自2012年以来,每个图标都包含一个复活节彩蛋,即使是长期用户可能也不知道。放大,您会注意到碳纤维纹理实际上是由微小的重复Omni徽标组成。

OmniFocus最近的主要更新来自今年五月的OmniFocus 3.0。虽然许多变化都与工程相关,但大型游戏和iPhone X优化更新了用户界面。

App Store10周年一起看看App Store应用程序的10年设计演变

Evernote

Evernote的造型故事完美地突出了自2008年以来的许多主要软件设计趋势。笔记和组织工具在App Store之前作为桌面应用程序开始,并且最近在iPhone上发布之前更名为其可识别的大象徽标。

像许多早期的iPhone应用程序一样,Evernote 1.0严重依赖于UIKit库存元素和大而有光泽的图形。2011年的重新设计重新组织了标签栏,并按时间顺序排列了“所有笔记”视图的优先顺序。当Evernote在2012年增加对iPhone 5更大显示器的支持时,该应用仍然使用默认的iOS UI元素。导航栏和按钮自动拾取iOS 6的亚光饰面。

App Store10周年一起看看App Store应用程序的10年设计演变

2012年11月,Evernote 5推出。从头开始重新设计,该应用程序是该时代典型的丰富纹理,高度主题设计的教科书范例。浮雕图标,仿纸纹理和深度阴影为应用程序提供深度。该应用程序的图标降低了老化的光泽外观,但保留了拉丝金属。

在一篇公告博客文章中,Evernote说:“我们通常不会进行全面的重新设计。事实上,它每隔几年才会发生一次。“虽然他们当时并不知道,但是在2013年WWDC上宣布推出iOS 7时,Evernote需要重新设计不到一年.Evernote 5 赢得Apple Design当天奖励。

Evernote 采用张开双臂包含 iOS 7的平整度。每个纹理,阴影和斜角都被替换掉了。一个明亮的从左到右的渐变条纹应用程序的导航栏,与新的无纹理图标上使用的颜色相匹配。一个早期的2017刷新淡化的设计,更静音图标,白色的导航栏,注意卡有微妙的阴影和黑暗的标签栏。随后对排版和标签栏图标进行了进一步改进。

App Store10周年一起看看App Store应用程序的10年设计演变

易趣

eBay的设计可以说是这篇文章中10个应用程序中最引人注目的转变。尽管苹果公司在WWDC 2008的舞台上突出了它,但与今天的精致体验相比,原始版本的eBay for iPhone是彻头彻尾的原油。到2009年11月,整个应用程序已经重新考虑了更加一致的灰色用户界面。

一年后,eBay 2.0为未来几年应用程序的组织奠定了基础。虽然eBay之前曾提供独立销售应用程序,但该功能现已融入主要体验。该应用程序的主屏幕也刷新了,最后感觉像一个真正的原生iOS设计。

App Store10周年一起看看App Store应用程序的10年设计演变

2013年的几次更新为eBay提供了新的涂料,同时保持了相同的基本用户体验。每一次变化都反映了这个时代迅速发展的软件设计品味。这个连续的迭代意味着当应用程序重新设计为iOS 7时,eBay的外观转换得相当顺利。使用熟悉的调色板和导航层次结构有助于保持用户的肌肉记忆。

2015年9月,eBay 4.0 打破了模式。大多数应用程序的功能都放在汉堡包菜单下面,只留下三个标签靠近顶部:“活动,商店,销售。”凭借鲜明的文字重量UI和新图标匹配,设计不会持续很长时间。截至2016年5月,eBay几乎完全恢复了应用程序的组织。今天的布局与2010年推出的设计更加相似。

App Store10周年一起看看App Store应用程序的10年设计演变

Twitterrific

在App Store宣布之前,Craig Hockenberry和The Iconfactory为iPhone 构建了第一个 Twitter客户端。由于 Apple爱好者社区开发的越狱软件,开发人员在Apple提供官方认可的工具时有几个月的编写应用程序的经验。

Twitterrific 1.0从越狱时代借用了一些设计元素,看起来令人惊讶地抛出了大门。它在2008年获得了Apple设计奖。Twitterrific也是最早使用黑暗主题的应用程序之一 - 今天越来越流行的选择。但Twitterrific的设计故事更多地讲述了Twitter作为服务的历史,而不是设计趋势。每次更新都反映了Twitter平台的特性和功能的变化。在早期,这些功能通常由第三方自己开创。

App Store10周年一起看看App Store应用程序的10年设计演变

2012年,Twitterrific 5.0将所有导航移动到显示的顶部,并使用完全自定义的UI元素。类似的布局一直持续到今天。就像应用程序的设计一样迷人的是它的图标。除了作为第一个使用鸟类图像的 Twitter应用程序之外,Twitterrific还是为数不多的iOS应用程序之一,它仍然保持着现代化的视觉效果。应用程序的吉祥物Ollie在向iOS 7过渡期间几乎没有变化,今天看起来仍然像2012年一样新鲜。

App Store10周年一起看看App Store应用程序的10年设计演变

Instapaper

一个专为阅读而构建的应用程序优先考虑内容而不是chrome,因此Instapaper的设计从一开始就自然被制服了。事实上,由于iOS本身的变化,应用程序收到的一些最明显的视觉变化。导航栏和按钮样式在iOS 6和7中都进行了更改,为应用程序提供了两个“免费”的可视刷新。

然而,说应用程序没有发展将是一种误导。Instapaper在App Store上免费下载。不久之后,推出了名为Instapaper Pro的付费版本。2011年秋季,由Dribbble联合创始人Dan Cedarholm设计的新图标被添加,读取体验和更深层UI元素的重大更新。图标后来特色关于伟大的肖像一个WWDC会议幻灯片。

App Store10周年一起看看App Store应用程序的10年设计演变

2013年4月,Betaworks从创始人Marco Arment 手中收购 Instapaper,以不同的方式发送应用程序。Betaworks指导下的第一次重大更新于2013年9月发布,iOS 7更新。Pinterest于2016年8月收购了 Instapaper,当时该公司承诺该应用程序将继续存在。在目前的所有权下,即使在支持iPhone X的Super Retina显示器的更新后,Instapaper也保持了相当一致的视觉效果。

图标

比较所有十个突出显示的应用程序的图标迭代并排显示了每个选择的现代性的独特途径。在过去十年中,一些图标保持相当一致,只进行了细微的改进,其他图标每隔几年就重新设计一次。按时间顺序排列,行业范围的设计趋势变得明显。

在App Store推出时,有光泽的图标统治着这片土地。默认情况下应用了图标光泽,开发人员必须在Xcode中专门禁用该效果才能将其删除。随着iOS应用程序的成熟,大多数人最终失去了光泽并采用了非常详细的自定义设计

iOS 7着名地重新设定了制作好图标的指标。高度纹理化和3D渲染的资产通常在Apple的新图标集旁边看起来不合适,有些与更新的圆角半径发生冲突。随着设计师和开发人员逐渐建立了图标设计的新指南和最佳实践,细节和更多受限制的调色板已经悄悄回到许多图标中。

个性

早期的iPhone应用程序一头扎进一个未知的世界。除了苹果公司自己的小型股票应用程序外,应用程序的外观和工作方式没有先入为主的观念,设计师和开发人员可以完全自由地进行实验。

尽管如此,许多早期的应用程序看起来和感觉非常相似,因为用户和开发人员携手学习最佳实践。早期反馈和反复试验很快就会影响每个应用的发展方式。在几年内,大多数应用程序找到了自己的方式,并开发出独特的风格和个性。随着硬件功能的改进,设计差异逐渐从静态图形转变为动画和动态界面。

在iOS 7引入的同质化界面指南将设计人员和开发人员送回绘图板之后,许多应用程序开始通过感受到的体验选择来区分自己,而不是看到。经常使用周到的策展和预测信息设计来帮助表现出新的和有趣的内容,否则这些内容可能会被忽视。智能工作流程简化了常见操作,帮助您减少完成任务的时间。超出像素级别的良好设计的重要性导致近年来用户体验(UX)设计的普及。

未来10年

在2008年,无法准确预测App Store的发展方式。创新源于创新,iPhone用户的品味和习惯塑造了开发人员选择的应用程序类型。未来也可以这么说。即将推出的iPhone和iOS版本肯定会以不可预见的方式改变应用程序格局。一个新的设计趋势明天将席卷全球。即使在10年后,未来也是令人兴奋的。


分享到:


相關文章: