Sketch 十歲了!為了慶祝這個重要的週年紀念,我們將推出一系列部落格文章,回顧過去十年,探討 Sketch 發展歷程以及整個設計社群的重大趨勢、變革和發展。
首先,我們與 Sketch 的共同創辦人兼首席設計長 Emanuel Sá 坐下來,暢談過去 10 年來的設計大小事。
好的,讓我們從頭開始 — 您個人是如何開始接觸設計的?當時的設計環境又是如何?
我原本有攝影的背景,所以對 Photoshop 相當熟悉。但我從來不滿足於預設的東西 — 只要給我一個預設的作業系統,我就會把它全部改掉。在視覺方面,我就是不接受現狀(笑)。所以我開始玩 Photoshop,很快就了解到:這不只是一個照片編輯器,這裡有一些工具,如果我想改變其他東西,可以從中受益。
最終我開始接觸圖示設計。這對我來說很有趣,因為我可以改變使用者介面的所有內容,但要找到我喜歡的替代圖示卻不容易。我很清楚自己想要什麼,所以我想乾脆自己動手做。
不久之後,我開始設計 Mac 的主題,我想說,十年前的 MacThemes.net 社群,絕對是過去十年對介面設計影響最大的因素。該論壇幾乎每一位使用者,都在過去幾年最成功的產品中擔任設計師或領導者。我記得當時 Chris [Downer,Sketch 的產品負責人] 好像才 17 歲?Janik [Baumgartner,Sketch 的設計師] 大約 15 歲,他那時候就已經在設計了。
我想說,十年前的 MacThemes.net 社群,絕對是過去十年對設計影響最大的因素。該論壇幾乎每一位使用者,後來都在大公司擔任設計領導職位。
當時我們只是在做一些有趣的事情。但後來 iPhone 推出了。突然之間,每個人都對開發 iOS 應用程式感興趣,他們需要有人來協助他們進行設計。他們會去哪裡找人?MacThemes 社群。當時在介面設計和圖示設計方面,大概有五六個人承接了 iOS 領域的大部分工作,我想我們就是其中幾個。
有趣的是,在最初的兩年裡,基本上都是會計師、律師、醫生想要製作應用程式。他們會說:「我想要一個通訊錄應用程式,但把它做成一個旋轉輪盤。你知道的,就像《幸運之輪》那個?我想要像那樣的。」我們會說:「那不是介面設計,那是插畫。」但在當時這很流行,他們想要所有那些細節 — 我們稱之為擬真設計。他們基本上想要把所有真實的東西都塞進螢幕裡。
沒錯,這就是擬真設計盛行的時期。您認為這是因為人們對擬真設計的本質有所誤解嗎?
是的。由於某些原因,人們對此非常感興趣 — 將巨大的東西縮小到非常小的空間,而且通常帶有奇怪的透視角度。有一段時間,這就是「潮流」,老實說,我不是很喜歡。我確實專精於擬真設計,但我並不是很喜歡那種特殊的子風格,它後來變成了一種趨勢。不過,我對趨勢已經有很強的理解,我知道那是當時人們想要的。所以我想,如果我想繼續接案,我最好還是精通它。

在我们聊過之後,Emanuel 打開了他的檔案庫,找到了一些舊的、未發佈的圖示——比如這個大約 2010 年的筆記資料夾圖示。
但 2014 年平面設計的轉變呢?老實說,這很正常。設計潮流是一個循環。如果你回顧 70 年代和 80 年代的介面設計——人們需要理解,當時也有介面,只是它們不在一般大眾可以使用的設備上——情況完全一樣。IBM、Xerox,甚至 Apple,它們的介面都經歷了這種風格的輪換。
如今,引領潮流的是 Apple,有時是 Google。事情就是這樣,這也很好。平面設計將在八、九年後再次回歸,我們會在那裡將它發揮到淋漓盡致。我很高興,因為沒有變化就會變得無聊。人們需要改變。我們希望人們持續想要改變——否則他們就不需要 Sketch 了。所以這很好。
如你所說,擬物化是過去十年的重要組成部分——而且你在擬物化設計工作中學到了很多東西。看到它消失,你有多難過?
一點也不難過。
這真的很有趣,因為那是你的專長,你的專業領域,對吧?
是的,而且它仍然是我的舒適圈。至少在這個領域,我知道我的作品會更加一致。但我喜歡挑戰。對我來說,如果這是需要我使用的語言,我會學習它。
我一直強調的一件事就是,我不是藝術家。我更像是一個視覺工程師,而不是藝術家。我必須遵守規則,而且我必須做出可用的東西。我們應該要有創意,但更重要的是,我們應該注意限制條件——並尊重我們所提供的介面規範。在設計軟體時,我沒有藝術家那樣的自由。所以從這個角度來看,如果我必須使用擬物化風格,我就會使用它。如果我需要使用平面風格,我就會使用平面風格。介面領域的設計師就是工程師。而且這很棒!
感覺 Sketch 的時機恰到好處,正好趕上設計趨勢開始回歸平面化。你認為 Sketch 有助於平面設計運動更快地發展嗎?
哦,是的,百分之百確定。因為當時設計是一個封閉的群體。它只適用於少數人。那些能夠忍受 Photoshop 和那些並非為設計而生的特定工具的人。當時,Photoshop 並不是一個專注的工具,它想要呈現出「只適用於專業人士」的感覺。我們想用 Sketch 消除這種感覺。它必須適用於所有人。
當時,Photoshop 並不是一個專注的工具,它想要呈現出「只適用於專業人士」的感覺。我們想用 Sketch 消除這種感覺。它必須適用於所有人。
Sketch 完全改變了軟體的設計方法——一個應用程式對使用者應該是什麼樣子的方法。不僅僅是針對設計師,而是在各個方面。你應該讓你的最重要的功能在你的工作流程中最簡單、最明顯。當時,沒有多少應用程式有這個目標。我能想到的只有幾個,而且大多數都來自 Panic 公司。

即使在 10 年後的今天,你仍然可以在 Sketch 的使用者介面中看到許多早期版本的影子。
Sketch 的出現也與 Dribbble 和 Instagram 推出的時間相近。你認為這些社群也有助於傳播嗎?這是幸運的巧合嗎?
是啊,我覺得圍繞 Dribbble、App Store 等社群,共同推動了這股風潮。這真的很棒,我非常感激。我們得以讓大眾接觸到一款應用程式,而 Dribbble 也讓大眾接觸到設計。就像我說的,當時它是一個由才華洋溢的設計師組成的「封閉」論壇,能見度有限。Dribbble 基本上消除了這種限制,然後就接管了(笑)。它最初是一個門禁森嚴的社群,但幸運的是,它很快就開放了,開始展現驚人的新秀,這很棒。
我們得以讓大眾接觸到一款應用程式,Dribbble 也讓大眾接觸到好的設計。
現在很多優秀的年輕設計師看到 Dribbble 上的作品,都渴望成為像他們一樣的人,因為他們終於可以在公共空間看到這些作品。
我的意思是,老兄,我們會在論壇上發布一套圖示,然後自己保留這套圖示——我們不會與世界分享。那是不公開作品的著名時代。那真是非常非常愚蠢(笑)。Dribbble 消除了這種現象。所以一年市場上有 10 位設計師,第二年就有 100 位。現在有數百萬名設計師,這很棒。而且這也代表我們有更多客戶(笑)。
我知道你並不懷念擬物風格的設計,但你有沒有懷念任何圖示——像是磁碟機之類的東西?
喔,是的,我很懷念那些。那很有趣,因為那些東西都非常個人化,你知道嗎?那些設計對我來說很個人。我記得我做過一些以今天的標準來看根本不能用的東西,但看起來很棒。我記得我花了好多個晚上製作它們。

Emanuel 會設計整套圖示和資料夾來客製化他 Mac 上的一切,就像這個 2011 年的作品。
我看了你在 Dribbble 上的一些舊作,我真的好懷念這類東西。
我也是!因為一個系統可以運作良好,同時又能保有個人特色。它不必為了每個人而標準化。如果你看我的資料夾,它們是客製化的(通常是 Ciment 套組,由 Laurent Baumann 製作)。如果你看我的磁碟機,它們也是客製化的(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 上的擬物化設計相比,這是一個進步。這絕對是一個進步——我喜歡它,它充滿了好點子。
Sketch 的圖示在過去 10 年裡經歷了漫長的演變——而且它很快就會更上一層樓。
這不是要模仿一個真實的介面,而是更多地關於深度。我喜歡這樣,我認為這是一個很好的實現。就像 iOS 一樣。iOS 7 並不好,但到了 iOS 10 就很出色了。它做得很好,執行得也很好。它是扁平的,但它做得很好。
但對我來說,這不是一種新的設計語言。這是一種進化,絕對是一個新的標準。這很好——我們會跟隨它,並在此基礎上改進。然後他們又會抄襲我們(笑)。
這是我們回顧 Sketch 過去 10 年的週年紀念系列文章的第一篇。在接下來的幾個月裡,你可以期待更多回憶、亮點和採訪。你的第一個 Sketch 版本是什麼?你對使用它的回憶是什麼?請在我們的社群媒體上告訴我們。