Sketch 編組

Sketch編組

除了圖形、圖片、文本這樣的基本圖層之外，Sketch 還有一些可以幫助你管理和展現(xiàn)導(dǎo)出的特殊圖層。

組

你可以對(duì)多個(gè)圖層進(jìn)行 編組 ，并呈現(xiàn)為一個(gè)圖層。你可以移動(dòng)和縮放組，同時(shí)也可以進(jìn)入組修改每一個(gè)獨(dú)立的圖層。

Sketch 當(dāng)中的編組工具是非常強(qiáng)大的，因?yàn)槎鄠€(gè)組可以再次建為新的組，一起移動(dòng)或者改變大小。當(dāng)你改變一個(gè)組的大小時(shí)，組當(dāng)中的內(nèi)容也會(huì)相應(yīng)的擴(kuò)大。如果這個(gè)組中包含文本信息，那么文本的字體也會(huì)跟著擴(kuò)大。

想要?jiǎng)?chuàng)建組，你需要先選中一個(gè)或多個(gè)圖層，然后單擊菜單欄中的編組圖標(biāo)，Sketch 便會(huì)為你創(chuàng)建一個(gè)包含所選圖層的組，你當(dāng)然也可以直接在圖層列表里拖拽圖層，移動(dòng)到不同的組里去。

編輯群組

當(dāng)你選中了一個(gè)組，你可以雙擊它去查看和編輯里面的內(nèi)容，比如在組內(nèi)移動(dòng)單個(gè)圖層或者直接新建圖層。如果你選中了組外的任一對(duì)象，Sketch 會(huì)自動(dòng)跳出組以便你選擇文件當(dāng)中的其他圖層。這時(shí)如果你再選擇某一組中的一個(gè)圖層，Sketch 會(huì)自動(dòng)幫你選中整個(gè)組。這和我們創(chuàng)作圖形時(shí)的子路徑是一樣的。

直接選擇

默認(rèn)下，你需要先雙擊選中組，再單擊選中組里的圖層。但是如果你按住 command鍵，你便可以進(jìn)入組，直接選擇想要的圖層。

如果你只想將編組工具用于組織圖層列表，而不想每次都先雙擊，你可以勾選編組檢查器中的 直接選擇 (Click-through when selecting) 選項(xiàng)。你也可以在通用偏好設(shè)置中這樣定義新建的編組。

畫(huà)板

Sketch里的畫(huà)板是在無(wú)限的畫(huà)布中的一塊固定大小的畫(huà)框，這些畫(huà)板完全是可選擇的。當(dāng)你的文件中包含畫(huà)板的時(shí)候，畫(huà)板之外的部分會(huì)變暗，這樣你就可以很清晰的看到什么在畫(huà)板中，什么不在畫(huà)板中。

如果你設(shè)計(jì)網(wǎng)頁(yè)，你會(huì)想針對(duì)不同大小的屏幕進(jìn)行設(shè)計(jì)，這時(shí)你就可以將每一個(gè)屏幕尺寸設(shè)定為一個(gè)畫(huà)板。如果你設(shè)計(jì)圖標(biāo)，你會(huì)想限制自己在默認(rèn)的圖標(biāo)尺寸中創(chuàng)作，你同樣可以將不同的圖標(biāo)尺寸設(shè)定為畫(huà)板。

畫(huà)板會(huì)有一點(diǎn)像一個(gè)特殊的組，他們永遠(yuǎn)是開(kāi)放的狀態(tài)，你不用雙擊它以查看內(nèi)容。畫(huà)板的大小也不會(huì)隨著內(nèi)容增多而自動(dòng)擴(kuò)展，如果你已經(jīng)給畫(huà)板設(shè)定了一個(gè)固定大小，那么這個(gè)尺寸一直保留，直到你再次更改它。

添加畫(huà)板

想添加新的畫(huà)板，進(jìn)入工具欄中的 添加 > 畫(huà)板 （Insert > Artboard）， 檢查器會(huì)顯示出一些常用的畫(huà)板尺寸，比如 iOS設(shè)備屏幕，常用寬度的網(wǎng)頁(yè)，以及圖標(biāo)。

單擊一個(gè)預(yù)設(shè)的畫(huà)板，將它添加至畫(huà)布中，或者單擊畫(huà)板預(yù)設(shè)的頂端欄，將所有預(yù)設(shè)畫(huà)板都置入畫(huà)布，你也可以在檢查器底部添加自己的預(yù)設(shè)畫(huà)板。

如果你想添加多個(gè)剛才置入的新畫(huà)板，可以按 command + D 的快捷鍵來(lái)重復(fù)添加畫(huà)板。

移動(dòng)畫(huà)板

如果一個(gè)畫(huà)板中已經(jīng)有內(nèi)容了，Sketch就不會(huì)讓你直接選中這個(gè)畫(huà)板，這樣你在建立大的選區(qū)時(shí)不必?fù)?dān)心選中了畫(huà)板。但有時(shí)候我們還是有移動(dòng)畫(huà)板的需求。

你可以直接在圖層列表中選中畫(huà)板，然后在畫(huà)布上拖拽，或是在檢查器中更改它的位置和大小。

你也可以直接在畫(huà)布上單擊拖拽某一畫(huà)板的名字，來(lái)移動(dòng)它。

網(wǎng)格和標(biāo)尺

每一個(gè)畫(huà)板都是在畫(huà)布上相對(duì)獨(dú)立的創(chuàng)作空間，所以每個(gè)畫(huà)板都有自己的標(biāo)尺和網(wǎng)格選項(xiàng)。當(dāng)你在一個(gè)畫(huà)布上創(chuàng)作不同大小的畫(huà)板時(shí)，這一點(diǎn)就會(huì)非常有用——比如響應(yīng)式設(shè)計(jì)下每個(gè)斷點(diǎn)的畫(huà)板。

模板

另一個(gè)了解畫(huà)板功能的例子就是我們包含在 Sketch 中的模板了，進(jìn)入 文件 > 從模板新建 （File > New from Template）,如果你選擇了 “Mac App Icon” 的模板，你就會(huì)看見(jiàn)我們?yōu)槊糠N常用尺寸都創(chuàng)建好了畫(huà)板。

頁(yè)面

一個(gè) Sketch 文件內(nèi)可以包含多個(gè)頁(yè)面。與其一個(gè)頁(yè)面一個(gè)文件，不如將多個(gè)相關(guān)頁(yè)面放在一個(gè) sketch 文件中，這樣的好處很多，比如說(shuō)符號(hào)和共享式樣將在頁(yè)面中通用。另一個(gè)多頁(yè)面的好處就是，雖然每個(gè)頁(yè)面都可以輕松的編輯12個(gè)畫(huà)板，但是取決于不同的內(nèi)容、大小和數(shù)量，你會(huì)發(fā)現(xiàn)把過(guò)多的畫(huà)板分布在多個(gè)頁(yè)面中會(huì)高效很多。