Sketch 界面

界面

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

Sketch 里沒有浮動面板，檢查器將會根據(jù)你選中的工具來顯示所需控件，這樣你能始終不受打擾的在畫布上創(chuàng)作。

畫布

Sketch 的畫布尺寸是無限的，可以向任意方向無限延伸，你將擁有絕對的自由來規(guī)劃自己的創(chuàng)作區(qū)域。

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

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

檢查器

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

通用屬性

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

樣式屬性

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

圖層列表

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

多頁面操作

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

畫板

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

蒙版

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

布爾運(yùn)算

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

符號和共享式樣

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

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

工具欄

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

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

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

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

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

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