对于设计师来说,那个历史性的时刻来得太突然了——2007年,苹果网站上发表了一篇简单的博文。史蒂夫乔布斯写道:“我们希望iPhone拥有原生的第三方应用程序,我们计划在2月之前将SDK(软件开发工具包)交到开发人员手中。”不到一年后,也就是2008年一个安静的星期四早上,AppStore正式开放,500多个应用程序准备就绪。iPhone应用程序深刻地改变了我们的生活方式,建立了人与世界互动的新方式。从那以后,前500个应用程序的创建者有了难得的机会来塑造数百万个应用程序的设计方向和交互方式。为庆祝AppStore成立10周年,让我们一起来看看AppStore近十年来首次发布的首批500款App中的3款App的视觉演变,同时也聊聊App中的软件过去十年。到底发生了什么变化。1.FacebookFacebookFacebook应用程序在过去10年里不断地重新设计,而且频率越来越高。整理这个应用程序的视觉设计变化的历史可以写一本书,所以这里只是一些相对重要的变化。Facebook对iPhone的进军实际上在AppStore之前就开始了。2007年10月,首次作为适配iPhone的网络应用服务。AppStore打开后,Facebook1.0版除了标志性的蓝色导航栏外几乎认不出来了,就连图标也没有那个标志性的白色“f”。该应用程序的提要界面实际上是一个装饰过的表格视图,底部导航栏包含五个图标:主页、个人资料、朋友、聊天和收件箱。2.0版本基本上没有做大的改动,只是在主标题栏下增加了两层导航。Facebook3.0(下图)于2009年7月首次上线,并引入了3×3的图标网格,以帮助处理日益繁琐的导航。2011年10月,Facebook4.0率先采用“汉堡包图标”(即无边框的小图标)进行导航。在接下来的几年里,Facebook的流行加速了无数应用程序和网站对“汉堡包图标”这一有争议的设计元素的采用。4.0版本之后,Facebook的视觉设计变化开始明显加快迭代速度。2013年4月,Facebook添加了一个浮动聊天界面——点击后,个人资料会展开到聊天窗口中。同时为了适配iOS7,重新引入了导航标签栏。值得注意的是,随着用户规模逐渐扩大,Facebook必须考虑如何在众多平台上为客户提供一致的体验。在2017年8月的更新中,Facebook试图统一iOS、Android和Web上的信息流界面设计。2、Evernote自2008年以来的交互设计演变极具代表性,完美展现了众多主要软件设计趋势。最近更新的笔记工具在上架AppStore之前作为桌面应用程序很受欢迎。与许多早期的iPhone应用程序一样,Evernote1.0版严重依赖堆叠的UIKit元素和闪亮的大图标。2011年的界面迭代,重新整理了底部导航栏,优先将按时间顺序排列的“所有笔记”界面作为主界面。当Evernote在2012年开始支持iPhone5的更大显示屏时,其主界面仍然使用默认的iOS交互元素,例如导航栏和按钮,自动采用iOS6的哑光效果。2012年11月,Evernote5.0版本发布释放。此更新几乎完全重新设计,是丰富纹理和突出主题的教科书示例。浮雕图像、人造纸纹理和深色阴影带来强烈的深度感。该应用程序的图标失去了过时的弧形光泽,但保留了拉丝金属外观。Evernote获得了苹果设计大奖。AndrewSinkov2013。当时,Evernote官方表示:“我们不经常更新。实际上,这种情况每隔几年就会发生一次。”他们当时并不知道,不到一年后,当iOS7在WWDC2013上发布时,Evernote已经不得不重新设计了。也就是在那场发布会之后,印象笔记5.0还获得了苹果设计大奖。Evernote很快就适应了iOS7的扁平化。每一个纹理、阴影和斜角都被替换了。明亮的渐变导航栏,与新平面图标上使用的颜色相匹配。在2017年初,新版本淡化了这种颜色,使用饱和度较低的图标、白色导航栏、带有微妙阴影的记事卡和深色标签栏来降低设计的强度。在后续更新中继续对版式和标签栏图标进行进一步改进。Evernote适配iOS7.03.0第一版。eBayeBay在过去的十年里,eBay的设计可以说发生了最剧烈的变化。在WWDC2008大会上,苹果公司曾对eBay当时的UI设计给予了高度评价。不过,如果和今天的eBay相比,2008年的它也显得很粗糙。直到2009年11月,整个应用都徘徊在黄色和灰色的统一界面中。2013年的几次更新让eBay的界面更加简洁明快,但功能模块并没有太大变化。这几次界面视觉更新反映了这个时代界面设计趋势的快速发展。这种不断的视觉迭代也让eBay的外观和感觉在面对iOS7的大修时看起来相当流畅。在不断更新中保留熟悉的配色方案和导航级别也有助于用户保持使用习惯。2015年9月,eBay4.0版发布。大多数功能都位于左上角的汉堡菜单下,顶部只留下三个选项卡:“活动、购物、折扣”。不过,这种略显死板、高文本比例的UI并没有持续多久。到2016年5月,eBay几乎完全放弃了之前版本的页面结构,大致恢复了之前的设计,如下图。时至今日,eBay的布局仍与2010年的设计有些相似。4、近十年来图标设计的变化对比这些应用的图标迭代,不难发现,每款软件都在以自己的方式顺应时代潮流。一些软件的图标在过去十年中保持相当一致,只有微小的改进,而其他软件的图标每隔几年就会重新设计一次。按时间顺序浏览后,整个行业的设计趋势变得显而易见。客观地说,当AppStore十年前首次推出时,闪亮的玻璃图标方兴未艾。在开发应用的XCode官方后台中,曾经默认将图标设置为一定的光泽度。如果开发人员不需要,还必须在Xcode中专门禁用光泽效果。而随着iOS应用的成熟和UI审美趋势的发展,光鲜图标统治的时代一去不复返了。10个应用程序的图标迭代历史iOS7以引入所谓的“好图标”指标而闻名。高质感和3D渲染的设计往往与苹果官方应用的新图标设计风格格格不入,细致严格的图标规范尺寸也带来了挑战——比如图标的圆角不再是原来的四分之一圆..随着设计师和开发商不断更新指南并积极投入设计实践,丰富的细节和更克制的色彩选择慢慢成为新趋势。近五十年应用设计思路的变化对于早期的iPhone应用创建者来说,他们似乎是在勇敢地闯入一片未知的荒地。除了Apple自己的预设软件外,没有关于应用程序外观或工作方式的预设概念和参考,让设计人员和开发人员可以自由试验。早期的反馈和反复试验迅速确定了每个应用程序的前进道路。几年之内,大多数应用程序都找到了自己的方式并形成了独特的风格和个性。随着技术带来的硬件迭代,设计的差异化逐渐从静态图形转向动画和动态界面。在iOS7引入的统一界面指南给设计者和开发者带来了一系列规章制度之后,这些制作者开始尝试站在用户的角度,创造差异化的用户体验,以区别于其他软件。为了更快地吸引和留住用户的注意力,经常使用周到的规划和预测信息设计来帮助呈现新的和有趣的内容。用户体验(UX)理论近年来也越来越流行。六、未来10年的发展2008年,没有人能真正看到AppStore的发展。新的创新总是源于旧的创新,iPhone用户的口味和习惯决定了开发者想要做出什么样的应用软件。展望未来也是如此。即将推出的iPhone和iOS版本肯定会以意想不到的方式改变应用程序的格局。或许,一种新的设计潮流将在明天席卷全球。即使在10年后,关于未来我们唯一能说的就是——它总是令人兴奋的。
