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

【軟件特點(diǎn)】

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

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

強(qiáng)大的造型，多重陰影，多個(gè)填充，漸變，混合，模糊，噪點(diǎn)多...

靈活的布爾操作簡(jiǎn)單的圖形組合成復(fù)雜的形狀

畫(huà)板及切片出口多個(gè)圖像出一個(gè)單一的文件

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

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

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

向量和像素變焦，拉近與無(wú)限的矢量精度或個(gè)別像素

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

PDF，EPS和SVG的進(jìn)口和出口的支持

共享與鏈接圖層樣式的自動(dòng)更新彼此

功能強(qiáng)大，易于使用的矢量工具

【界面介紹】

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

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

如果你想在畫(huà)布中設(shè)置一個(gè)固定的畫(huà)框，你只需新建一個(gè)或多個(gè)新的畫(huà)板。舉個(gè)例子，設(shè)計(jì)移動(dòng)應(yīng)用界面時(shí)，很多設(shè)計(jì)師會(huì)為應(yīng)用的每一個(gè)屏都創(chuàng)建一個(gè)畫(huà)板，然后排列開(kāi)來(lái)以便查看。

你可以用無(wú)限精準(zhǔn)的分辨率無(wú)關(guān)模式來(lái)查看畫(huà)布，或者打開(kāi)像素模式來(lái)查看每一個(gè)像素導(dǎo)出成JPG或者PNG文件后的樣子。值得注意的是，有些效果——比如模糊——會(huì)自動(dòng)將畫(huà)布的一部分以像素模式顯示，因?yàn)槟：旧砭褪且粋€(gè)基于像素的效果。

檢查器

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



通用屬性

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

樣式屬性

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

圖層列表

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

多頁(yè)面操作

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

畫(huà)板

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

蒙版

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

布爾運(yùn)算

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

符號(hào)和共享式樣

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

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



工具欄

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

在默認(rèn)工具欄中，第一組工具是用來(lái)添加新圖層的：圖形、圖片、符號(hào)等等。

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

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

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

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

【簡(jiǎn)易指南】

1、開(kāi)始之前，看一下Sketch3的界面



2、Symbol標(biāo)志功能。

如果您使用過(guò)AdobeIllustrator，也許會(huì)接觸到symbol功能。這個(gè)功能的作用很簡(jiǎn)單：把一個(gè)圖標(biāo)或者一個(gè)背景等等設(shè)置為symbol后，你在一個(gè)地方修改這個(gè)圖標(biāo)或者背景，其他symbol會(huì)隨之改變。簡(jiǎn)單講就是：你變我也變。

3、我們從新建一個(gè)空白Artboard開(kāi)始。

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

把背景形狀和上方的標(biāo)題設(shè)置為symbol。

復(fù)制同樣一個(gè)Artboard，然后只把背景形狀和上方的標(biāo)題按住Alt拖過(guò)去。

接著，您可以改變嘗試改變標(biāo)題的文字。

注意觀察，另外一個(gè)Artboard上的標(biāo)題自動(dòng)變換成相同的標(biāo)題了。







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

5、文字格式功能

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



6、比如，新建一個(gè)標(biāo)題，然后修改好自己的樣式。

接著您可以點(diǎn)擊Createnewtextstyle，并且命名新的樣式。



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





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





9、當(dāng)然，您也可以管理自定義的樣式。



10、多平臺(tái)導(dǎo)出切圖

切圖作為一項(xiàng)繁瑣的設(shè)計(jì)工作，處理的其實(shí)很簡(jiǎn)單的問(wèn)題，就是導(dǎo)出不同尺寸和清晰度的圖像，給不同平臺(tái)，不同屏幕分比率。

11、舉一個(gè)簡(jiǎn)單的例子。新建了一個(gè)button，然后在右下方，點(diǎn)擊Export。

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





12、強(qiáng)大的UIkit

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





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

【更新日志】

更新到最新的cocoascript。

增加了插件的shouldkeeparound性能實(shí)驗(yàn)的支持。

修正了一個(gè)錯(cuò)誤，改變字體可能不更新字體重量彈出。

修正了一個(gè)錯(cuò)誤，矢量工具可以在錯(cuò)誤的畫(huà)板。

修正了一個(gè)錯(cuò)誤，布局網(wǎng)格重違約開(kāi)放。

修正了一個(gè)錯(cuò)誤，編輯一個(gè)文本層可使其位置跳。

修正了一個(gè)錯(cuò)誤，文本編輯時(shí)會(huì)消失。

修正了一個(gè)錯(cuò)誤，縮放和平移竟然會(huì)放大你1%。

修正了一個(gè)錯(cuò)誤，輸出層可能出口的不正確的寬度。

圍繞一個(gè)布局網(wǎng)格在畫(huà)板上的改進(jìn)。

小的性能改善時(shí)，拖動(dòng)對(duì)象的大型文件。

在復(fù)制多個(gè)對(duì)象的性能改進(jìn)。

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

修正了一個(gè)錯(cuò)誤，添加和拖動(dòng)一個(gè)指南將添加太多的撤消步驟。

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

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