Sketch 是為圖標設計和界面設計而生的。它是一個有著出色 UI 的一站式應用。在 Sketch 中，畫布將是無限大小的，每個圖層都支持多種填充模式。Sketch為您提供了真正協作設計過程所需的所有工具。從早期創意到像素完美的藝術品、清晰原型以及與開發人員交接。

為了方便大家高效的使用sketch，下面小編將為您分享幾個公認強大的sketch高級功能，能很好地幫助大家高效的使用sketch

Sketch v89 最新版下載

其實很多sketch用戶效率低下，很大程度是因為沒有好好利用Sketch的高級功能造成的。學會高級功能才能真正提高UI設計師的設計效率，把時間花在重要的地方。

Sketch的強大功能主要集中在這5個方面：Symbol組件、Text style文字樣式、 Layer style圖層樣式、Library組件庫、Resizing智能縮放。

下面我們就一起簡單了解下。

高級功能一：Symbol組件。

Symbol是Sketch最最基礎，也是最最重要的一個功能。沒有了Symbol的Sketch就仿佛沒有了靈魂。

它的功能也很好理解，比如一個藍色按鈕，幾十個界面調用，現在老板任性地要求：藍色不好看，我們換個紅色的吧。如果我們使用了Symbol就很好辦了，不僅能一鍵換按鈕，甚至能通過兩三下操作更換整個界面顏色。

此外，通過Symbol組件我們還能實現很多有效率的功能，比如Symbol嵌套，通過嵌套能實現迅速更換icon。

高級功能二：Text style文字樣式

對于界面中的文字，很多設計師沒有全局性思維，想到什么文字就直接使用，字號、顏色、對齊方式、加粗都沒有統一的規劃，導致細節混亂。如果前期不管理好，那么后期遇到修改的時候就會發現給自己挖了一個很大的坑，還會給技術開發帶來困擾。

面對雜亂無章的文字，我們需要使用Text style來統一管理，建立起項目的文字規范。其實技術同學在開發之前，也會對文字提前進行樣式整理，我們UI設計師也需要使用技術的思維去設計界面。

高級功能三：Layer style圖層樣式

同Text style類似，Layer style主要是管理我們UI項目中的各種圖層樣式。比如描邊、陰影、常用顏色等等。

舉個例子，一個圖標需要不同的狀態顏色，按照傳統的做法，我們需要制作圖標1、圖標2、圖標3等Symbol，這樣會造成組件的重復，維護起來非常不方便。

 那么使用Layer style后，顏色就變成了一個可全局調用的樣式，我們只需要做一個圖標Symbol，需要什么顏色直接調用即可，大大減少了工作量，以及降低了樣式錯亂風險。

高級功能四： Library組件庫

以上的Symbol、Text style、Layer style共同組成了Library組件庫。其實Library可以簡單地理解為一個UI規范，這個UI規范定義了項目的顏色、文字、圖標以及各種組件，我們在設計的同時需要嚴格遵守和調用，這樣才能保證一個項目具有一個完整的、統一的視覺語言。

同時Library也包含了原子化的設計思路，原子-分子-組織-模板-頁面這五個部分共同組成了一個項目的基礎。

此外Library也可以通過一些方法共享給其他設計師。也許你所在的公司需要多位設計師共同設計一個項目，在如何保持風格統一、如何調用組件、如何同步更新的問題上，可以采用Library的共享功能，打造自己團隊的Library庫。

高級功能五： Resizing智能縮放

Resizing與上面四個定位于組件樣式的功能不同，它主要解決了響應式式設計的一些問題。通過Pin to Edge 和Fix Size兩功能的配合實現多種響應式布局，讓界面設計更加靈活。

在以前的PS時代，拉伸是屬于破壞性的一種操作，我們在遇到樣式一樣、寬度不一樣的組件時，只能重新建立一個新組件，這就造成了樣式重復。而這在前端的面前都不是事兒，只需要改變寬度，內部使用的float、position等屬性就可以發揮響應式作用，實現組件的復用。Resizing其實就是賦予組件響應效果的。

不使用Resizing，拉伸后，里面的組件會被破壞。 通過Resizing功能，我們就可以實現下面這種非破壞性拉伸效果。

以上五大功能還離不開一個最最基本的屬性，就是命名和分組，這也是眾多設計師容易忽略的兩個點。在設計一個項目的時候，命名和分組其實在無形之中占用了我們相當多的時間。如何通過命名和分組提高設計效率，也成為一個UI設計師所必須解決的問題，同時也歡迎踴躍嘗試，有問題可以及時提出來喲~

慧都為您提供Sketch正版代理授權

歡迎，了解有關sketch更多產品動態