跳過導覽
最新消息

如果您錯過了:38 項您可能沒注意到的 Sketch 最新改良

以下是我們過去幾個月發佈的一些小功能的快速摘要

過去幾個月,Sketch 團隊一直很忙碌——我們大幅改進了原型設計工作區文件畫板範本。由於發佈了所有這些新功能,您有時很容易錯過我們在此過程中所做的一些較小(但仍然很實用)的改進。

因此,今天我們將在這篇史詩級的部落格文章中,一次性介紹 38(!) 個這樣的小功能。想在不到四分鐘內看完所有內容嗎?我們自己的 Joseph Todaro 在下面的影片中為您準備好了。時間比較充裕嗎?請继续阅读下方內容…


1. 更快速地在文件之間導覽

使用 Mac app 嗎?現在,您可以使用方向鍵 更輕鬆地在工作區視窗中瀏覽文件。

2. 一次選擇多個文件

我們讓管理工作區中的文件變得更容易。工作區視窗現在支援多選,因此您可以批量移動和刪除文件。

A screenshot showing the Workspace window in Sketch with multiple documents selected and a contextual menu open.

3. 使用快捷鍵重新命名頁面

您可能已經在使用 R 快捷鍵 在 Mac app 中快速重新命名圖層,對吧?現在,您也可以使用它來重新命名頁面——或者點選「編輯」>「重新命名」。

4. 查看已鎖定和隱藏的圖層

我們改進了圖層列表中圖示的行為——它們現在會反映圖層的顯示狀態和鎖定狀態,因此更容易知道圖層是隱藏/顯示還是鎖定/解鎖。將滑鼠游標懸停在圖層上並按住 鍵即可查看其中一種狀態。

5. 自動下載元件庫更新

讓我們跳過一個步驟。您現在可以設定元件庫自動下載更新,這樣您只需專注於審查和更新您的元件。您可以在元件庫偏好設定面板中找到此選項。

6 和 7. 永遠不會忘記的視窗

當您使用 Sketch > 偏好設定…. 開啟「偏好設定」視窗時,Sketch 會記住它的位置——即使您重新啟動應用程式也是如此。因此,它會出現在您上次離開它的確切位置!「文件設定」視窗也是如此,您可以使用「檔案」>「文件設定…」或 , 開啟它。

8. 新增的右鍵選單選項

我們新增了兩個新的右鍵選單項目。現在,當您選取符號來源時,您可以使用「將符號轉換為畫板」選項。當您按住 Control 鍵並點選尺規時,您還會找到「重設尺規原點」選項。

A screenshot showing the new option in the Ruler context menu in Sketch.

9. 複製時會保留您的偏移量

如果您按住 鍵並拖曳畫板來複製它,然後使用 D 複製它,Sketch 將對您的副本使用相同的偏移量。對於圖層來說,情況一直如此,但現在它也適用於畫板!

10. 新畫板的自動排序

當您建立或複製畫板時,它現在將被放置在圖層列表中其他畫板的下方,而不是上方。

11. 查看每個畫板的名稱

畫板名稱過長而無法完整顯示嗎?只需將滑鼠懸停在畫布上被截斷的名稱上,即可查看畫板的完整名稱。

A screenshot showing how hovering over a truncated Artboard name on the Sketch Canvas now shows the full name in a tooltip.

12. 鎖定畫板比例

您現在可以鎖定畫板的比例。您可以在檢查器中「寬度」和「高度」輸入框之間找到這個控制項,就像一般的圖層一樣。

A screenshot showing the new lock option when resizing Artboards in Sketch’s Inspector .

13. 複製到下方

當您按住 鍵時,上下文選單和編輯選單中的「複製」選項將切換為「複製到下方」。它也可以作為鍵盤快捷鍵使用 — 只需按下 D 即可將圖層複製到原始圖層的下方,而不是上方。

14. 置於最上層和置於最底層

按住 鍵並按一下圖層,會將「往前移一層」和「往後移一層」選項變更為「置於最上層」和「置於最底層」。如果您在工具列中有這些項目,按住 鍵也會更新它們的圖示!

15. 輕鬆移動無填色的形狀

現在可以更輕鬆地移動具有邊框但沒有填色的形狀。您可以拖曳形狀上的任何位置(包括未填色區域)來移動它。不用再放大畫面仔細選取那 1pt 的邊框了!

16. 對齊時的參考物件

對齊多個選取的圖層時,您可以選擇一個參考物件作為基準。按一下多圖層選取範圍內的任何圖層,即可將其設為參考物件。然後,當您使用對齊控制項時,選取範圍中的所有圖層將會相對於該物件對齊,而不是相對於父群組或畫板。

17. 設定圖層的相對位置

L、R、T、B 和 C/M 運算子現在可以在檢查器中的 X 和 Y 位置欄位中使用,因此您可以精確地將圖層放置在相對於畫板邊緣的位置。例如,將圖層的 X 值設定為 10r 會將其放置在距離畫板右邊緣 10 點的位置。

18. 更快速地交換圖層

如果您有一組等間距的圖層,您可以按一下並拖曳任何圖層的中心控制點,即可在該群組內交換它,無需先選取整個群組。

19. 自動整理

如果您選取多個 *非* 等間距的圖層(或一組圖層),您現在可以直接在檢查器中輸入水平或垂直間距值,而無需先按下「整理」。

20. 更智慧的對齊控制項

當您在檢查器中使用圖層的對齊控制項時,它現在將會與其直接父項(無論是群組還是畫板)對齊。非常適合讓所有東西排列整齊!

21. 調整線條大小時提供更多控制

您現在可以使用 修飾鍵從中心調整 2pt 線條的大小,就像調整其他形狀一樣。

22. 建立等邊三角形

當您將多邊形新增到設計中時,您現在可以使用檢查器中的「邊數」滑桿將邊數減少到三個 — 以前您只能在步進器或輸入欄位中執行此操作。當您需要建立等邊三角形時,這非常方便,因為您可以建立一個長寬比為 1:1 的多邊形圖層,然後使用滑桿減少邊數!

23. 對齊到四分之一像素

在向量編輯模式中,您現在可以將點吸附到四分之一像素,以獲得更高的準確性。您還會在 Inspector 中找到一個新的控制項來執行此操作,因此只需點擊一下即可。我們在為 Big Sur 和 Monterey 設計新的工具欄圖示時使用了四分之一像素,因此我們希望這對需要更高像素精度的設計師有所幫助。

24. 更聰明的內陰影

希望內陰影僅出現在圖層的一條邊緣上?現在,您可以為內陰影指定負擴散值,即可實現此目的。

A screenshot showing that you can now reduce the spread of an inner shadow on an object to a negative value, and the result of doing so.

25. 更精確的漸層

您始終可以使用鍵盤上的數字來設定漸層色標。但以前它只能設定一位數 — 例如,按 5 會將其設定為 50%。現在,您可以使用兩位數的精度進行設定。因此,如果您希望在 75% 處設置色標,只需輸入 75 即可。

26. 為 Alpha 遮罩添加模糊效果

這個功能完全符合您的想像,並為創造更有趣的圖形開闢了一些很酷的可能性。讓我們來看看它的實際應用…

27. 使用任何內容作為 Alpha 遮罩

是的,您現在可以使用任何您喜歡的圖層(包括具有一定透明度的圖像)作為 Alpha 遮罩。

28. 對圖像應用背景模糊

如果您使用的是半透明點陣圖圖像,現在可以為其添加背景模糊。這可能是購買我們自己的 Joseph Todaro 的磨砂玻璃 Shapefest 包的好時機 😉

A screenshot showing a semi-transparent bitmap image with a background blur in Sketch.

29. 拖放圖像

我們簡化了在 Sketch 中替換圖像的操作。將圖像拖放到 Mac 應用程式中時,只需將它們拖放到畫布上其他圖像(或具有圖像填充的形狀)上,即可替換當前圖像。

A screenshot showing someone dragging and dropping an image directly into a shape with an image fill to replace that image fill in Sketch.

30. 資料的 WebP 支援

想要將 WebP 圖像資料夾添加為下一個專案的資料來源嗎?沒問題,這應該可以節省一些圖像轉換時間!

31. 將圖像貼上作為填充

如果您從其他應用程式複製圖像到剪貼板,現在可以將其貼上作為形狀的填充。按住 Control 鍵並點擊「填充」面板(或填充),然後選擇「將圖像貼上作為填充」。如果您想避免不必要地製作遮罩,或者當您要貼上的圖像是圖案時,此功能非常有用。

A screenshot showing the new option to Control-click in the Fills section of the Sketch inspect and paste an image as a fill for a shape.

32. 查看匯出資源的檔案名稱

您知道從 Sketch 匯出資源時彈出的小橫條嗎?現在,當您單獨匯出資源時,該橫條也會顯示檔案名稱 — 讓您更加一目了然。

A screenshot showing the Export bar in Sketch, which now shows the file name of the exported file on screen.

33. 高解析度顯示器的更高品質圖像

想要從 Sketch 中複製內容並將其貼上到其他應用程式嗎?如果您使用的是高解析度顯示器,我們會自動為您建立 2 倍圖像。因此,下次您想在 Twitter 上分享模型、在 Slack 討論串中發佈模型或將其添加到您正在構建的簡報中時,您將獲得更高品質的圖像,而無需任何額外操作。

34. 自動原型起點

當您建立原型時,我們會自動將您建立第一個互動的畫板設定為起點。這樣,您的測試人員將始終從正確的位置開始。

35. 一種更清晰的方式來查看原型互動

我們最近在 Inspector 中添加了一個新的「原型」標籤,其中包含使您的設計更具互動性所需的一切。選擇該標籤會顯示您在畫布上建立的所有互動。但是,當您切換到「設計」標籤時,只有在選擇具有互動的圖層時,您才會看到互動 — 以幫助您專注於正在處理的內容。

36. 建立原型時更快的互動

在 Inspector 中啟用「原型」標籤後,您可以點擊並拖動任何選定圖層右邊緣的 + 控制代碼來建立互動。就是這麼簡單!

37. 多選原型連結

想要快速為多個畫板新增前往返回連結嗎?沒問題。現在您可以簡單地選取所有想要連結的畫板,按下 W 新增互動,然後一鍵將它們全部連結到前往返回連結。

38. 覆寫符號中的互動

您現在可以覆寫符號實體中的任何原型互動。先前這只適用於熱點,但現在您也可以對連結執行此操作。


呼——這真是大量的更新!希望其中有一些對您有用的訣竅,可以加快您在 Sketch 中的工作流程。除了較大的功能之外,我們一直在努力開發這些小寶石,因此請密切關注未來的更多更新——我們還有更多功能即將推出!

您可能也喜歡

免費試用 Sketch

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

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