雅虎网站平昌2018年冬奥会图标的背后

你可能看过韩国平昌冬季奥运会的一些比赛。我有机会与雅虎合作,来设计雅虎平台上使用的图标版本,很高兴能够给大家分享我的设计过程。

其实平昌奥运官方有自己超棒的图标集,但雅虎决定创建自己的图标版本,因为他们需要更小尺寸的图标。

了解运动

我是在没有雪的环境下长大的,所以对冬季运动毫无头绪。我甚至不知道冬季运动的存在,我的意思是谁会料到你可以用这么多的雪做这样的活动,对吧?

首先是彻底的研究。我观看了很多2014年冬季奥运会的比赛,以获得每项运动的背景。

这个项目的图标需要适用于小尺寸,并运用正确的姿势来表示每项运动。

 

基本构建

对运动项目有足够的了解之后,我开始分析每项运动的最极端姿势,足够容易让我们的大脑在姿势与运动之间建立联系的常见姿势。

雅虎有一个很棒的人体图标设计系统,我使用时对其做了一点调整,以创建一个规范比例。

捕捉姿势

为了让你了解这个过程,我将以滑雪板为例。通常我会以参考图片开始,松散地绘制一系列图标,再选择最佳选项。

一般来说,当运动员做出极端优雅的举动时,我们大脑当中令人难忘的最佳姿势是?

同时,客户也在讨论过程有足够的参与,给出的反馈验证了我的想法:为什么这些是图标的最佳选择。

小贴士:

· 不要在“孤岛”中工作,保持讨论并经常获得反馈。

· 探索的过程应该是低保真并且有时间限制的。

风格发展

在确定好人物姿势之后,设计总监Ryan强调,一方面需要保证图标的功能性,另一方面,又要保证独特性。 我们一起塑造了这种风格,这是一次伟大的合作。

初稿太单调而不流畅。经过几次迭代之后,Ryan提到了我们可以在锥形腿上实现的流动性。

我们最终通过使用锥形腿和流体形状来更好地传达运动。我们还利用间隔来提供更清晰的动作说明。你可以看到花式滑冰图标(上图)的风格是如何成型的。我们尽可能将这些原则用于所有的图标上。

数字化

在我完成草图并且通过雅虎团队的认可后,我就用 Illustrator 开始对它们进行数字化。数字化印刷术时使用几乎相同的技术,并确保每个点都位于正确的像素位置。

在这个过程中,我们会对像锥形腿这样的小细节做出调整。

从左到右分别是:iPad上的素描、矢量化填充、矢量检查网格布局

最后结果

我们花了两周的时间共同完成这个图标集。此图标集目前正在雅虎搜索平台中使用。我希望通过分享这个过程,可以激励一些热爱图标的人开始学习并制作一些图标。

Ryan McCullah 对这个项目进行了指导,并在整个过程中为我提供一些想法和很好的反馈!

这是我们优化这些小图标集的最终结果。

工具

我经常会遇到关于我使用的工具的问题,如果您想知道这些工具的话:

· Procreate + iPad + apple pencil

· Adobe Illustrator

· Macbook pro 15“

 

我的图标集:budicon.co

Dribbble:dribbble.com/buditanrim

Twitter:twitter.com/buditanrim

 

翻译网址:雅虎网站“2018平昌冬季奥运”图标设计

责编:王尚非   翻译:陈铭

发表评论

电子邮件地址不会被公开。 必填项已用*标注