当果粉探索 Material Design 时,发生了什么?

本文是翻译,版权归原作者所有



他会不会把设计风格升级到最棒!

Material Design 之所以有如此难以置信的吸引力,就在于它上手平滑、简单,以及探索其针对 app、动画甚至网站设计所提供的可能性。Material Design 趋势的步伐正在增长,势头良好,很快我们就能看到更大的公司转向 Material Design。

至少 Jurre Houtkamp 貌似是这样认为的,他是荷兰的一名天才设计师,以前深信好的设计和用户体验来自于苹果。180 度大转弯!在探索 Material Design 时,从 Slack 开始,Jurre 承担起重新设计众所周知的 icon 的责任,结果相当让人震惊。因此我们对他做了采访,以理解他使用 Material Design 创建 icon 时的方法和创新过程。

嗨,Jurre,请做个自我介绍,你是怎样变成设计师的?

我是 Jurre Houtkamp,20岁,设计师,住在荷兰的阿姆斯特丹。

在我成长过程中,仅有两个时刻,我真正明白我想要什么;五岁那年,我非常肯定,要成为警察,这样我就不会得到超速罚款了。我首次实习是在一家 app 和 web 开发的公司。从此,我明白,我打算成为一名互动设计师,专注于app 和网站及其背后品牌的 UI。

三年后,我和两个朋友创办了一家公司 Cabarera,他俩有着独特的地方。我们组建了技能宽泛的强大团队,包括 web 设计、Illustration 和品牌。在九月份,我打算展开另一项研究,专注于前端开发、动画设计、UI 和用户体验设计。仅仅因为我欠缺得太多。

没有超速罚单的生活,仍然有着吸引力,如果设计师的梦想没有成为现实,我就可以实现五岁时的梦想,成为酷酷的警察,制服上挂满了个性化徽章。

很酷的次要计划!吸引你去探索 Material Design 的原动力是什么?

我不得不承认,我是一名果粉,不管怎样,直到去年,我才留意到 Google 或 Android。当我看到部分 Google I/O 首次介绍 Material Design 的情景时,我正对 Android 感到失望,因此我实际上没有花精力去理解 Material Design。几个月过去了,Dribbble 上出现了大量以 Material Design 为中心的文章,此后引起了我的注意;它不仅仅是美丽的,而且充满了灵气,并即将改变行业规则。

在我 15 岁时,我开始体验 Material Design,并阅读了所有 Material Design 相关的资料。首先,我解决了 app/web 接口,接下来是相关的 icon 和动画。

Google 赢得了我的支持,在我看来,他们最终理解了用户想要的东西:视觉反馈,这就是 Material Design 的一切。

[caption id=”attachment_2286” align=”alignnone” width=”600”]Jurre Houtkamp 设计的 Finder icon Jurre Houtkamp 设计的 Finder icon[/caption]

我过去常常在公交车上回头看着 Android 用户,嘲笑他们的矬手机所运行的蹩脚操作系统。而如今,我低头看我的 iPhone 时,想知道为什么仍然不买个最新的 Google Nexus,因为它到处都有 Material Design。

你的灵感来自哪里?

这些年我最大的灵感来自于 Dribbble。我早上起来后的几个小时,都在浏览 Dribbble,以使自己能够为接下来三个小时计划好下一次上传。学习优秀的东西是最好的方法,这肯定能找到最优秀的东西。它还让我得到了我曾经有过的、最好的即时反馈,对于你花费数周提交的东西,当你立即看到显现的点赞和浏览次数时,也是非常鼓舞人的。

除了 Dribbble,我最近还把 MaterialUp 加到了我早上的日程,该日常是我每天享受到的 Material Design 所中意的东东。

[caption id=”attachment_2287” align=”alignnone” width=”600”]Jurre Houtkamp 设计的 MaterialUp 的 app icon Jurre Houtkamp 设计的 MaterialUp 的 app icon[/caption]

我保持每天发现那些以自己方式而优秀的新人,举个我绝对喜欢的例子,有个住在旧金山的荷兰小伙,设计师,来自 Pictogram Agency 的 Sebastiaan de With。不仅仅是他的作品,还有他的企业家精神一直在激励着我。他的图标集「Muir」实际上激励着我做一套属于我自己的图标集。

我们特别喜欢你再设计的 Slack 的 icon。能谈谈你的创新过程吗?

当有东西在朋友脑海蹦出时,他总是称之为「灵感的火花」,并很快在 Photoshop 里抓住它。一切看似繁星满天、水到渠成,实则无比珍贵,不可多得。我不是要暗示自己是个天才,但是我的智商顶多超过了 20,我却遇到了这些时刻,我没有觉得自己像个山顶洞人,只是画下了他刚才看到的动物。Slack icon 的再设计就是这些时刻之一。我遍历了 Google chrome icon,注意到它和 Slack icon 有很多共通之处。

因此我决定一试,使其具象化。这让我度过了两天的设计狂欢,我差不多处理了 OSX 系统上的每个 icon,并重新构建。

[caption id=”attachment_2282” align=”alignnone” width=”600”]Jurre Houtkamp 设计的 Slack icon Jurre Houtkamp 设计的 Slack icon[/caption]

它们有些很难,有些正如朋友所说,像个「天才的火花」。我认为,我设计的方式没有一个标准化的过程。我都是忙碌地筹划着,这是学习的最佳方法,因为你失败了太多次。

绝对不要害怕失败,因为这是你成为原创的唯一方法。你使用哪些工具?

做为有激情的 UI 设计师,我不得不用 Sketch。我从来没有真正地研究过 Sketch,因为我觉得 Photoshop 可以搞定所有事情。但是 Sketch 之于 Photoshop,就像你小时候已经摆弄了很长时间的 Windows,然后得到了你的第一台 Apple 电脑,只有你使用了,才能明白。

当然,Photoshop 和 Illustrator 一直是我的首选,最近也是。Illustrator 主要用于图标设计和 logo,而 Photoshop 用于 Sketch 和 Illustrator 搞不定的所有事情。

我常常乐于尝试新东西,只要它好使、看着不错、不是 Windows 独有的,我都愿意全情投入。

你是怎样选择色彩的?

在设计 Material 风格时,Google 已经推出了一些明确的指南,什么颜色适合哪种风格,我试着保留这些颜色。我通常使用在线调色板,比如 Material Palette,以快速找到搭配和色彩值。

在设计其它东西时,我的眼睛总是能够胜任。当为客户设计时,色彩通常会涌现在我的脑海,这是因为他们想要的产品给我的感觉,或他们的产品想让其他人得到的感觉所致。

[caption id=”attachment_2284” align=”alignnone” width=”600”]Jurre HoutKamp 设计的 Material Design 风格的照片 icon。 Jurre HoutKamp 设计的 Material Design 风格的照片 icon。[/caption]

截至目前,你碰到的最大挑战是什么?

最大的挑战可能是一直困在一种设计里。不管是简单的 icon,还是复杂的 app 界面,它会一直存在。

上次,把我困住的是一些 icon,它们在我上传的包里,起着主打作用,还有 Adobe icon、Photoshop、Illustrator 和 After Effects。挑战在于保持这些 icon 的一致性和圆形,但是简单地把 app 最初的样子添加到圆形色块,还不能符合我的要求。我决定搁置一会儿,以专注到其它方面。

[caption id=”attachment_2283” align=”alignnone” width=”600”]Jurre Houtkamp 设计的 Material Design 风格的 icon Jurre Houtkamp 设计的 Material Design 风格的 icon[/caption]

出现这种情况时,我学到的最好经验就是搁置一段时间,去做不同的事情、甚至什么也不做,回头再做。大部分情况下,你将受到周围环境、或做的其它事情的启发,就能够在第二天用清晰的头脑解决当前的问题。

除此之外,在我困住时,我还要浏览互联网以寻找灵感。Dribbble、MaterialUp、甚至 Google’s Material Design guidelines,我有时浏览它们数个小时、甚至数天。最后,解决方案就变得非常简单了,用我自己的方式完成了这些 icon。

截至目前,你最喜欢的 Material Design 使用有哪些?

我最喜欢的可能是 Google 当前使用的收件箱 icon。我敢肯定,这是让我对 Material Design 更感兴趣的 icon,这个 icon 定义了 Material Design 的方方面面,该动画作品由 Google 的 John Schlemmer 完成。

[caption id=”attachment_2288” align=”alignnone” width=”600”]John Schlemmer 设计的 Gmail 收件箱 John Schlemmer 设计的 Gmail 收件箱[/caption]

更不要提其它作品以及他的团队在 Google 所做的事情了。他们的动画作品定义了 Material Design,没有这些作品,Material Design 什么都不是。

[caption id=”attachment_2289” align=”alignnone” width=”600”]John Schlemmer 设计的 Google 日历的动画 icon John Schlemmer 设计的 Google 日历的动画 icon[/caption]

你认为,Material Design 对 icon 的设计方式,将有怎样的长期影响?

如果 Google 坚持把 Material Design 推广到他们的产品,那么我认为这是好势头。你也看到了,很多公司在调整他们的 app 和 icon,以适应 Google 在 Android、甚至 iOS 上的设计审美。我认为,随着 Android 当前日益增长的受欢迎程度,势头还会增加。

每当 Google 和其它公司更新他们的 app 以适应 Material Design 时,我就倍感激动,迫不及待想使用这些产品。我见过一些朋友、以及大拿们从 iPhone 切换到 Android,因为 Android 不再是池塘里的丑小鸭了。它借助 Material Design 得到了改善,我相信,它仍然进一步改善下去。

Material Design 的未来一定是光明的。感谢 Jurre!

你可以关注 Jurre 的作品: MaterialUpDribbbleTwitter

译文:当果粉探索 Material Design 时,发生了什么? 》| 腊八粥