网上每年都有很多设计趋势分析，但大多只是分析一些表层，没有深入。趋势几乎每年都在变化。如何透过现象看本质？我觉得其中一个方法就是尝试拉长时间线，从更高的维度去看待潮流的演变，通过自己产品的品牌定位来分析是否有必要顺应潮流去设计。苹果的设计一直是设计界的风向标。本文回顾AppStore中最经典的10款App的设计演变，以横向观察设计趋势的变化。Apple网站上的一篇简短博文标志着近代历史上最重要的设计机会之一。史蒂夫·乔布斯在这篇博文中写道，“我想说的是：我们希望在iPhone上拥有原生的第三方应用程序，并计划在2月让开发者拿到SDK。”在不到一年的时间里，在一个安静的星期四早上，AppStore向iPhone用户开放了500多个应用程序。很少有现代创新比iPhone应用程序更能改变我们的生活方式以及与周围世界互动的方式。在发布会上发布的前500个应用程序的开发人员有一个特殊的机会来塑造此后创建的数百万个应用程序的设计方向和交互策略。为庆祝AppStore成立10周年，让我们来看看接下来10款AppStore原创应用的视觉演变。1.应用出于本文的目的，我的重点是第一天可供下载且今天仍在更新的应用的重大视觉变化。虽然其中许多应用程序也有iPad版本，但本文重点介绍iPhone版本的一些变化。1.iTunesRemoteApple通过在AppStore上发布一些自己的软件，为其他开发者树立了标杆。开发的前两个应用程序是TexasHold'em和Remote，这是一个简单的应用程序，用于通过Wi-Fi控制Mac或AppleTV的iTunes库的播放。2011年，TexasHold'em应用程序被下架，但Remote仍在更新中。从一开始，Remote的设计就深受适用于iPhone的iPod应用程序（现在称为“音乐”）的外观和感觉的影响。其实在外观上和现在的播放图标本质上是一样的。2.0版带来了LouieMantia重新设计的图标。这两个应用程序在iOS6中开始出现分歧，当时音乐应用程序被完全重新设计，并带有一个音量滑块，可以动态响应您在iPhone上的动作。Remote保持了较为保守的外观，图标再次更新，以配合Mac上iTunes11的风格。Remote的第一次重大改进是在iOS7中。与音乐应用程序的纯白色主题形成鲜明对比的是，Remote的深色模糊背景采用了专辑封面的颜色。2016年，Apple发布了适用于第4代AppleTV的AppleTVRemote应用程序，这是一个似乎取代Remote的合乎逻辑的迭代。不久之后，Remote更名为iTunesRemote。虽然该应用程序仍可供下载，但此后很长一段时间几乎没有更新。直到今年6月，才针对iPhoneX进行了新的设计和调整。这次对iTunesRemote的更新恢复了更保守的视觉外观，让人联想到iOS11音乐应用程序，但放弃了大标题和卡片，有利于传统导航。iTunesRemote使用蓝色来匹配更新后的图标，而不是原来的深色配色方案。2.Facebook和iTunesRemote的适度变化与之形成鲜明对比的是，Facebook应用程序在过去十年中的重新设计频率越来越高。Facebook视觉更新的完整历史可以写一整本书，所以我在这里只挑选了8个最重要的。Facebook在iPhone上的更新实际上在AppStore存在之前就开始了。该应用程序于2007年10月开始作为iPhone的首批网络应用程序之一。AppStore中的1.0版现在几乎无法识别为Facebook，除了标志性的蓝色导航栏。甚至图标也缺少白色的标志性签名“f”。该应用程序的提要本质上是一个带有五个标签栏的表格视图：主页、个人资料、朋友、聊天和收件箱。2.0版也是基于相同的概念，但在主标题栏下增加了两层导航。Facebook于2009年7月在3.0版中首次引入了3×3的图标网格，以帮助应用程序不断扩展的导航。早期的屏幕截图显示了这样一个图标，但该设计从未公开发布。2011年10月，Facebook4.0首创导航“汉堡菜单”。在接下来的几年里，该应用程序的流行加速了各种应用程序和网站设计元素的创新。4.0版本之后，Facebook的设计时间表变得更具挑战性。Facebook的外观和感觉开始更快地迭代，并且通常是逐渐推出而不是一次推出主要版本。2013年4月，Facebook在iOS应用中试用了“ChatHeads（译者注：FloatingChatHeads）”。一个视频介绍了这个功能。有兴趣的可以看看https://9to5mac.com/2013/04/16/facebook-for-ios-to-gain-chatheads-ipad-app-redesign-today-brichter-working-on-家/）。iOS7的新风格需要重新设计导航栏。选项卡栏图标在更新之间仍会定期重新定位和重新设计。Facebook的一些设计挑战来自其运营规模。与许多小型应用程序不同，Facebook必须在众多平台上为客户提供一致的体验，而不仅仅是iOS。2017年8月的更新试图统一iOS、Android和Web上的新闻提要设计，其评论风格看起来更像是Messenger对话。3、ThingsThings最初是作为mac端的任务管理工具开发的，但最终在iOS上发布了1.0版本。开发该应用程序的作者CultureCode在一份新闻稿中指出，初始版本在一个月内完成——一个听起来不可能的时间。1.0版和Mac版的两个关键问题是无法同步和无法使用tabs。尽管一开始压力很大，但该应用程序的基本架构一直延续到今天。一个优秀的Flickr相册记录了应用程序的早期设计阶段。第一次重大更新是2012年8月发布的2.0版本，具有全新的外观和一些独特的图标设计。2014年9月，Things2.5版本再次更新了UI，使其看起来更扁平，颜色更浅。最初计划对Things3版本进行重新设计，但开发时间比预期的要长。Things3于2017年5月发布，是该应用程序迄今为止最大的改革。几乎每个图标和UI元素都经过重新设计，只保留底层布局。在更新的发布视频中，CulturedCode非常强调使用动画来给应用程序带来新鲜感。2017年，经过重新设计的Things获得了Apple设计奖。4.OmniFocus即使在它的起步阶段，AppStore已经拥有大量的任务管理应用程序。TheOmniGroup的Things和OmniFocus从第一天起就在AppStore上可用。虽然这两个应用程序提供相似的功能，但在过去十年中它们各自采用了自己独特的设计方向。OmniFocusforiPhone最初以简单的表格视图和自定义图标导航为特色，在2008年获得了苹果设计奖。2010年6月，为了支持iPhone4的视网膜屏幕，OmniGroup重新设计了界面和应用程序图标。该应用程序最大的变化之一是在2011年6月添加了预测模式。导航栏下方的光泽日期选择器成为用户界面的定义元素，直到2013年iOS7的重新设计放弃了光泽纹理。新的平面界面在很大程度上依赖于文本颜色来感知层次关系。2015年春季更新为Thines的iPhone版本提供了更暗的应用程序图标和更柔和的图形角。从2012年开始，每个图标都包含一个连老用户都不知道的彩蛋。放大图标并注意原始图标中的纹理实际上是由Omni徽标的微小重复组成的。最近的主要更新是5月份发布的OmniFocus3.0。虽然许多变化都与功能逻辑有关，但针对iPhoneX的大标题和优化仍然让UI焕然一新。5.EvernoteEvernote的风格迭代完美地展示了自2008年以来许多主要软件设计趋势。最初是在AppStore推出之前作为桌面应用程序开发的，笔记和组织工具在iPhone推出之前带有其标志性的大象标志。与许多早期的iPhone应用程序一样，Evernote1.0严重依赖iPhone的UIKit和逼真的图标。2011版重新设计了标签栏，优化了“所有笔记”的时间顺序视图。当Evernote在2012年添加对iPhone5大屏幕的支持时，该应用程序仍然使用默认的iOSUI元素。导航栏和按钮自动读取iOS6UI组件。2012年11月，Evernote5发布。该应用程序经过彻底重新设计，是那个时代典型的质感丰富的主题设计示例。浮雕图标、纸张纹理和阴影赋予应用空间感。应用程序图标失去了过时的光泽质感，但保留了金属光泽。在博客文章中，Evernote表示：“我们通常不会进行全面的重新设计。事实上，它至少每隔几年就会发生一次。”虽然他们当时并不知道，仅在一年后的WWDC2013上，当iOS7在互联网上发布时，Evernote正在重新设计。后来Evernote5也获得了苹果设计大奖。Evernote完全拥抱iOS7设计趋势。每个纹理、阴影和斜面都被替换。明亮的从左到右的渐变应用于导航栏，与新文本图标上使用的颜色相匹配。2017年早些时候的一次更新软化了设计，使用了更柔和的图标、更轻的导航栏、带有微妙阴影的记事卡和黑色标签栏。字体和标签栏图标也同步更新。6.eBayeBay的设计可以说是本文中10个应用程序中最引人注目的。尽管Apple在WWDC2008上强调了这一点，但与今天精致的体验相比，iPhone版eBay的原始版本还是很粗糙。截至2009年11月，整个应用程序已重新设计为更加一致的灰色UI。一年后，eBay2.0为未来几年应用程序的设计奠定了基础。虽然eBay之前推出了一款独立的销售应用程序，但该功能现已融入主流体验。该应用程序的主界面也已更新，最终感觉像是真正的iOS设计。在2013年的几次更新中，eBay在保持基本用户体验的同时，创造了全新的用户体验。每一个变化都反映了那个时代快速发展的软件设计品味。这种不断的迭代意味着eBay的外观在为iOS7重新设计时相当平滑。使用熟悉的调色板和导航层次结构有助于保留用户的记忆。2015年9月，eBay4.0打破了固有的设计模式。该应用程序的大部分功能都放在汉堡菜单中，顶部只留下三个选项卡：“活动、购物和销售”，但这种设计并没有持续多久。到2016年5月，eBay几乎完全恢复了应用程序的组织结构，今天的布局更接近于2010年推出的设计。7.TwitterrificCraigHockenberry和TheIconfactory在iPhone在AppStore上发布之前构建了第一个Twitter客户端.得益于Apple发烧友社区开发的越狱软件，在Apple提供官方工具时，开发人员已经拥有数月编写应用程序的经验。Twitterrific1.0借鉴了很多越狱版的设计元素，从普通用户的角度来看，非常闪亮。它在2008年获得了Apple设计奖，而Twitterrific是首批使用深色主题的应用程序之一，这种风格至今仍很流行。但Twitterrific的设计迭代更多地反映了Twitter作为一项服务的历史，而不是设计趋势，每次更新都反映了Twitter平台特性和功能的变化。在早期，这些功能通常需要第三方自行创新。2012年，Twitterrific5.0将所有导航移至界面顶部，并使用完全自定义的UI元素，类似的布局一直沿用至今。与应用程序的设计一样吸引人的是它的图标。除了是第一个使用鸟图标的Twitter应用程序之外，Twitterrific还是为数不多的在保留丰富细节图标的同时看起来更现代的iOS应用程序之一。该应用的吉祥物Ollie在iOS7的更新中几乎没有变化，看起来仍然和2012年一样新鲜。8.Instapaper一款专为阅读而设计的应用将内容置于chrome之上，因此Instapaper的设计从一开始就自然受到限制.事实上，一些最明显的视觉变化来自iOS本身的变化。iOS6和7都改变了导航栏和按钮样式，为应用程序提供了两次“免费”视觉更新。当然，说应用没有进化是不准确的。Instapaper最初是在AppStore上免费下载的。不久之后，发布了名为InstapaperPro的付费版本。2011年秋季推出了由Dribbble联合创始人DanCedarholm设计的新图标，极大地改善了阅读体验和更深层次的UI元素。这个图标后来出现在WWDC上关于精美图片的演示中。2013年4月，Betaworks从创始人MarcoArment手中收购了Instapaper，使该应用走上了一条不同的道路。Betaworks指导下的第一个重大更新于2013年9月发布，恰逢iOS7更新。Pinterest于2016年8月收购了Instapaper，当时该公司承诺将继续更新该应用程序。在目前的所有权下，Instapaper一直保持着相当一致的视觉效果，即使在更新以支持iPhoneX的SuperRetina显示屏之后也是如此。9.PCalcPCalc的故事开始于应用程序商店推出十多年之前。开发人员JamesThomson于1992年发布了Mac的初始版本，其开发一直持续到今天。PCalc在iOS上推出，从一开始就具有完全可定制的界面，提供越来越多的主题和定制选项。这里有太多要强调的地方，我将仅选择几个里程碑来说明。用于iPhone的PCalc的第一个版本是从Mac仪表板小部件移植而来的，但与经典的iPhoneUI集成得很好。突出显示的按钮和深蓝色LCD面板与应用程序的图标相匹配。2008年12月，一个名为Twilight的流行主题被添加到PCalc中，有点类似于iOS的默认计算器应用程序。直到现在，它仍然是应用程序中的一个选项。PCalc采用名为“Samurai”的新默认主题和匹配图标来适应iOS7的扁平化风格。一些更经典的主题仍然可以在应用程序设置中使用。PCalc的图标在2016年3月再次更新。自iOS10.3发布以来，Apple允许第三方应用程序动态更改其应用程序图标，而无需向商店提交新版本。PCalc于2017年5月开始充分利用此功能，引入了多种可供选择的备用图标，并在后续更新中添加了更多。经过10年的发展，PCalc已经突破了iPhone计算器应用程序的实用极限，最近的更新享有一些创新的自由，比如AR计算器模式。对iPhoneX显示屏的支持为Samurai主题添加了圆角。10.Yelp与Facebook一样，Yelp的iPhone版界面多年来发生了很大变化，但由于使用了一致的导航栏颜色，其品牌标识仍然可以辨认。由于与AppleMaps深度集成，该应用程序越来越受欢迎。2009年8月，Yelp为其iPhone版本推出了一个基本的增强现实界面，用于定位周围的商家。虽然这在当时是一个新奇事物，但鉴于ARKit应用程序的兴起，这一功能在今天看来颇具先见之明。2010年1月，在新的Yelp主页上推出了一个9方格形式的快捷方式图标。在2013年10月重新设计整个应用程序之前，相同的基本界面在风格上得到了改进，使其外观更加扁平，附近选项卡更加突出。Yelp的最新更新通过显示与您相关的内容丰富了简单的基于位置的结果。这种通过综合发现信息的方法是用户体验设计的一种趋势，在iOS11中重新设计的AppStore中取得了巨大成功。2.图标比较所有10个突出显示的应用程序图标迭代揭示了每个应用程序选择的独特现代化路径。一些图标在过去十年中保持相当一致，只有微小的变化，而其他图标每隔几年就会重新设计一次。从时间线来看，越来越明显的是整个行业都在紧跟设计潮流。当AppStore首次推出时，光鲜亮丽的图标统治着这片土地。默认情况下，图标会应用光泽，开发人员必须在Xcode中专门禁用该效果才能将其删除。随着iOS应用程序的成熟，大多数最终都失去了光彩，并采用了非常明显的个性化设计。众所周知，iOS7重新定义了好图标的标准。与Apple的新图标集一起，高质感和3D渲染的作品常常看起来格格不入，有些与更新的角半径发生冲突。随着设计师和开发人员逐渐为图标设计设定新规范，细节和更受限制的颜色正慢慢回归到许多图标中。3.个性早期的iPhone应用程序一头扎进了一个未知的世界。除了Apple自己的内置应用程序外，应用程序的外观和工作方式没有固定规则，让设计人员和开发人员可以完全自由地进行试验。尽管如此，随着用户和开发人员亲身实践学习最佳实践，许多早期的应用程序看起来和感觉起来非常相似。早期的反馈、反复试验迅速影响了每个应用程序的开发。几年之内，大多数应用程序都找到了自己的定位，并形成了独特的风格和个性。随着硬件性能的提高，设计差异化逐渐从静态图形转向动态图形和动态界面。iOS7中引入的同质界面指南让设计人员和开发人员从头开始设计，许多应用程序开始关注用户体验，而不仅仅是视觉效果。深思熟虑的信息合成和预测性信息设计通常用于帮助呈现新的和有趣的内容，否则这些内容可能会被忽视。智能工作流程简化了常见操作并有助于缩短完成任务的时间。好的设计的重要性超越了视觉层面，这导致了近年来用户体验设计的盛行。4、未来10年是2008年，那时候还无法准确预测AppStore的发展方向。创新源于创新，iPhone用户的品味和习惯塑造了开发人员选择构建的应用程序类型。这同样适用于未来，即将发布的iPhone和新版本的iOS肯定会以无法预料的方式改变应用程序的格局。一种新的设计趋势明天可能会席卷全球。即使在10年后，未来仍然令人兴奋。
