跳过导航
An illustrated image of the red Tapbots logo on a dark grey background
#MadeWithSketch

I, Robot:Tapbots 的 Mark Jardine 如何使用 Sketch 设计屡获殊荣的应用程序

“即使我每天都在使用 Sketch,它仍然给我带来快乐。它持续给我带来强大和特别的感觉,这让我的工作更加愉快。”

是什么让应用程序体验真正出色?对于 Mark JardineTapbots 的 UI 设计师而言,它与设计本身一样,也与用户交互有关。Mark 是 TweetbotCalcbotPastebot(以及其他产品)背后的设计师,最近我们与他坐下来,谈谈他在设计领域的经验、他对近期趋势的看法以及为什么 Sketch 是他的首选工具。


您能谈谈您是如何开始设计应用程序的,以及您何时开始使用 Sketch 吗?

让我从时间线上更早的时候开始说起。直到我大学的头几年,我对设计一无所知。我喜欢画画,我的梦想是成为一名角色设计师或插画家。在大学里上了一些插画/艺术课后,我感觉我的技能不够好。我也开始对电脑非常感兴趣,所以我对将艺术与电脑结合的领域感兴趣。这让我有了两个潜在的职业——3D 动画/建模和平面设计。我真的很想从事前者,但最终决定从事设计在经济上更为可行。

设计学校的重点主要集中在标识、印刷和包装设计上。Mac 很常见,但我是一个贫困的学生,使用的是父母送给我作为上大学礼物的 PC。Windows 上没有真正鼓舞人心的设计应用程序(至少在当时是这样),但网络上到处都是鼓舞人心的 UI 设计。我在那里找到了我的激情。我在学校里按部就班地学习,这里学一点,那里学一点,但我最兴奋的是在课外建立网站。几年后,我最终找到了一份入门级的网页设计师工作,并辍学了。这是一个艰难的选择,但我一直追随我的激情,感觉这对我来说是正确的选择。

我用新工作赚来的钱买了我的第一台 Mac——一台 MDD PPC G4——我被 Aqua 的美丽惊呆了。然后是所有令人惊叹的应用程序。它们不仅设计精良,而且具有令人愉悦的体验,并且非常直观。说实话,在我购买我的第一台 Mac 之前,我从未感受到为软件付费的价值。像 Panic、Delicious Monster、Mac Rabbit 和 Icon Factory 这样的公司成为了我巨大的灵感来源。还有像 Macthemes 这样出色的主题社区,以及像 Max Rudberg 这样的人为 OS X 制作鼓舞人心的替换 UI 主题。我主要从事网页设计师的工作,但我会涉足图标设计和主题制作,以获得乐趣。我梦想有一天能够设计软件,但从未真正找到明确的途径来追求它。

当 iPhone App Store 首次推出时,我有了第一次设计应用程序的机会。第一个是通过我当时工作的公司 Oakley。然后 Paul Haddad 和我一起制作了 Weightbot。能够设计我的第一个应用程序是一个梦想成真。

我的第一份 Sketch 文档似乎来自 2012 年——大约是我们开始开发 Mac 版 Tweetbot 的时候。工作流程比 Photoshop 好多了。

在早期,Sketch 还没有出现。一切都在 Photoshop 中完成,老实说,图层管理和处理基于栅格的工作流程是一件苦差事。导出资源是一场噩梦。我的第一份 Sketch 文档似乎来自 2012 年——大约是我们开始开发 Mac 版 Tweetbot 的时候。我记得当时它有点 buggy [笑],但工作流程比 Photoshop 好多了。我几乎切换到 Sketch 来处理我们开始的每个新项目,直到我不再需要处理 Photoshop 为止。

A screenshot of a Sketch document showing part of the Tapbots website

当您开始设计(或重新设计)产品时,您的主要目标是什么,您的方法是什么?

每当我们开始一个全新的产品时,我都会先集思广益并写下我所有的想法。我想解决哪些根本问题?什么样的核心功能会使这款应用程序比竞争对手更好,并解决其他人没有解决的问题?然后我会从高层次上集思广益,提出任何有趣的 UX 和 UI 想法,使这款应用程序成为一种愉快的体验。这始终是将我们的应用程序与其他人区分开来的一方面。一旦我觉得我在纸上写了一些听起来很棒的东西,我就会打开 Sketch 并开始模拟粗略的概念,并一遍又一遍地迭代,直到我准备好将资源传递给开发方。

您最近发布了 Tweetbot 6。您想从设计的角度实现什么,以及您如何改进已经很出色的 iOS Twitter 应用程序?

由于我们多年来一直在改进体验,因此我们 6.0 版本发布的目标是收紧一些松散的末端,并尽可能多地使用 Twitter 的 V2 API。我们目前将其称为“抢先体验”,因为我们仍然有很多不错的改进要做。

借助 Tweetbot 6,我们计划引入更多可选图标,这将使我能够更具创意并突破界限。我对此感到兴奋。

发布应用程序的订阅版本是我们两个人长期维持持续开发的唯一途径。因此,我们 6.0 版本的首要目标是发布一个良好的核心基础,可以随着时间的推移进行改进。因此,随着 6.0 版本的发布,我不能说我已经从设计的角度实现了我想实现的目标。这是一个正在进行的工作,我对所有即将到来的新事物感到兴奋。

A screenshot of a Sketch document showing part of the Tweetbot UI — specifically the media player.

Sketch 如何帮助您实现这些目标并提出您满意的成品?

自从我 2012 年开始使用 Sketch 以来,每个版本都在不断改进。很高兴看到它成长并成为如此出色的设计工具。我喜欢我不必与工具作斗争才能使其以我需要的方式工作。大多数效率低下的原因是我的懒惰,而不是使用 Sketch 提供的最新功能。偶尔我会想,“一定有更好的方法来做到这一点”。然后我会查找其他人如何解决问题,通常会有一个我不知道的功能或技巧。即使我每天都在使用 Sketch,它仍然给我带来快乐。它持续给我带来强大和特别的感觉,这让我的工作更加愉快。

回顾过去,您认为过去几年设计领域发生了多大的变化?自从您开始以来,UI 设计发生了怎样的演变?

变化很大,但我一直顺其自然。说实话,现在我的工作/生活平衡是最好的。我不会为设计行业的事情而感到压力,不会追随潮流,也不会费心去参与对主观话题的激烈讨论。我们只为Apple生态系统构建应用程序,所以我专注于这一点。[Apple设计团队]在每次WWDC之后都会制定UI指南,我尽量遵循并在可能的情况下突破它们。我觉得当有基线约束时,我工作得更好,这样我可以专注于在这些边界内的创造力。

即使我每天都使用Sketch,它仍然给我带来快乐。它仍然感觉强大而特别,这使得我的工作更加愉快。

A screenshot of Calcbot on the Mac.

从拟物化到最初的扁平化设计的整个转变在早期感觉像是一种倒退,但事后我觉得这是最好的。现在需要设计的设备尺寸太多了,简单才是最好的。但我认为Apple在重新带回我们喜欢拟物化的部分方面做得很好,而且我绝对更喜欢今天的方向,而不是过去的黄金时代。

你应用程序品牌的重要组成部分是它们的图标。它们一直都非常独特,并且可以立即识别。开发这些图标涉及哪些挑战?

我总是在更严格的设计约束下工作得更好。坚持整个机器人主题在某种程度上把我们逼到了墙角,但也让事情变得更容易。每个图标都需要类似药丸的眼睛,然后我围绕它进行设计。迄今为止最具挑战性的图标可能是Pastebot。它也可能是我最喜欢的。Tweetbot可能随着时间的推移经历了最多的变化。在Tweetbot 6中,我们计划引入更多可选图标,这将让我更有创造力并突破界限。我对此感到兴奋。

A screenshot of the Weightbot logo in one of Mark’s Sketch documents.

多年来是什么让你一直回到Sketch?

首先,它是原生的,并且具有一款优秀Mac应用程序的所有品质。但一切都按照您的预期工作。我肯定不会使用所有功能,但我很高兴它们在那里,以便在我可以更有效率的情况下使用它们。我一直在使用并且非常喜欢的一个功能是多个选定对象的整理功能。这是一个非常棒的想法,可以节省大量时间。每次更新都变得更快、更稳定,并带来很酷的新功能,所以我总是很高兴查看最新的主要版本。

每次 Sketch 更新都变得更快、更稳定,并带来很酷的新功能,所以我总是很高兴查看最新的主要版本。

A screenshot showing how Mark organizes colors in his Sketch files.

对于那些考虑进入应用程序开发和设计的年轻开发者,您有什么建议?

这很难说。现在的市场非常饱和,很难被注意到。我认为现在你需要有一个真正引人注目的新鲜想法,或者对一个旧想法有一个真正有趣的视角。我们的应用程序属于后一类。但要关注用户体验和细节——一个应用程序在截图中可能看起来很棒,但如果使用起来感觉不好,那么外观实际上并不重要。应用程序的感觉(我的意思是 UX 和交互设计)可能是我列表中的首位。我可能比设计本身更关注我们的应用程序的使用感觉。我认为自己是一个非常普通的设计师。我认为我的优势在于看到全局,并且能够做得足够好以提供一个完整的优质软件包。


您是否在 Sketch 中开发了一款很棒的产品?是否使用 Sketch 创作了一件艺术杰作?与我们分享,我们可能会在下一次 #MadeWithSketch 帖子中推荐您。

您可能也喜欢

免费试用 Sketch

无论您是 Sketch 的新手,还是回来看看有什么新功能,我们都会让您在几分钟内完成设置并准备好做您最好的工作。

免费开始
免费开始