交互学堂
专注分享专业知识

【墙外干货】Google Play做了这么惊艳的改版,你居然不知道?

起点学院

本文已获得 [爱设计的狐狸] 授权

转载请注明出处

[wximg]http://mmbiz.qpic.cn/mmbiz_png/EUsujgS9eDqHpHQZjjricgv0agk30cAERRRNprG0BSNU5nP95lAG1tphSvDv8IcGhO9zQ7NAyyvQFEaXpx0QBMQ/0?wx_fmt=png[/wximg]

 

当你出现下面这些行为,你知道你发现了一个很惊艳的设计:

1.从头到尾点击所有的用户界面,慢慢地,慢慢地欣赏;

2.你会盯着每一个像素看;

3.是的,你会看着它入迷。

这确实就是Flat工作室把他们对Google Play改版的设计放在UpLabs上出现的情景。我们被他们发布的每个界面所吸引。这真的是一个不可思议的作品,当然,他们也做了一个很令人震撼的展示,这里是预览:

[wximg]http://mmbiz.qpic.cn/mmbiz_png/EUsujgS9eDqHpHQZjjricgv0agk30cAERSakfPKgz1FQMsBfvrrlAGMsdubXKXxv5s4XfVLdOCHbMGoic1Lok1dQ/0?wx_fmt=png[/wximg]

理所当然,我们想知道更多,所以我们采访了做了这次改版的两位设计师:来自Flat工作室的Viacheslav
Kornilov和Bohdan Kononets。阅读下文了解他们重新设计Google
Play的原因、他们设计的方法以及达到更高设计水平需要具备哪些技巧。

 

你好,我们想更了解你们:能介绍下自己吗?你们是怎么成为设计师的?

 

[wximg]http://mmbiz.qpic.cn/mmbiz_png/EUsujgS9eDqHpHQZjjricgv0agk30cAERWpOzzeyW46iaW787FS8gBYIjd6uFPKh2AgTIaoHN3MAroTc0o9Cns8g/0?wx_fmt=png[/wximg]

我叫Bohdan Kononets。我出生在乌克兰,12岁的时候搬到葡萄牙。我从小就喜欢电脑,大学学的是计算机科学专业,从一开始我就喜欢计算机教给我的一切,电脑给了我灵感。

经过实习后,我意识到我很难为别人打工,因为我的个性和处事方式。所以我决定开创自己的事业。一开始我的能力很差,但是过了一段时间,我开始能做出一些不错的东西——所以这就是我是怎么成为一个设计师的,并且我开始做原型。从那以后,我完全放弃了编程。在Flat工作室,我只对所有我们做的设计稿的前端质量负责。

[wximg]http://mmbiz.qpic.cn/mmbiz_png/EUsujgS9eDqHpHQZjjricgv0agk30cAERI8LQiawaQK9Z55YdRLCpic43t1kj95S5QasiaMONewJQEvO37oahw9icQw/0?wx_fmt=png[/wximg]

我叫 Viacheslav Kornilov,我来自莫斯科。我成为了一个设计师纯属偶然。当时我和我的朋友做了一些创业项目和不同种类的游戏,我们需要一个人能解决所有与设计相关的问题。

但是,我仍然不觉得那时我是一个设计师。当你真正完成了整个项目并且发布了一款产品后,你才是一个设计师。从那以后,我开始对前端非常的着迷:当你了解了一点点前端知识,你能做出更好的设计。

 

你们是用什么工具做设计和原型?

 

BK:我主要是用pencils, colored pens和paper。然后,我会用Sketch. 这是Emanuel Sa创建的一个很棒的软件,它让葡萄牙出名,而不是因为葡萄牙的天气和那里善良的人们。

[wximg]http://mmbiz.qpic.cn/mmbiz_jpg/EUsujgS9eDqHpHQZjjricgv0agk30cAERJFibvoU9dEdqN3pL9ViclHJbgmSxehT1t0MyRHFia0lWxSapicMibNqNE2A/0?wx_fmt=jpeg[/wximg]

VK:我们工作的时候,很多人都会一起讨论我们应该用什么工具——有些人用InVision,也有些人用Marvel。他们也会一起讨论哪个更好,更酷,更容易使用。但是我总觉得如果你足够有才,你用什么方式做出来的并不重要。

每个人都能从Sketch导出图标——不过,它是用来根据设计规范进行图标设计并添加不同元素,比方说网站用的图标。然后,你的界面看起来就很酷了。

 

你们会在哪寻找灵感?会关注有影响力的人吗?

 

BK:灵感?我可能会说一些读者不爱听的,但是对我而言灵感就像是动力:你没有必要去通过访谈寻求灵感,或者买书寻找动力。

你想要创造一款好的产品吗?确保你能从开发产品的过程中获得快乐。难道这不是动力吗?兄弟,你是平凡人,你不久就会挂掉。如果你有机会,尽情工作和享受生活。我想创造一些让人生变得很精彩的东西,如果还能帮助人们或这个世界——那么你就是一个很酷的人了。

总之,我想引用一段话:

如果你足够被激发,会去商店买一本激发动机的书,难道你还不够被激发去做那件需要动力做的事吗?所以,你其实不需要那本书,振作起来,告诉店员“去他的”,我被激发了,我要回去。——George Carlin

VK:我会在Dribbble, Behance, Pinterest和Flatun寻找灵感,但是这个很花时间。我建议看更多其他设计师做的一些设计解决方案。现在要发现一些好的内容很难,大多数都是灌水。

真正能帮助你提高的还是在一个真实的项目里,在任何领域表达你的观点和勇气去做些不寻常的事。

 

在Material Design语言里你们有发现什么在其他地方没有的东西吗?

 

VK:我知道Material Design是很好的。它有非常吸引人的样式,很完善的规范。在创建一个项目时,它真的很好,能搜索到所有变量。就好像每个东西都说到了,但是也不是说得很完整。

BK:我不喜欢Material Design,但是他们确实在字体和栅格化上做得不错。我也喜欢他们花了很多心思在动效设计上。

好的设计师会推倒app设置的边界。对于大多初级设计师而言, Google的设计指南在间距和排版上给了他们第一个概念,但是也有一些缺点。

[wximg]http://mmbiz.qpic.cn/mmbiz_jpg/EUsujgS9eDqHpHQZjjricgv0agk30cAERiaRS8guDiajpYzcicTasrC8GsV8enAK6aqmuA8icjPWiclh70pp8VFTicDvQ/0?wx_fmt=jpeg[/wximg]

 

你们对Google Play做一个非常惊艳的改版,为什么决定重新设计呢?

 

BK:很久前,Google Play就需要改版了,应该尽可能地变得更加适配。它有很多缺陷和错误。Material Design 有些元素也需要调整,正如我上面说到的(当然这只是我的观点)

VK:有一天我们因为一个项目不得不去Google Play分析一些app,我们真的很沮丧。当前的版本存在很多问题,已经过时了,逻辑性也很差。我甚至都不想提这个栅格化。

[wximg]http://mmbiz.qpic.cn/mmbiz_png/EUsujgS9eDqHpHQZjjricgv0agk30cAERx7dJhTia9rQIwNXnTiaiaX00YwY3QnVQcIXcib5Xq4WKdxTx75aDDaFn5Q/0?wx_fmt=png[/wximg]
Flatstudio做的Google Play改版

 

这次改版花了你们多长时间?

 

BK:很长的时间,相比我们做的其他项目而言。但是和这两年google设计师都没有更新这些核心元素相比,我们工作的效率是非常高的。

VK:确实花了很长时间。你可能只能看到一个改版,但是事实上他们有6个改版。有一些一开始我们是拒绝的;还有一些是在开发中。最后一个花了2个月,在所有客户项目之后在晚上办公完成的…这非常有趣。

 

你们看起来像是完美主义者。你们怎么知道自己的作品足够完美不需要再调整了?

 

BK:我没法描述这种感觉,这是来源于内心的——我专注于细节:颜色,阴影,整个页面和元素的创意。我可能会被困在一个按钮的设计上,或者在思考最好的设计方式而受阻,然后尝试很多不同的变化。这需要很长时间,我曾经是我们团队设计最慢的设计师,只是因为设计一个按钮可能就会花我一个多小时。

VK:你可能没意识到我们花了很多时间和精力在间距、内部的模块等等上面。问题是有时候,在把文件发给另一个人时字体是可以打破的,甚至有些元素也会移动1-2个像素。

[wximg]http://mmbiz.qpic.cn/mmbiz_jpg/EUsujgS9eDqHpHQZjjricgv0agk30cAERZiaGdtj9TCw04sy5dQaTyIbFV6bQjhJj2FC6p5lcy2OiaxQt5WTJcOpg/0?wx_fmt=jpeg[/wximg]
Flatstudio做的Google Play——Music改版

 

真的是像素级的设计师呀!你们最喜欢哪个页面?

 

BK:我最喜欢的页面是TV-series。它只展示了最需要的信息。在浏览TV-series的页面时,我也会发现很多乐趣。它把所有的信息都放在一个地方,以影片处于第几季开始,以相关书籍和每季的预告片结束。

[wximg]http://mmbiz.qpic.cn/mmbiz_jpg/EUsujgS9eDqHpHQZjjricgv0agk30cAERqKxLkibiaEDzQY4otcWxEvtN84TiamqCSfqyxQgbD6rUdMcyRGiasavia8g/0?wx_fmt=jpeg[/wximg]
Flatstudio做的Google Play——Movies改版

 

VK:我最喜欢的部分是 Play Music和Play Books. 因为设计音乐服务部分非常的赶潮流,市场上有很多的内容和解决方案。

[wximg]http://mmbiz.qpic.cn/mmbiz_jpg/EUsujgS9eDqHpHQZjjricgv0agk30cAERTelD75fORiaLiajesEYPX9Cz2BuqAKCZAbBolsY5qNBh4fJIt4SX56icg/0?wx_fmt=jpeg[/wximg]
Flatstudio做的Google Play——Music改版

VK:有书的话,情景就完全不同了,少了很多的信息。

当我们创建规范的时候,当你发现了这块金子,意味着你想要做更多的页面设计,更渴望提高网格系统。

[wximg]http://mmbiz.qpic.cn/mmbiz_png/EUsujgS9eDqHpHQZjjricgv0agk30cAERnmQewKvDdPNGRzXEdgB2XTHErKyN205q3tWbmbpX28T1CzYbbdHRfw/0?wx_fmt=png[/wximg]
Flatstudio做的Google Play——书籍个人主页改版

 

还有什么是你们觉得可以改进的?

 

VK:事实上,我们是很快就做完的,因为我们可以永久的工作。我们甚至先为Mac创建Music,然后才考虑智能手机,我们想做很多事情。但是知道什么时候停止是很重要的。

BK:当然,有机会的话,我会在每个主要页面的滑动效果上以及区块内容划分上花更多的功夫。我想在最大化的展示上它并不是最完美的。

频道个人主页是需要调整的:我有想法添加在线流媒体并引起讨论。

顺便提一下,我们还设计了另外一个元素——一个能通过Play Store发布任何app的组件化窗口,这样一个用户在安装app前能看到它的所有特性。这个看起来很棒,但是我们最终决定不放在这次的开发中。

[wximg]http://mmbiz.qpic.cn/mmbiz_jpg/EUsujgS9eDqHpHQZjjricgv0agk30cAERz2Tr4cGFicAic7WJbibhTvp4fDMEbm4Xd0VTBQFjx1B2S7yqPWXjicA3RQ/0?wx_fmt=jpeg[/wximg]

 

你们的设计流程是怎样的?有什么可以分享的吗?

 

BK:我们已经在google云盘上创建了一个文件,我们会把我们使用的所有文件都放上去。那里有我们选择的所有颜色,以及一些与Photoshop 和Sketch相关的东西。

 

你们下一次的改版会做什么?

 

BK:我们正在改版Uplabs.

棒极了,非常期待。

 

 

原文地址:

https://stories.uplabs.com/the-no-nonsense-redesign-that-blew-our-minds-22abe19ae932#.1o8ioc1iu

 

本文已授权,转载自微信公众号:爱设计的狐狸

声明:如需转载,请申请本人授权并保留文章全部信息,

严禁私自用于任何商业用途,请尊重作者权益。

[wximg]http://mmbiz.qpic.cn/mmbiz_jpg/EUsujgS9eDrSicIJvbpsZavL7SI4x5DGpibZtkGQuqpOKcLVTY3fDbSlrDxUOlx97zCyVL4nhUaicf3mx5onh8NUA/640?wx_fmt=jpeg[/wximg][wximg]http://mmbiz.qpic.cn/mmbiz_png/1vj0nP7LKvibfiaP6QoBmicibOhajGge937NxwsfOiabfreCJr5bZFib33OCUNknBF6IogibvNPjxgdBmIOUN6elQYDRQ/0?wx_fmt=png[/wximg]

未经允许不得转载:IAMUE_专业交互设计平台 » 【墙外干货】Google Play做了这么惊艳的改版,你居然不知道?

交互设计问答社区

寻找答案发起提问