Sketch mac版是一款很新穎的矢量繪圖軟件。軟件頁面清爽、簡潔，功能多樣而強大，可以免費使用空間、菜單、調(diào)色板等功能，還完美支持布爾運算，符號和強大的標尺，可以幫助設計師快速的進行UI設計工作。

【軟件特點】

簡單但功能強大的接口，內(nèi)置的OSX的獅子和山獅

優(yōu)化的視網(wǎng)膜和非Retina顯示屏

強大的造型，多重陰影，多個填充，漸變，混合，模糊，噪點多...

靈活的布爾操作簡單的圖形組合成復雜的形狀

畫板及切片出口多個圖像出一個單一的文件

自動@2X出口的視網(wǎng)膜圖形

獨特的顏色（與RGB和HSB模式）和字體選擇器

美麗的原生文本渲染和文本樣式

向量和像素變焦，拉近與無限的矢量精度或個別像素

多站和徑向漸變編輯右側(cè)的畫布中。強大的所見即所得的渲染。

PDF，EPS和SVG的進口和出口的支持

共享與鏈接圖層樣式的自動更新彼此

功能強大，易于使用的矢量工具

【界面介紹】

我們將 Sketch 的界面設計的非常簡潔。最頂端的工具箱包含了最重要的操作。你可以用右側(cè)的檢查器來調(diào)整被選中圖層的內(nèi)容，左側(cè)的窗口則會列出文件中的所有圖層，中間當然就是你正在創(chuàng)作的畫布。

Sketch 里沒有浮動面板，檢查器將會根據(jù)你選中的工具來顯示所需控件，這樣你能始終不受打擾的在畫布上創(chuàng)作。
畫布
Sketch 的畫布尺寸是無限的，可以向任意方向無限延伸，你將擁有絕對的自由來規(guī)劃自己的創(chuàng)作區(qū)域。

如果你想在畫布中設置一個固定的畫框，你只需新建一個或多個新的畫板。舉個例子，設計移動應用界面時，很多設計師會為應用的每一個屏都創(chuàng)建一個畫板，然后排列開來以便查看。

你可以用無限精準的分辨率無關(guān)模式來查看畫布，或者打開像素模式來查看每一個像素導出成JPG或者PNG文件后的樣子。值得注意的是，有些效果——比如模糊——會自動將畫布的一部分以像素模式顯示，因為模糊本身就是一個基于像素的效果。

檢查器

右側(cè)的檢查器能讓你對正在編輯的圖層——有時是正在使用的工具——進行參數(shù)調(diào)整。當你選中一個圖層時，你會發(fā)現(xiàn)檢查器被劃分為幾個區(qū)域。



通用屬性

通用圖層式樣都在頂端區(qū)域：圖層所在位置，透明度，混合模式以及幾個特殊選項——比如調(diào)整矩形內(nèi)角半徑和多邊形的不同點模式。

樣式屬性

邊框和填充屬性都有他們獨自的區(qū)域，你可以勾選左上方的小方框展開他們，并顯示出具體的選項。如果你點擊顏色按鈕，你會發(fā)現(xiàn)檢查器滑倒一邊，出現(xiàn)新的專門的顏色檢查器，你只需要單擊頂端的“后退”按鈕便會回到主檢查器。當你選中了其他圖層，同樣會自動回到主檢查器。

圖層列表

圖層列表列出了所在頁面的所有圖層(和切片)，每個涂層都會有一個小小的預覽。你可以在這里：查看涂層是否被鎖定，不可見，使用了蒙板或標記為可導出；重新排列圖層，或者給圖層添加布爾運算，比如減去頂層形狀；對圖層進行建組或者重命名來管理他們。

多頁面操作

Sketch支持多頁面操作，你可以在圖層列表上面的按鈕里面添加/刪除或者轉(zhuǎn)換到其他頁面（或者用鍵盤上的 Page Up/Page Down來切換）。圖層列表始終只會顯示當前頁面的圖層。

畫板

在圖層列表里，有白色背景一欄的便是畫板，你可以把畫板視為設計中的頂層對象，所以一個畫板不能被嵌入另一個畫板。

蒙版

在圖層列表里，那些使用了蒙版的圖層名前會有一個小點，它的蒙版則是底下緊接著不帶小點的圖層。了解更多關(guān)于蒙版。

布爾運算

每個圖形都可以包含多個子路徑，他們會以組的形式呈現(xiàn)在圖層列表中，伴隨一個下拉箭頭顯示具體的子路徑。每一層子路徑都可以單獨設置布爾運算，決定和它的下一圖層以什么方式組合。圖層列表能清晰的展現(xiàn)子路徑的組合方式，同時方便你隨時調(diào)整更改。

符號和共享式樣

符號是一種特殊的組，他們可以出現(xiàn)在文件的多個地方。符號會以紫色文件夾圖標呈現(xiàn)在涂層列表中——正常編組則是藍色的文件夾。了解更多關(guān)于符號。

共享式樣可以使多個對象（圖形以及文本）的式樣保持一致，如果一個圖形或者一段文本使用了共享式樣，他們的預覽小圖標會顯示成紫色，而不是標準的灰色。了解更多關(guān)于共享式樣。



工具欄

Sketch 的工具欄涵蓋了你創(chuàng)作當中所需要的所有工具。

在默認工具欄中，第一組工具是用來添加新圖層的：圖形、圖片、符號等等。

編組 (Group) 和取消編組 (Ungroup) 能讓你有條例的組織文件。

接下來的幾個工具則都是用來編輯現(xiàn)有圖層：旋轉(zhuǎn) (Rotate)，變形 (Transform)， 通過布爾運算來合并圖層，以及在圖層列表中上移或下移圖層。

工具欄最后的導出(Export) 按鈕 同時也是一個切片工具，你可以在這將你的作品導出為一個或多個位圖或者矢量文件。

不同于其他繪圖應用，Sketch把常用工具放在頂端的工具欄，而不是垂直排列的工具箱，但如果需要，你可以通過右擊工具欄，進入“定制工具欄…” (Customize toolbar…) 來添加工具和快捷鍵。

【簡易指南】

1、開始之前，看一下Sketch3的界面



2、Symbol標志功能。

如果您使用過AdobeIllustrator，也許會接觸到symbol功能。這個功能的作用很簡單：把一個圖標或者一個背景等等設置為symbol后，你在一個地方修改這個圖標或者背景，其他symbol會隨之改變。簡單講就是：你變我也變。

3、我們從新建一個空白Artboard開始。

然后創(chuàng)建一個背景形狀，填充上顏色，寫上文字。

把背景形狀和上方的標題設置為symbol。

復制同樣一個Artboard，然后只把背景形狀和上方的標題按住Alt拖過去。

接著，您可以改變嘗試改變標題的文字。

注意觀察，另外一個Artboard上的標題自動變換成相同的標題了。







4、Symbol標志功簡化了我們很多步驟，如果每個artboard有些內(nèi)容是一樣的話，不需要一個一個修改每一個Artboard。

5、文字格式功能

Sketch3允許我們像keynote一樣自定義文本的格式，并其保存。



6、比如，新建一個標題，然后修改好自己的樣式。

接著您可以點擊Createnewtextstyle，并且命名新的樣式。



7、同樣的，可以新建一個段落樣式。





8、當您增加新的文本時，您可以直接應用剛才自定義的樣式，而不需要重復調(diào)整了，有點像word里面的格式刷功能。





9、當然，您也可以管理自定義的樣式。



10、多平臺導出切圖

切圖作為一項繁瑣的設計工作，處理的其實很簡單的問題，就是導出不同尺寸和清晰度的圖像，給不同平臺，不同屏幕分比率。

11、舉一個簡單的例子。新建了一個button，然后在右下方，點擊Export。

可以點擊加號來增加需要導出的尺寸和分辨率。retina屏幕需要加后綴@2x,這是為了iOS程序員開發(fā)過程中使用圖片素材帶來便利，可以保證這個button在retina屏幕或者非retina屏幕顯示一致。





12、強大的UIkit

Sketch3提供了mac，ios和web設計經(jīng)常需要用到的UIkit。kit是原件的意思，也就是說，設計師可以直接利用這些原件來做設計，不需要自己再去創(chuàng)建，簡化了重復繁瑣的步驟，讓設計師能更加專注于設計本身。





13、更重要的一點是，好的設計師如果用好的工具可以讓設計更加出色，簡化設計流程。但是設計師所有的價值，我個人覺得還是設計師本身和軟件無關(guān)，軟件只是現(xiàn)在這個互聯(lián)網(wǎng)社會，使用較多的一種媒介，我們的生活不應該迷失在其中，因為其實，我們身邊還有很多媒介，我們沒有好好的使用，比如紙和筆。

【更新日志】

更新到最新的cocoascript。

增加了插件的shouldkeeparound性能實驗的支持。

修正了一個錯誤，改變字體可能不更新字體重量彈出。

修正了一個錯誤，矢量工具可以在錯誤的畫板。

修正了一個錯誤，布局網(wǎng)格重違約開放。

修正了一個錯誤，編輯一個文本層可使其位置跳。

修正了一個錯誤，文本編輯時會消失。

修正了一個錯誤，縮放和平移竟然會放大你1%。

修正了一個錯誤，輸出層可能出口的不正確的寬度。

圍繞一個布局網(wǎng)格在畫板上的改進。

小的性能改善時，拖動對象的大型文件。

在復制多個對象的性能改進。

修正了一個錯誤，不透明的工具提示會覆蓋RGBA數(shù)。

修正了一個錯誤，添加和拖動一個指南將添加太多的撤消步驟。

修正了一個錯誤，調(diào)整artboards不會更新檢查員寬度/高度域。

提高了腳本支持的固定在某些情況下可能導致意外的腳本。