图标设计师是做什么的?

图标设计师是做什么的?
杰森·卡斯特插图

Jason Custer 自 2016 年以来一直在 Fluent Design 团队中“为钱而画画”。作为团队中的设计师,他最终接触到了 Fluent Design 从图标到移动开发的所有内容,但大多数情况下,他的工作集中在随着Fluent Emoji的发展,围绕个人表达。

随着 Fluent Design 的最新发展,包括Fluent 2的推出。我们与 Jason 坐下来讨论了所有系统设计、他的工作流程等等。

*为了清晰和长度,本采访经过编辑。

_________________________________________________________________

你会如何描述你的工作和你所做的事情?

我喜欢告诉人们“我画画是为了钱”……哈哈。我是 Fluent 团队的一员,该团队为 Microsoft 的设计系统提供帮助。这项工作有多种方式,但首要目标是为其他设计师的工作提供支持。

您最初是如何对产品设计产生兴趣的?是什么促使您将其作为职业?

我一开始是一名动画师——我做了很多自由职业,直到一家游戏工作室雇用了我。从那时起我开始做大量的 UI 设计、插图和一般视觉设计。当我看到所有这些 UI 变化可能对体验产生的影响时,我就被迷住了。

您有哪些教育背景或培训有助于塑造您的技能?

真的没有——我主要是在与已经建立模式的公司合作时编造的东西,或者确切地知道他们想要什么——这使得在他们的沙箱中玩耍变得很容易。其余更具创意的工作,我有优秀的艺术总监愿意帮助我成长。

想要快速向多年来为我的成长做出贡献的经理们表示感谢——Matt Greff、Dave Riensche、Jeremy Grubaugh、Kris Bergen、Joseph McLaughlin、Benedikt Lehnert、Damien Aistrope、Phil Evans、Neil Cueto、Taili Feng 和 Kurtis海狸。

您在微软工作多久了?

这一次——7年——但因为我在太平洋西北部长大(塔科马,253岁的孩子!),所以在过去的15年里我不断地与微软签订合同。工作很幸运,涉猎广泛——参与了早期的 Xbox Kinect 工作,帮助打造早期的 iO​​S 体验,更新了整个公司的图标和表情符号。

你目前在做什么?

有几件事我不能提及 😉 现在帮助很多人工智能工作——还有一般视觉设计、产品和系统图标、工具包设计、表情符号乐趣以及尽我所能的设计社区贡献。

您能否概述一下您作为产品设计师的角色以及它与在设计系统中创建图标有何具体关系?

这些年来我非常幸运,帮助制作了 Fluent 设计系统的早期版本。特别是对于图标,有一个小团队致力于更新该集。通过建立一小部分子集,我们制定了帮助扩展的指南——帮助快速增长的基本规则、有关像素对齐的细节、特定尺寸的曲线——所有这些都有助于在所有设备上提供干净、可读的图标。

这项工作今天仍在继续,即使它只是我时间的一小部分。向 Jillian Poppe 致敬,她绘制了很多图标,这样我就可以在其他领域提供支持。

您是如何了解设计系统的?对于想要从事设计系统工作的人,您有什么建议?

在我看来,在一个领域工作的时间越长,定义的流程和元素就越多。设计系统过去是贴纸或 POR(记录计划)文件,这是我们已经与工程师合作构建的。所以,我只是在某个时候抬起头,意识到我是一名系统设计师……哈哈。

至于建议,设计系统涉及每个产品,因此即使您不从事设计系统工作,也要找到一种方法来做出贡献。联系您的系统设计人员或开始组织您的文件,同时考虑团队设计人员的需求。开始这项工作并看看你有多喜欢它的好方法。

您如何处理为 Fluent 创建新图标的过程?

因为我们现在有很多图标,所以我们通常会引用一些接近的图标,或者至少有一个基础可以开始,但我们总是在纸上画草图并讨论想法。流畅的图标意味着干净、清晰,可读性至关重要。像素混乱是不允许的……哈哈。

在为设计系统设计图标时,您会考虑哪些关键考虑因素?您如何确保它们在视觉上一致且有凝聚力?

我们首先要问的是图标所在的上下文。过去,当我询问图标制作者和插画家艺术品将放在哪里时,我总是感到惊讶,但听到他们不知道。

在制作图标时,我们围绕标准关键线形状制定了一整套指南,以使事物保持一致。我们也总是将新图标放在已建立的图标旁边,并且在用户界面中它也会显示,以确保它感觉平衡并与其兄弟图标连接。

用户反馈和可用性在设计系统内的图标设计过程中扮演什么角色?您如何整合反馈来改进图像?

制作图像是一项新旧融合的有趣挑战——因为有些标准是一成不变的,很难摆脱这些标准——而新功能却不断推出。概念越抽象,绘图就越具有挑战性。这就是围绕图标的研究非常有用的地方。话虽如此,图标都是关于学习行为的——所以我们试图给每个图标提供有用的机会——而不是急于太快地更换。

至于更新图标,我们一直在改进设置,无论是清理形状、改进隐喻还是创建新图标。在实现 Fluent 系统图标时,我们设置了一个可以快速轻松更新的流程。这就是为什么我们提倡 SVG 图标而不是图标字体——字体使更新图标变得更大、更慢。

随着人工智能的引入,您预计行业内会发生哪些变化或转变?

哦该死,现在在人工智能领域拥有一席之地就是一切……哈哈。我对使用人工智能来做一些我们不得不做的琐事持乐观态度。一个完美的例子就是会议总结——我的多动症让这变得非常具有挑战性。

作为人工智能集成的设计系统设计师,是什么让您兴奋?

作为一名系统设计师,我的目标实际上是帮助策划一组对尽可能广泛的受众有用的模式,然后努力使它们在工程中成为现实。我们已经看到了 AI 构建 UI 的示例 – 但让系统团队之外的设计人员和开发人员能够轻松查找、使用和实现模式将是令人惊奇的!

您如何及时了解图标设计中当前的设计趋势和新兴实践?

我努力保持开放的海绵状态——尽可能多地吸收设计、插图、图像和技术信息。我还试图重新参加会议(今年晚些时候刚刚参加了 Config 和 Adob​​e Max),这一直是保持工具脉搏的好方法,这通常有助于确定趋势。

回顾你的旅程,你会给那些刚刚踏上自己的道路、有抱负的产品设计师什么建议?

我必须不断提醒自己的一件事——每个项目要么是一座土丘,要么是一座小山,要么是一座山——在我到达顶峰之前,我会想要扔掉我的工作并放弃,即使是在这么多年之后。然而,一旦我到达顶峰——我意识到一切都在朝着好的方向发展——那时就很难阻止我了。

给TA打赏
共{{data.count}}人
人已打赏
设计方法论

交互设计入门基础:帮你快速掌握A/B测试的实战应用

2023-11-2 19:32:18

设计方法论

用这一篇文章,帮你快速了解尼尔森设计原则

2023-11-3 21:12:19

个人中心
今日签到
有新私信 私信列表
搜索