品牌设计 图片分享平台Instagram 新形象

 

今天我们将向大家介绍一个新的面貌。你将看到Instagram更新的图标和APP设计。受之前APP图标的启发,...

今天我们将向大家介绍一个新的面貌。你将看到Instagram更新的图标和APP设计。受之前APP图标的启发,新的设计呈现为一个简单的相机和以梯度形式的彩虹。
你也将会看到来源于其他创意设计的更新的图标
我们对如何使Instagram 应用程序体现在里面做了改进。这项简单的设计更注重你的照片和视频,并不会改变你浏览app的方式。

Instagram社区在过去的五年里已经从一个分享过滤图片的地方变成了拥有更多功能的地方—一个每天分享超过8000万图片和影像的全球性的兴趣社区。我们最新的形象将会反映你的故事是多么的充满活力和多样性。


感谢你们赐予了社区生命和色彩。你们使Instagram成为了一个发现世界奇妙的地方。每张图片和每个视频—从最小的事情和伟大的史诗—以全新的方式为人们打开了丰富他们经历和联系的窗口。

下面是 Instagram 设计总监 Ian Spalter 在 Medium 上发表的文章,其中完整解析了 Instagram 这次更换图标和 UI 设计背后的想法。今天,我们很高兴宣布 Instagram 在内部和外部都获得了一个全新的设计。我们为 Instagram 和其一系列的 Layout、Hyperlapse 以及 Boomerang 设计了一套统一的图标。我们也让 Instagram 的 UI 设计变得更简洁、更一致,这样可以帮助用户的照片和视频更加亮眼。

改变的源泉

当 Instagram 成立的时候,它是一个可以轻松编辑和分享照片的地方。五年之后,事物在向前发展,Instagram 也变成一个比起以往更加多样化的社区,人们也开始使用像 Layout 和 Boomerang 这样的新工具,并且通过 Explore 用新的方式连接世界。

去年,我们团队的一部分成员开始思考如何才能在保持 Instagram 的传承和精神的同时更好地支持这种演化。我们想要去创造一个全新的形象,它要能代表这个社群的全部的表达需求——过去、现在和未来。
挑战:保留原有的经典还要能体现出变化

通过 #myinstagramlogo 和 Instagram cake 的活动,我们觉得能拥有一个大家都喜欢的 logo 是很幸运的一件事。在充满怀旧气息纹理的圆形图案里,泰迪熊的棕色、迷人的镜头、左上角的彩虹,这些都是满满的爱。

品牌、logo 和产品让用户与我们之间产生了很深的联系,因此人们不想只是因为新奇的缘故就去改变它。但是,Instagram 的图标和设计已经开始变得…无法反映这个社群,而且我们觉得我们可以让它变得更好。

开始改变


旧图标的拟物化设计风格确实让它看上去非常具体,而我们最初的探索也是想让它的风格变得现代化。于是我们从基础开始,去掉了那些装饰,并且让图标变得扁平化。于是我们得到了一个更明亮、更扁平的选择。但它是更好的那一个吗?我们会觉得有必要在一年内再这样做一次吗?

因为这些早期「扁平化」的探索缺乏根本的视觉重量,于是我们决定要搞清楚人们究竟喜欢旧图标的什么以及我们如何才能把这些优点带到新图标上。有趣的是,我们知道人们喜欢彩虹,相机镜头的设计也是一个关键因素;同时,作为这个过程的一部分,我们让公司里的人们凭着他们的记忆在 5 秒中内画出 Instagram 的图标。几乎所有的人都画出了彩虹、镜头和取景器。

有了这个经验,我们决定去将这些元素转变为一个更现代的 App 图标设计,让它能在认可度和通用性之间达到一个平衡。

彩虹与相机镜头是连接的桥梁


颜色

如果镜头是进入一个更大胆、更简洁设计的桥梁,那彩虹就是带你进入彩色渐变设计的联结者。色彩一直就是 Instagram 最重要的一个组成部分,你能在经典的 App 图标、过滤器和整个社群中的照片与视频中见到各种不同的颜色。

当我们开始重新想象彩虹,我们更多地关注那些简约的设计,但最终我们还是需要更多的温度和能量来填充我们的图形设计。

图形设计

我们意识到我们需要移走之前的相机设计,以此来获得一个更灵活、更可扩展的图形设计,但之前的图形设计被证明对于一个图标的基础来说有些不太够。想要保持以前图标的重量,我们需要去弄清楚如何给新的标志更多的个性,同时还要去掉不必要的东西。

所以问题就变成了:我们要走多远?如果你抽象化了太多,那图形的设计就会和 Instagram 的历史与灵魂相差太远;如果你过于保守,那又很难证明我们的变化所在。

在经过了很多细化处理之后,我们还是采用了一个相机的图形设计方案,同时还为未来几年打下了设计的基础。

一体化的视觉识别

我们的一系列 App——Layout、Boomerang 与 Hyperlapse ——都采用了统一化的外观设计。我们让每一个图标都采用了渐变式的方案,在同一网格内的设计也让它们看上去更加一致。同时,Layout 与 Boomerang 的图标也能更好地反映它们的功能:一个能帮你收集照片,另一个则是迷你的视频循环应用。



新的 UI

围绕着重新思考新图标的同时,我们也开始对 UI 设计进行迭代更新,努力的方向是为人们创造一个简洁干净的环境,这样用户分享的内容就能成为整个 App 中的焦点所在。



虽然图标是一个色彩斑斓的进入 Instagram 的大门,但当你进入了 App 之后,我们相信它的颜色应该要能让你直接发现其中的照片和视频。因此,我们将彩色和干扰因素从界面中剔除了,因为用户的内容应该占据舞台的焦点;同时我们在其他的一些界面中增强了彩色的比重,比如登录流程。

随着我们去掉了这些彩色和干扰,我们在 iOS 或 Android 设备上的交互方式不再那么「原生态」,通过新的交互方式和使用新的 iOS 与 Android 元素、字体和模型,用户将被引导去熟悉这个新界面。

向未来展望

我们这个社群的演进令人激动,我们也希望我们捕捉到了一些生活的片段和创造力,并且将乐观的人们带到了 Instagram 的平台。我们希望人们能够将新的图标视为一个新的创造力的火花,一个能给你带来乐趣、也能代表这些乐趣的东西。我们对于这个新图标所引领的未来满怀激情。

Instagram社区获取创意的窗口#myinstagramlogo(我的Instagram 标志)



三年前,保罗.德尔瓦尔(@ paulodelvalle)开始了# myinstagramlogo 项目,以各种疯狂的创新的方式鼓舞成千上万的创造者重新整合我们的图标。今天,我们推出了应用程序的新面貌,这是受我们充满活力的社区的启发—新一轮的混搭应用即将到来。

保罗住在圣保罗,使用超过400多的花束完成了他的混搭。他解释道:“我在母亲节去了里约热内卢最大的花店并买下了他们一半的股票.之后我回到了家,但是我并没有任何的想法。“八小时后,他脑子里产生了新的东西。

布鲁克林的动画师瑞秋赖尔(@rachelryle)做了一个假想的世界,在这里instagram的标志从土壤中出来。并且,我们四条腿的毛茸茸的朋友也参与其中—一条名叫吉米的牛头梗(@rafaelmantesso)用它的爪子展示了它对Instagram的爱。

我们的灵感来自那些使Instagram新面貌生动起来的社区成员。跟随在#myinstagramlogo 标签页。添加你自己的想法。我们迫不及待地想要了解用标志创造出的新的设计—在Instagram上你的生活。


    关注 陆俊毅_设计现场


微信扫一扫关注公众号

0 个评论

要回复文章请先登录注册