Bug還是大動作？靜電為你解讀Sketch3.7版本新功能

@JingDesign?：Sketch3.7版本來啦，一起來跟靜電熟悉下Sketch3.7版本的新功能，本次更新的一大亮點就是全新的元件功能了，也是Sketch這次大版本的主要特色。不多說，直接看總結！

創新的元件功能

在Sketch3.7版本中，創建元件將使用全新的方式。當我們將某個圖層或者組轉化成元件時，會直接彈出提示框。點擊后，元件就創建完成了，當然我們可以勾選下方的Send Symbol... 將它單獨放在page里。

元件創建后，我們可以直接雙擊元件進入元件編輯狀態對元件內容進行編輯，點擊Return to Instance即可退出元件編輯狀態。

但是，如果我們在使用同一個元件的情況下，想不修改元件就達到讓相同的元件上有不同的文字或者填充效果這樣的目的呢，Easy~選中元件，注意屬性檢查器了嗎，直接修改文本內容即可。

那么元件中有圖像呢？沒問題，也可以。將頭像+用戶名+簽名部分設置為元件，復制一個元件，然后到屬性檢查器就可以在不改變元件本身的情況下修改表現文本和圖像啦。

看一下動畫演示

另一個要點，元件是可以無限制嵌套的，你可以將多個設置好的元件再次組成新的元件來使用哦。

手動同步樣式

在之前的版本中，大家知道，當我們修改某一個樣式的屬性，比如顏色，那么所有使用這個樣式的內容都會發生改變，但是在sketch3.7中，我們可以對多個使用同一個樣式的文本來分辨調整不同的樣式而不會引起其他樣式的改變。當我們需要再次統一樣式的時候，簡單的使用屬性檢查器，樣式面板右上方的同步按鈕，就可以將所有樣式又一次做統一處理了。這不能不說是一點很人性化的改變。

改進的網格設置面板

回想一下之前版本的Grid Tool的面板吧，這次的面板做了調整，更加人性化，避免了之前設計所引起的混淆。

讓畫板適合內容

有時候我們的畫板比內容范圍大，有時候我們的內容比畫板范圍大，如果想要畫板緊貼內容大小，那么試試這個功能吧。選中畫板，那么畫板將會自動適應跟內容范圍一樣大。

插件腳本面板的改進

嗯，對大多數人用處不大，適合插件開發者。增加了語法高亮功能，改進了撤銷功能。

SVG導出功能的改進

很多人會吐槽Sketch的SVG導出功能不完善，不過SVG這種東西呢，要符合標準還是很重要滴，否則在其他地方就不能使用啦。那么這次Sketch在SVG導出方面增加了對內描邊和外描邊的支持，同時支持疊加模式的運用，支持噪點填充（Noise Fills），更精確的陰影。而且可以將選中圖層的SVG代碼拷貝到剪貼板（靜電：這個贊贊噠~）

改進的貝塞爾曲線調節桿

其實是調節桿樣式的改進，就是告訴你，你選擇的哪個把手是哪個，而不會讓你暈掉。

缺失字體的處理

請注意，請注意，當我們在一臺沒有安裝設計稿所使用的字體文件的電腦上打開設計稿的時候，Sketch會用最快的速度將它們替換成系統默認字體，然后加上自帶的自動保存機制，文本中的字體設置就會變成默認字體，并且再也無法回去（即使這臺電腦后期安裝了這種字體，但也無法正常顯示，因為他們已經被替換為系統字體）。這是老版本的情況，大家應該都有印象。但是，在Sketch3.7版本中做了如下處理，在上面提到過的缺失字體的電腦上打開設計稿的時候，那么Sketch會保留這個字體的屬性，直到你手工修改了這個圖層。從另一個層面的意義就是，雖然這個文件被別人打開過了，你只要不去修改它，那么文件內字體的默認屬性還是存在的，設置為什么字體，就還是什么字體。

這個特性并不是說，在缺失字體的電腦上，這個字體也可以看起來跟你的初衷一模一樣了，Sketch只不過是保留了字體屬性，并不是字體外觀。

Sketch Measure已經率先支持3.7版本sketch

經過Utom的努力，sketch measure已經率先支持3.7的symbol屬性標注，歡迎至?https://github.com/utom/sketch-measure下載更新

附表：靜電翻譯的Sketch3.7全部更新內容

全新的元件功能

1. 我們從頭至尾重新設計了sketch的元件功能。他們現在更加快速，并且可以在元件中嵌套元件，更新元件中的圖片等等功能。

2. 元件可以一層一層的嵌套，隨你所愿。

3. 如果元件中有圖片，你可以在屬性檢查器的Overrides面板替換圖片。

4. 元件中文本的替換更加靈活，同樣在右側屬性檢查器的Overrides面板可以直接替換元件里的文本內容。

5. 在文檔之間拷貝元件和樣式時，不會像之前一樣更新已存在的元件和樣式，新版本中，sketch會創建一個新的元件或者樣式。

其他的更新

1. 在Sketch3.7中創建和保存的文件在其他缺失字體的系統中打開的時候，字體外形仍然會得到保留。

2. 共享樣式現在不會自動同步，以確保減少意外被編輯的可能性。

3. 改善了創建網格面板的設計，減少使用之前設計而對用戶造成的疑惑。

4. Artboard也可以被解組（其實就是去掉Artboard而保留上面的內容）

5. 改善了對象分布功能。當我們不能全像素狀態均勻分布對象的時候，系統會問我們要怎么做。

6. 在圖層之間同步文本樣式的時候，現在同樣會原封不動的保持其他對象的基線位置。

7. 通過一個簡單的操作，就可以讓Artboard的尺寸適應其內容。

8. Sketch現在會記住不同窗口之間圖層列表欄的寬度（也就是說你在不同文件中使用了不同的圖層列表欄寬度，下次打開還是會保持這樣的寬度哦）

9. 當使用鍵盤按鍵的方式進入某個組的時候，會默認選擇最上邊的圖層（之前是最底部的圖層）

10. Sketch現在會默認記住某個文檔你是否打開了Page面板。

11. 更新了編輯矢量圖形時節點還有調節桿的樣式。

12. 插件腳本面板做了改善，支持語法高亮，調試，改善了撤銷功能。

性能優化

1. 改善了使用模糊圖層的性能表現

2. 優化了使用過多矩形的復雜文檔的性能表現

3. 優化了使用有角度漸變時sketch的性能表現

4. 優化了選擇畫布上多個圖層時的性能表現

5. 優化了在復雜的帶有蒙版和疊加屬性的畫布上進行縮放時的性能表現

6. 優化了在復雜的文檔中插入新圖層時的性能表現

7. 圖層列表的小幅優化調整

8. 改善了在鼠標經過文本圖層時藍色高亮選中行為的表現

SVG圖像的導出

1. SVG圖像導出現在支持單個文件的內外邊框和疊加模式

2. 改善了SVG圖像導出時陰影的精確度

3. 在導出SVG圖形時會包含圖片填充

4. Artboard的背景色同樣會被包含到SVG的導出文件中

5. 噪點填充（Noise Flii-sketch的一種圖層填充選項）也會在導出SVG時被包含

BUG修復

1. 修正了Masks菜單在某些情況下不能被選中的問題

2. 修正了當使用“文件>導出”時，你當前的選擇會被移動到附近的一個可導出圖層上的問題

3. 修正了在使用取色工具時會出現罕見崩潰的錯誤

4. 修正了在Artboard導出時，即使選擇了不包含artboard背景色，但背景色也會被包含進去的bug

5. 修正了在切片之外設置網格時引起的崩潰現象

6. 修正了在被遮罩圖層周圍創建Artboard時，這個Artboard在移動后不會被包含進去的問題

7. 修正了在圖形編輯狀態下插入圖片可能造成的崩潰問題

8. 修正了被重新設置大小的子路徑可能會被莫名其妙剪掉的問題

9. 修正了當向上或者向下級移動某個圖層后，鍵盤的delete鍵不工作的問題

10. 修正了當把整個頁面拷貝到其他文檔的時候，里邊的共享樣式和元件不能被復制過去的問題

11. 圖層列表上的預覽圖形現在可以被正確的顯示了

12. 修正了一個讓人感到疑惑的問題：當使用圖形編輯模式時，曲線調節桿有時候會影響多個圖形，有時候反而不會有此現象

13. 修正了關掉歡迎窗口后會引起Sketch崩潰的罕見問題

14. 修正了當你移動圖層的時候，Make Exportable按鈕會消失的問題

15. 修正了從Safari拷貝文本圖層時會引起文本圖層不正常的間距的問題

16. 修正了某些情況下圖層不能重新排列的問題

17. 修正了在粘貼圖層樣式時可能引起的崩潰

18. 修正了當在畫布上放置非法的內容的時候，sketch會停止工作的bug

歡迎關注靜電的公眾號：

【優設四月人氣過萬的好文】

使用素材站：
《實用干貨！11個人氣超高的設計素材匯總網站》

自學UI設計的正確姿勢：
《別著急學軟件！先掌握科學有效的UI設計自學姿勢（超全面）》

幽默有趣的前端小課堂：
《零基礎也能看懂！寫給設計師的前端小知識之網頁排版（附實戰）》

作者：@JingDesign

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量112萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com