我們將 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ū)域。

http://wiki.jikexueyuan.com/project/sketch-3/images/general-attributes.jpg" alt="" />

通用屬性

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

http://wiki.jikexueyuan.com/project/sketch-3/images/style-attributes.jpg" alt="" />

樣式屬性

邊框和填充屬性都有他們獨(dú)自的區(qū)域，你可以勾選左上方的小方框展開(kāi)他們，并顯示出具體的選項(xiàng)。如果你點(diǎn)擊顏色按鈕，你會(huì)發(fā)現(xiàn)檢查器滑倒一邊，出現(xiàn)新的專(zhuā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è)面的圖層。

http://wiki.jikexueyuan.com/project/sketch-3/images/multiple-pages.jpg" alt="" />

畫(huà)板

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

蒙版

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

http://wiki.jikexueyuan.com/project/sketch-3/images/masks.jpg" alt="" />

布爾運(yùn)算

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

http://wiki.jikexueyuan.com/project/sketch-3/images/boolean-operations.jpg" alt="" />

符號(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)于共享式樣。

http://wiki.jikexueyuan.com/project/sketch-3/images/symbols.jpg" alt="" />

工具欄

http://wiki.jikexueyuan.com/project/sketch-3/images/toolbar.png" alt="" />

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)添加工具和快捷鍵。