Sketch 已经 10 岁了!为了庆祝这个非常重要的周年纪念日,我们将推出一系列博文,回顾过去十年,讨论最大的趋势、变化和发展——包括 Sketch 自己的历史,以及整个设计社区。
为了启动这些活动,我们与 Sketch 的联合创始人兼首席设计官 Emanuel Sá 坐下来,讨论过去 10 年的所有设计。
好的,让我们从头开始——您个人是如何开始设计的,当时的状况如何?
我拥有摄影背景,因此我对 Photoshop 非常熟悉。但我从不满足于默认的东西——给我一个默认的操作系统,我会改变一切。我不接受视觉方面的现状(笑)。所以我开始在 Photoshop 中尝试,我很快就明白了:这不仅仅是一个照片编辑器,如果我想改变其他东西,我可以从这里的工具中受益。
最终我开始接触图标设计。这对我来说很有趣,因为我可以更改用户界面上的所有内容,但找到我喜欢的替换图标并不容易。我大致知道我想要什么,所以我想我最好自己做。
很快我就开始为 Mac 设计主题,我想说,我们十年前的 MacThemes.net 社区是过去十年中对界面设计影响最大的社区。几乎论坛中的每个用户都已成为过去几年最成功产品的设计师或领导者。我记得当时克里斯 [Downer,Sketch 的产品负责人] 大概 17 岁?Janik [Baumgartner,Sketch 的设计师] 大约 15 岁,他已经在设计了。
我想说,我们十年前的 MacThemes.net 社区是过去十年中对设计影响最大的社区。几乎论坛中的每个用户都已成为一家大公司的设计领导者。
当时我们只是在做有趣的事情。但最终 iPhone 推出了。突然每个人都对为 iOS 制作应用程序感兴趣,他们需要有人帮助他们进行设计。他们在哪里寻找?MacThemes 社区。我想说,当时我们在界面设计和图标设计方面占据了 iOS 领域的大部分。
这很有趣,因为在前两年,基本上都是会计师、律师、医生,都想制作一个应用程序。他们会说,“我想要一个联系人应用程序,但把它做成一个旋转轮。你知道,就像幸运轮上的那个?我想要一个像那样的”。我们会说,“这不是界面设计,这是插图。” 但当时它很受欢迎,他们想要所有这些细节——我们称之为拟物化。他们基本上想把现实中的一切都塞进屏幕里。
当然,当时 拟物化 正处于流行的顶峰。您认为这来自对拟物化设计的误解吗?
是的。由于某种原因,人们对将巨大的东西缩小到非常小的空间(通常具有奇怪的视角)非常感兴趣。有一段时间,它是“潮流”,说实话,我不太喜欢它。我确实专注于逼真的设计,但我不太喜欢那种特定的子风格,然后它就成为了一种趋势。不过,我已经对趋势有了非常深刻的理解,而且我知道当时人们想要什么。所以我认为如果我想继续自由职业,我最好擅长它。

在我们聊天后,Emanuel 打开了他的档案,发现了一些旧的、未发布的图标——比如这个 2010 年左右的笔记文件夹。
但是 2014 年的扁平化设计转变?老实说,这是正常的。设计趋势是一个循环。如果你回顾并研究 70 年代和 80 年代的界面设计——人们需要明白,当时也有界面,只是它们没有出现在普通大众可以使用的设备上——那完全是一样的。IBM、施乐,甚至苹果,他们都有经历这种风格轮换的界面。
现在是苹果公司设定基调,有时是谷歌。就是这样,这很好。扁平化将在八九年后再次回归,我们将竭尽全力发挥它的最佳效果。我很高兴,因为没有改变就会变得无聊。人们需要改变。我们希望人们不断想要改变东西——否则他们就不需要 Sketch 了。所以没关系。
正如您所说,拟物化是过去十年的重要组成部分——而且您在拟物化设计方面学到了很多。看到它消失,您有多难过?
一点也不难过。
这真的很有趣,因为这是您的领域,这是您的专业领域,对吗?
是的,它仍然是我舒适的区域。至少在那里我知道我的工作会更加一致。但我喜欢挑战。对我来说,如果这是我需要说的语言,我就会学习它。
我一直说的一件事是,我不是艺术家。我更像是一个视觉工程师,而不是艺术家。我有规则要遵循,我必须执行一些可用的东西。我们应该有创造力,但最重要的是我们应该注意约束——并尊重我们提供的界面指南。在设计软件方面,我没有艺术家的自由。所以从这个角度来看,如果拟物化是我必须使用的东西,那就是我使用的东西。如果扁平化是我需要使用的东西,我就会使用扁平化。界面空间的设计师就是工程师。太棒了!
感觉 Sketch 的出现恰逢其时,当时趋势开始向扁平化倾斜。您认为 Sketch 是否帮助扁平化设计运动更快地发展?
哦,是的,100% 肯定。因为当时的设计是一个封闭的群体。它是为被选中的人准备的。那些能够忍受 Photoshop 以及并非为设计而设计的非常具体的工具的人。当时,Photoshop 不是一个专注的工具,它想表现得“只为专业人士”而设计。我们想用 Sketch 来消除这种感觉。它必须适用于所有人。
当时,Photoshop 不是一个专注的工具,它想表现得“只为专业人士”而设计。我们想用 Sketch 来消除这种感觉。它必须适用于所有人。
Sketch 完全改变了软件的设计思路——即应用程序应该为用户提供什么。不仅仅是针对设计师,而是针对每一个方面。你应该将最重要的功能以最简单和最明显的方式融入到你的工作流程中。在当时,没有多少应用程序以这个为目标。我只能想到少数几个,而且大多数都来自 Panic。

即使在 10 年后的今天,你仍然可以在最新的版本中看到最初 Sketch UI 的很多影子。
Sketch 出现的时期也正好是 Dribbble 和 Instagram 推出的时候。你认为这些社区也帮助传播了 Sketch 吗?那是不是一个幸运的突破?
是的,我认为社区——围绕 Dribbble、应用商店等等——都启动了这场运动。这太棒了。我真的很感激。我们能够向大众展示一个应用程序,而 Dribbble 能够向大众展示设计。就像我说的,当时它是一个“封闭”的、有才华的设计师群体,在一个能见度有限的论坛上。Dribbble 基本上消除了这一点——然后接管了(笑)。它最初是一个封闭的社区,但幸运的是,它很快开放了,开始展示令人惊叹的新人才,这太棒了。
我们能够向大众展示一个应用程序,而 Dribbble 能够向大众展示优秀的设计。
今天很多优秀的设计师都是通过 Dribbble 上的作品而受到了启发,并想成为像他们一样的人,因为他们终于可以在公共空间看到这些作品。
我的意思是,伙计,我们以前会在论坛上发布图标集,并将图标集留给自己——我们不会与世界分享。那是“不发布”作品的著名日子。那非常非常愚蠢(笑)。Dribbble 夺走了每个人的这个权利。所以有一年市场上只有 10 位设计师,而第二年就有 100 位。现在有数百万设计师,这太棒了。而且这也意味着我们有更多的客户(笑)。
我知道你并不怀念拟物化的设计风格,但有没有什么图标——比如硬盘之类的东西——是你怀念的?
哦,是的,我确实怀念那些。那很有趣,因为那些都是非常个人的,你知道吗?那些设计对我来说是个人化的。我记得做过一些按照今天的标准来说是无法使用的东西,但看看它还是很棒的。我记得花了很多个晚上来制作它们。

Emanuel 会设计整套图标和文件夹集来定制他 Mac 上的所有东西,比如这张来自 2011 年的。
我看了看你在 Dribbble 上的旧作品 ,我真的很怀念这种东西。
我也是!因为一个系统可以既有效又有个性。它不必为每个人都标准化。如果你看看我的文件夹,它们是定制的(通常是 Laurent Baumann 的 Ciment 集)。如果你看看我的磁盘驱动器,它们也是定制的(Anstat,作者是 Philip Antoni)。我仍然觉得需要做这些小事情。我不知道,它感觉像是我的,而且当我工作时,它不会那么无聊。感觉我不是在和机器对话,而是和更鲜活的东西对话。对我来说,图标能给我这种感觉。
如果你看看我的文件夹,它们是定制的。如果你看看我的磁盘驱动器,它们也是定制的。我仍然觉得需要做这些小事情。感觉我不是在和机器对话,而是和更鲜活的东西对话。
你认为在转向扁平化之后,图标是否失去了一些个性?
当然。现在的图标不再是图标——它们是品牌的延伸。就这么简单。这太糟糕了。但与此同时,我们的图标也带有一些品牌延伸的意味。但我仍然认为我们设法保留了一些个性。我们确实把它扁平化了,但我认为是以一种好的方式。与此同时,我们努力将钻石图标打造成我们的品牌——而它最终成为了一个多么伟大的品牌!
那么让我们来谈谈 Sketch 的图标。
是的,这是一个非常有趣的故事。钻石最初并不是为 Sketch 设计的。它是为 Pieter 和我正在开发的另一个应用程序设计的,你可以将图像拖放到其中,它们会批量调整大小,或者批量应用边框等等。
在工作了几周后,我们意识到这个应用程序是不必要的。一年后,我们正在开发 Sketch,我们需要一个图标。我做了“手榴弹”(见下面的 Sketch 图标演变动画),我不喜欢它,Pieter 也不喜欢它。我提醒 Pieter 关于钻石的事,因为它很漂亮,我喜欢做它。我们知道它与 Sketch 没有任何关系,但我们想“为什么不呢?”就是这样。我想要一些非常闪亮和独特的东西,人们可以看着它并想“我不知道这个应用程序是做什么的,但它的图标很有趣,所以我点击它看看,”你知道吗?

最初的钻石——在它成为 Sketch 的图标之前——是蓝色的。
我想要一些非常闪亮和独特的东西,人们可以看着它并想“我不知道这个应用程序是做什么的,但它的图标很有趣,所以我点击它看看,”你知道吗?
而且当时的 Dock 非常漂亮。我不怀念界面上的拟物化,但我喜欢 更立体的 Dock。它很漂亮,而且到处都是艺术。我现在仍然在我的桌面上放着 Panic 的卡车。我甚至不用 Transmit,伙计。我只是喜欢看着它!(笑)就这么简单。看到那辆卡车在那里让我感到高兴,你想想看。

Emanuel 设计了一系列不同的颜色选项,认为每个版本可能会使用不同的颜色图标。最终,经过几次更改,我们最终确定了当前的颜色。
那个老式的 3D Dock 很棒,我怀念它。
Dock 有很多非闪亮的元素,我当时想,“什么东西是明亮的,什么东西会反射?”我一直喜欢玩反射。在那之前,我做了一个文件夹集,一切都是反光的。
说到改变 macOS 的设计,Big Sur 感觉好像又开始从扁平化设计转向轻微的拟物化。你对此怎么看?
我不认为它现在看起来或用起来很棒——但他们会修复它,它会变得不错。它确实更拟物化了,这很好。与 macOS 10.9 上的拟物化设计相比,这是一个进步。这绝对是一个进步——我喜欢它,它充满了好的想法。
在过去的 10 年里,Sketch 图标已经走过了漫长的道路——而且很快它将走得更远。
这不再是模仿真实界面,而是更多地关于深度。我喜欢这一点,我认为这是一个很好的实现。就像 iOS 一样。iOS 7 不是很棒,但到 iOS 10 时,它已经非常出色了。它做得很好,执行得也很好。它是扁平化的,但做得很好。
但对我来说,这不是一种新的设计语言。这是一个演变,绝对是一个新的标准。这太棒了——我们将跟随,并在此基础上改进。他们会再次复制我们(笑)。
这是我们回顾 Sketch 过去 10 年的周年纪念系列的第一篇文章。在接下来的几个月里,你可以期待更多的回忆、亮点和采访。你的第一个 Sketch 版本是什么?你对使用它有什么回忆?请在我们的社交渠道上告诉我们。