Sketch 是一款界面優(yōu)美和強(qiáng)大工具兼有的專業(yè)繪圖應(yīng)用，能夠滿足網(wǎng)頁、用戶界面、圖標(biāo)等的設(shè)計(jì)需求。無論是網(wǎng)頁設(shè)計(jì)或是圖標(biāo)的設(shè)計(jì)，在Sketch 中都能輕松設(shè)計(jì)圖層面板，且提供你可能需要的各種操作功能：多層式填充、漸變、噪點(diǎn)、混合模糊等功能。Sketch 還擁有布爾運(yùn)算來將混合多個(gè)形狀為更復(fù)雜的形狀。

新功能與改進(jìn)

Symbol 支持

共享元素，一次編輯，所有共用的地方全部生效，就像是 Photoshop 里的智能對(duì)象亦或者是flash中的共享元件，看到這里我不禁驚呆了，想想這是有多么的方便，字體的樣式、icon、各種圖層樣式等可能我只需要設(shè)置一次便可以輕松運(yùn)用于所有界面并且可以隨時(shí)更改，但生效范圍僅在每一個(gè) .sketch 文件中。

更加強(qiáng)力的導(dǎo)出功能

早年的版本僅可以導(dǎo)出 1x 和 2x 兩個(gè)版本的尺寸，而新版可以導(dǎo)出 0.5x、1x、2x、3x、512W 和 512H 的版本，同時(shí)還可以自定義不同尺寸的后綴，如果我們需要導(dǎo)出多種不同的版本則可以點(diǎn)擊右上角的“+”來添加不同的導(dǎo)出尺寸，相信這一點(diǎn)可以為我們的設(shè)計(jì)師小伙伴們解決不小的麻煩。

像素編輯支持全像素對(duì)齊

這一點(diǎn)我們可以在使用中輕松體會(huì)到，（隨便畫一個(gè)圓當(dāng)然這是放大到極限的，可以看出已經(jīng)處于像素對(duì)齊的狀態(tài)）如果你需要像素視圖模式來觀察你的作品可以按快捷鍵control+P來進(jìn)行切換。媽媽再也不用擔(dān)心像素對(duì)不齊了！

新的顏色選擇器

不用像以前那樣在很多地方選擇是純色填充還是漸變填充了，方便了很多。值得稱贊的是Sketch支持多種顏色填充模式疊加在一起，這一點(diǎn)我們可以通過點(diǎn)擊右上角的小“+”來實(shí)現(xiàn)。但依舊不支持不同的顏色配置（不同配置的畫板）。

內(nèi)置4 套模板

iOS App Icon、iOS UI Design、Mac App Icon、Web Design，App icon 模板會(huì)自動(dòng)生成全尺寸的 icon Artboard，可以方便的導(dǎo)出全尺寸 icon。iOS UI Design 內(nèi)置了知名的Teehan+Lax iOS 7 GUI for Sketch ，而 Web Design 則默認(rèn)是 Sketch Wireframing Kit，可以直接使用這些元素更快的做出可用原型。

位圖編輯功能

Sketch是一個(gè)矢量軟件，但是也添加了一點(diǎn)位圖編輯功能，當(dāng)我們導(dǎo)入位圖（.png）需要對(duì)它進(jìn)行編輯時(shí)，選中即可在右側(cè)的檢查器會(huì)出現(xiàn)對(duì)應(yīng)位圖編輯的屬性欄雖然很簡(jiǎn)陋但這夠用了不是么。

基于運(yùn)算的變形

業(yè)內(nèi)小伙伴都知道，我們?cè)谧鼋缑娴臅r(shí)候相當(dāng)一部分時(shí)間是耗在計(jì)算器上的，多平臺(tái)軟件的使用已經(jīng)讓我們疲于應(yīng)付，再加一個(gè)計(jì)算器如何？Sketch貼心的將計(jì)算器直接搬進(jìn)了Sketch。

智能測(cè)量

還記得PS中得智能參考線么，那種若有若無的感覺真是...太不好使了，在Sketch中智能參考線得到了徹底的強(qiáng)化。

我們只要移動(dòng)圖形，Sketch就可以非?？焖俚膸湍阕R(shí)別然后拉上智能參考線。

更重要的時(shí)我們只要只要按住 option 鍵，把鼠標(biāo)移到你想要知道距離的對(duì)象上，小伙伴們夢(mèng)寐以求的效果出現(xiàn)了。

快捷鍵

Sketch的快捷鍵和PS的有些許不同對(duì)于習(xí)慣了PS的童鞋可能需要重新適應(yīng)下，關(guān)于Sketch的快捷鍵有些許美中不足。

比如，不能在軟件內(nèi)自定義快捷鍵，有些快捷鍵比較奇葩像"v"表示鋼筆。好在我們可以在MAC中為Sketch自定義快捷鍵找到MAC系統(tǒng)偏好設(shè)置中的鍵盤點(diǎn)開找到應(yīng)用程序快捷鍵點(diǎn)點(diǎn)擊左下角的“+”來選擇應(yīng)用程序繼而添加我們需要的快捷鍵。

當(dāng)然這里僅僅只是一個(gè)介紹，僅僅只是Sketch眾多功能中的冰山一角，我們還有更多更詳細(xì)介紹以及Sketch的實(shí)例教程。

Sketch應(yīng)用開發(fā)團(tuán)隊(duì)Bohemian Coding這樣評(píng)價(jià) Sketch：“Sketch 是一個(gè)擁有美觀界面和強(qiáng)力功能的專業(yè)矢量繪圖軟件。我們打算為圖形設(shè)計(jì)者們構(gòu)建一個(gè)更好的應(yīng)用。不只是借鑒，而且是超越?！?/p>

第一篇 ?界面與工具介紹

sketch暫時(shí)還沒有中文版，所以這里給對(duì)英文不是特別好的同學(xué)帶來了福利。回歸正題首先介紹的是Sketch的界面。

Sketch的工作面板總的能分5個(gè)功能區(qū)，分別為： ? A 菜單欄、? B 工具欄、? C圖層欄、? D工作區(qū)、E、檢查器。

A 菜單欄

Sketch的菜單欄跟PS的一樣集中了該軟件所有的功能選項(xiàng)幾乎所有的操作都可以通過點(diǎn)擊菜單欄的選項(xiàng)來達(dá)到，相信大家一般不會(huì)選擇這樣做，我呢，則是悄悄的點(diǎn)開記住快捷鍵狠狠得操練一番，從此拋掉菜單欄。

B工具欄

Sketch的工具欄出現(xiàn)在屏幕的上方，與PS的固定工具欄有所區(qū)別，Sketch的工具欄可以一定程度上的自定義，童鞋們可以通過自定義調(diào)整出最適合自己的一套一般來說默認(rèn)的一套足矣。

C 圖層列表

Sketch的圖層功能與PS區(qū)別不大，值得一提的是它創(chuàng)建剪切蒙版的方式與PS的不一樣，在Sketch里選中蒙版（也就是最下面的圖層）按? Control+Cmd+M? 即可創(chuàng)建成功，如果需要解除剪切蒙版重復(fù)上述操作即可達(dá)到目的。

D 工作區(qū)

這里是Sketch的工作區(qū)，我們會(huì)在這里完成所有的視覺上的操作。Sketch吸收了AI的優(yōu)點(diǎn)，即可同時(shí)允許多個(gè)畫板的出現(xiàn)，不僅如此它還允許多個(gè)文件的創(chuàng)建。

E 檢查器

Sketch的檢查器是對(duì)PS右側(cè)檢查器的精簡(jiǎn)優(yōu)化，相當(dāng)于每個(gè)工具對(duì)應(yīng)的屬性設(shè)置區(qū)域。不同于PS的龐大復(fù)雜，Sketch的檢查器可以說是純?yōu)閁I量身打造，并且只有當(dāng)前圖層被選中它才會(huì)被激活并且顯示當(dāng)前圖層屬性，無疑這釋放了太多的界面空間。

Sketch的介紹今天就到這里，小伙們?nèi)绻信d趣的話，我們下期再見。