跳過導航
An image of Sketch’s newly redesigned user interface in macOS Big Sur
Sketch 內部

沒問題,Sur:Sketch macOS 改版幕後花絮

「我們始終希望將您的設計放在最前面,讓它們大放異彩——我們最不希望的就是介面造成阻礙。」

今天,我們很興奮地分享我們 Big Sur 更新的一些細節。為了配合 Apple 最新作業系統的介面更新,Sketch 團隊的數十名成員付出了無數小時的辛勤工作、艱難的決策和仔細的修訂。我們要向他們所有人致以誠摯的感謝——我們對他們的工作感到無比自豪。

為了深入了解團隊如何創造 Sketch 美麗的新介面,並展示我們最喜歡的一些細節,我們與我們的設計總監 Marcelo Marfil 坐下來聊了聊。


那麼,有什麼新功能呢?

「在早期,我們心中只有一個目標。我們希望確保在 Big Sur 上的 Sketch 仍然將您的設計放在最前面,讓它們大放異彩,」Marcelo 解釋道。「我們最不希望的就是介面造成阻礙。」 考慮到這一點,團隊專注於調整和改進現有介面,而不是進行徹底的改造。他們希望在您升級 Big Sur 後,應用程式仍然感覺很熟悉,讓您可以立即回到您的設計中。「從本質上講,它仍然是人們熟悉和喜愛的 Sketch,」他說。這是一次演進,而不是一場革命。

儘管如此,團隊確實抓住機會在幾個關鍵領域更進一步。「採用新的作業系統標準,例如全高側邊欄和工具列,已經產生了巨大的變化,但我們不能止步於此,」Marcelo 說。

沒問題,Sur

「與任何新事物一樣,您都必須經歷不可避免的學習曲線,」他繼續說道。在花了一些時間使用測試版並了解新的範例後,團隊開始探索如何確保我們的原生應用程式在 Mac 上仍然感覺「賓至如歸」——同時繼續支援那些想繼續使用 macOS Catalina(甚至更早的作業系統)的人。

從工具列開始。在配合 Apple 的新設計(將文件標題與其他工具列項目內嵌)的同時,他們重新組織了預設工具列,其中包含他們認為您最常用的工具。視窗右上角甚至還有一個新的通知圖示,它會將您的通知收集在一起,方便您管理。別擔心——您仍然可以使用 Ctrl-click 自訂您最喜歡的工具。您還會注意到工具列(以及應用程式的其餘部分)具有一些華麗的新圖示。稍後會詳細介紹。

隨著 Big Sur 將文件標題移至工具列,這對團隊來說是一個重新設計它的絕佳機會——所有圖示都是全新的。

接下來,團隊將注意力轉向了「檢查器」。Marcelo 解釋說:「雖然我們的 app 使用者介面在 macOS 上感覺很自在,但我們非常依賴自訂控制項和素材。最終還是取決於我們是否認為能為客戶提供更好的體驗。」如同 Mac app 的其他部分一樣,新的「檢查器」將會讓人感到熟悉,但每個元素都經過精心修改,既美觀又實用。

An image showing the new Inspector design in Sketch 70.

「檢查器」也經過了改版,以新的橘色醒目提示顏色為主軸。

您也會注意到整個 app 的重點顏色已更改,現在是橘色,以符合 Sketch 平台上的品牌顏色。當然,如果您不喜歡橘色,您可以在「系統偏好設定」中選擇您喜歡的顏色。Marcelo 指出:「我們也將『文件視窗』現代化了。現在它的外觀更加熟悉。」

An image showing the new design for the Documents Window in Sketch 70.

進化,而非革命

他解釋說:「當 Apple 推出最初幾個 Beta 版時,我們花時間深入研究了作業系統的變化和範例。我們希望更了解什麼對我們有效,以及我們可以在哪些方面做得更好。」

由於這種想法,您會發現某些工具(例如「縮放」)已從「工作表」變更為「檢查器」中的模式。Big Sur 的「工作表」採用了新的、更大的設計,在您進行調整時會覆蓋畫布。藉由將它們移至「檢查器」,您可以繼續不間斷地工作。

將某些工具(例如「縮放」)移至「檢查器」意味著更少干擾和更順暢的工作流程。

Marcelo 說:「正如我們在 Sketch 中一直嘗試做的那樣,我相信我們在系統提供的功能與我們希望在未來發展的方向之間找到了良好的平衡。」 而這種平衡在團隊處理新圖示的方法中體現得最為明顯。

圖示設計

Big Sur 中 SF Symbols 的引入,首次將 iOS 和 Mac 圖示整合在一起,使其保持一致。可惜的是,在介面中實作圖示時,Apple Symbols 並未為設計團隊提供足夠的控制權。

Marcelo 說:「在 Sketch 中,我們非常重視圖示和像素精度。雖然 Apple Symbols 是一個很棒的概念,但遺憾的是它並未完全達到我們的標準。」 由於 Apple 設計 SF Symbols 是為了支援多種粗細和大小,因此它們的邊緣有時會顯得略微模糊。經過大量討論後,團隊決定 Apple 的 Symbols 不適合 Big Sur 上的第一個 Sketch 版本。因此,他們將每個圖示都重新設計為向量圖。

他解釋說:「我們希望確保新的圖示在清晰度和流暢度之間取得良好的平衡,但仍然與 Big Sur 主題和我們的品牌完美契合。畢竟,我們是為設計師製作設計 app 的。」 我們知道我們有偏見,但我們希望您同意結果相當美觀。

A close-up image of the new toolbar in Sketch 70.

這些是工具列中的新預設圖示,但別擔心,您仍然可以使用 Ctrl+點擊自訂它。

不過,這並不是我們 Mac app 中圖示設計的終點。與 Big Sur 設計的所有方面一樣,團隊正在密切關注未來版本的發展。「我衷心希望我們最終也能將自己的圖示轉換為 Apple 的 Symbols,並具備所有大小和合適的粗細變化。」

這只是個開始

Sketch 的設計或許煥然一新,但正如 Marcelo 所解釋的,我們的理念始終如一。「即使外觀全新升級,這次更新也是我們過去十年所學一切的延續,」他說道。「我們一直以來都專注於在原生 Mac 應用程式中為您提供創造出色設計所需的工具。我們非常興奮能參與 Mac 生態系統的這個重要里程碑。」正如 Marcelo 強調的,這僅僅是個開始。Sketch 將會持續進化,就像 Apple 的新設計語言一樣。

「我想藉此機會感謝所有參與這次重新設計的內部成員,」他總結道,並反思了整個過程。「這是一個相當大的挑戰,但我為我們的團隊在這麼短的時間內取得的成就感到無比自豪。」


Sketch 70 現已推出。您可以立即更新、閱讀我們的發行說明、查看我們的文件,或者像我們過去一個月左右所做的那樣,花幾個小時的時間愛不釋手地盯著這些圖示。歡迎在社群媒體上與我們分享您對我們重新設計的看法 — 我們很樂意聽取您的意見。

您可能也喜歡

免費試用 Sketch

無論您是 Sketch 的新手,還是回來看看有什麼新功能,我們都能讓您在幾分鐘內設置好並準備好開始最佳工作。

免費開始使用
免費開始使用