跳過導覽
新功能

Sketch 100:不僅僅是一個數字

我們的里程碑版本包含了重大的原型設計更新、重新設計的網頁應用程式、更完善的原型分享功能以及兩個全新的工作流程提升工具。

Sketch 100 版本正式推出。對我們來說,這是一個里程碑式的版本,它充滿了您一直以來期盼的功能 — 這是我們對您一路支持的感謝。

想要快速了解? 觀看這部影片,在三分鐘內了解所有更新。

這裡有很多內容要介紹,讓我們從原型設計的新功能開始吧。


兩種全新的原型設計方式

我們對於原型設計的目標始終是使其簡單快速。我們不希望無止盡的選項分散您嘗試想法和快速迭代的注意力。話雖如此,我們知道您一直以來都希望原型設計能有更多功能,而我們也能提供更多。

在過去幾年中,我們進行了許多原型設計的更新 — 從較小的生活品質改進像覆蓋這樣的重要新功能。在此更新中,我們新增了一些功能,同時不影響速度或簡潔性。

水平、垂直和多方向捲動

我們從一開始就在原型中提供了垂直捲動功能,但現在您可以讓原型中的任何內容朝任何方向捲動

設定捲動區域很簡單;選取您想要捲動的內容,然後在檢查器中的「原型」標籤下點擊「設為可捲動」。我們會將您的內容分組(如果尚未分組),並新增一個裁切遮罩,以及一些用於控制可捲動區域的新控點。

我們的建議是為您的內容建立一個符號,插入它的實例,並將其設為可捲動。這樣您就可以看到並編輯所有內容(包括被裁切遮罩隱藏的任何內容),並且輕鬆新增填補。

無論您是在製作卡片列、互動式地圖,還是幾乎任何其他需要捲動的內容的模型,您現在都可以在可運作的原型中進行測試。

懸停、按下和切換觸發器

到目前為止,在原型中觸發互動的方式只有一種 — 點擊。在此更新中,我們新增了兩個觸發器:懸停和按下。

這些新的觸發器與另一個新的原型設計選項 — 自訂圖層可見性 — 協同工作。例如,您現在可以將圖層設定為在播放原型時預設隱藏,並僅在有人將滑鼠懸停在其上方時顯示。

還有第三個新選項 — 點擊切換圖層的可見性。這個選項對於建立互動式 UI(例如核取方塊或切換開關)特別方便。您甚至可以切換覆蓋的可見性。

這些與原型互動的新方式共同為您測試設計開啟了無限可能。

了解更多:如果您想熟悉這些原型設計更新,請查看 Sketch 中的這個互動式教學文件

這些功能之所以能夠實現,是因為我們在過去一年中重寫了原型播放器。它不再依賴 HTML 來顯示靜態圖像,而是使用 WebGL 和 Skia,讓我們在功能和顯示方面擁有更大的彈性。

這個全新的原型播放器可在 Mac app、iOS app 和網頁版 app 上運行,我們也有一些網頁版 app 的更新要分享…


煥然一新、重點突出的網頁版 app

除了 Mac app 中的原型設計更新之外,我們也重新設計了網頁版 app。我們移除靜態側邊欄,並以可收合的面板取代,為延伸至瀏覽器視窗每個角落的高保真、無限畫布騰出更多空間。這項改變不僅僅是為了您的設計騰出更多空間,它還有助於凸顯兩個常用的操作:評論和檢查。讓我們深入了解一下。

在任何瀏覽器的畫布上進行檢查

現在在網頁版 app 中檢查設計比以往任何時候都更容易,而且對開發人員來說仍然是免費的。

我們在 2020 年推出了第一個交付工具,允許開發人員在任何網頁瀏覽器中免費檢查設計。然而,這些工具很難找到,而且需要您深入到個別的畫板才能打開檢查器。現在是時候改變了!

現在,您可以在完整畫布視圖中檢查設計。當您檢視文件時,只需按下 I(或點擊檢查 程式碼區塊 圖示),選擇畫布上的任何內容,然後擷取您需要的資訊。

在完整畫布視圖中檢查文件,讓您可以在交付過程中比較不同畫板上的圖層,並全面了解流程。

如果您錯過了:我們基於瀏覽器的交付工具對開發人員完全免費,無需 Mac app!

新增評論至原型

原型上的評論也會顯示在其相關的畫板上,讓提供和接收回饋變得更容易。

新的畫布視圖也讓追蹤對話和提供您自己的評論變得更容易。按下 N 即可在畫布上的任何位置新增評論,選擇現有的標記即可檢視對話,或按下 C 即可查看包含文件中所有評論的面板。

更好的是,您現在可以在播放原型時新增評論 — 只需點擊評論 評論 圖示,即可查看任何現有評論並新增您自己的評論。這是在不切換回設計且不失去原型進度的情況下,提供特定流程感受回饋的好方法。

方便客戶檢視的原型視圖

您可以從網頁版 app 和 Mac app 存取這些原型分享選項。

除了評論功能外,我們還新增了一種分享原型的新方法,它會隱藏網頁版 app 的使用者介面,並連結回設計檔案。這非常適合與客戶分享,並將重點放在原型本身上。

結合新的原型設計功能,我們認為這些更新將帶來功能更豐富的體驗。如果您從 InVision 轉換過來,這些功能尤其有用。


讓您的工作流程更快速的新功能

回到 Mac app,我們在此版本中新增了兩個我們希望您會喜歡的新功能 — 命令列和迷你地圖。

命令列

現在您可以在任何文件中按下 K 並使用指令列來尋找並執行 Sketch 中的功能。指令列會顯示您通常會在選單列中找到或使用快捷鍵啟動的任何功能(包含任何來自插件的功能)。它也包含像是畫板方向等檢查器欄位。

我們建構指令列是為了速度,因此隨著時間推移,它會根據您最常使用的指令來排列搜尋結果的優先順序。您可能以前在其他應用程式中使用過類似的功能,但如果沒有,您很快就會想,以前沒有它是怎麼活過來的。

縮圖導覽

此版本還引入了縮圖導覽,讓您更輕鬆快速地瀏覽大型文件。只要頁面上有圖層超出您目前的視圖範圍,無論是因為您放大了還是單純有很多畫板,縮圖導覽就會出現。它會提供整個畫布的預覽,並準確顯示您的位置。

您可以點擊並拖曳縮圖導覽來在畫布上移動。當您將滑鼠懸停在畫板上時,也會看到畫板的名稱,讓您更容易找到所需內容。就像指令列一樣,這項功能會融入您的工作流程中,就像它一直都在那裡一樣。


更多小而強大的更新

我們還有更多更新要與您分享。所以,再倒杯飲料,放鬆一下,我們將帶您了解一些較小但同樣重要的全新功能。

權限群組和封存(僅限商業方案)

如果您使用的是我們的商業方案,您的工作區可能相當忙碌。為了簡化操作,您現在可以建立權限群組,將多個成員一次新增到文件或專案中。此外,您現在可以封存專案,以隱藏不再進行中的工作。

釘選文件和專案

您現在可以在使用 Sketch 的任何地方釘選最重要的文件和專案。當您釘選專案時,它會顯示在專案清單的頂部。釘選的文件會顯示在文件網格的開頭。釘選的項目是針對您個人重要的內容,因此其他人不會看到您釘選的內容。

新的網頁應用程式通知檢視

在網頁應用程式中,我們重新設計了通知檢視。它更好地利用了瀏覽器視窗中的空間,讓您可以看到更多每個通知的內容。還有新的選項可以搜尋和篩選您的通知,並且更清楚地區分您已讀取的內容和新內容。

新的設計權杖匯出

除了讓網頁應用程式中的檢查更容易之外,我們還透過新的設計權杖匯出進一步改進了開發人員交接。現在,除了現有的顏色權杖之外,您還可以取得圖層樣式和文字樣式的權杖。

教學課程、指南和範本的新家

如果您正在尋找教學課程、指南和範本,您會在「探索」中找到所有這些內容。您可以在網頁應用程式的側邊欄和 Mac 應用程式的工作區視窗側邊欄中找到「探索」(這是第一次在 Mac 應用程式中出現)。我們已重新整理「探索」,並將定期更新它,以協助您充分利用 Sketch。


這就是版本 100。對我們來說,這是一個里程碑式的版本,也是一個沒有您的支持就無法達到的版本。謝謝!我們希望您喜歡這個版本,以及這些功能為您開啟的所有新可能性。

一如既往,如果您需要任何協助以充分利用新功能或有任何意見回饋,請前往社群論壇

本文內容

您可能也喜歡

免費試用 Sketch

無論您是 Sketch 的新手,還是回來查看新功能,我們都能讓您在幾分鐘內設定完成並準備好開始最佳創作。

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