在第二吗铐、第三期，我們介紹了一些常用工具的使用方法杏节，是時(shí)候需要開始正式的創(chuàng)作了唬渗；但是，在創(chuàng)作之前奋渔，畫布和Artboard（畫板）的這些镊逝，我們還需要大概了解。本期將具體介紹兩者的用法嫉鲸，包括標(biāo)尺蹋半、定位線、柵格線以及自帶的Artboard模板使用。
注：玩轉(zhuǎn)Sketch系列教程適用于Sketch44或者更高級(jí)的版本减江。
1.畫布
（1）什么是畫布染突？
在Skech中，畫布就是創(chuàng)作的區(qū)域辈灼，它是向四周無限延伸的份企，我們可以第一時(shí)間把創(chuàng)意想法在畫布上實(shí)現(xiàn)，而不用受到創(chuàng)作區(qū)域限制巡莹，就像拿出草稿紙來記錄一樣簡單司志，要知道，作為設(shè)計(jì)師降宅，靈感總是一瞬間的骂远。
（2）標(biāo)尺和定位線
在畫布的左側(cè)和上方，可以看到標(biāo)記有數(shù)字的標(biāo)尺（Rulers）腰根，上面的數(shù)字可以簡單理解為像素（px）激才，可以輔助我們進(jìn)行原型設(shè)計(jì)，例如一般網(wǎng)站寬度是1200px额嘿，那么我們可以在0-1200之間進(jìn)行創(chuàng)作瘸恼。
說到標(biāo)尺，就不得不提到定位線册养，定位線可以幫助我們限制創(chuàng)作區(qū)域的大小东帅，例如iPhone的畫面尺寸。鼠標(biāo)移動(dòng)在標(biāo)尺的刻度上球拦，即可看到定位線靠闭，在任意刻度上點(diǎn)擊即可添加一條定位線。刪除的方式也比較簡單坎炼，在標(biāo)尺上阎毅，鼠標(biāo)按住定位線，拖動(dòng)至水平点弯、垂直標(biāo)尺交叉處松開即可扇调。
（3）畫布的縮放
最后，我們可以通過觸控板或者工具欄放大鏡工具等比例縮放畫布抢肛，方便我們做像素級(jí)的修正或者查看原型整體效果狼钮。
2.Artboard（畫板）
（1）Artboard（畫板）是什么赫编？
從上文我們知道煤痕，畫布是無限延伸的双炕，但是往往很多時(shí)候我們需要在一個(gè)固定的區(qū)域進(jìn)行創(chuàng)作科展，這個(gè)時(shí)候我們就需要在畫布上面增加一個(gè)或者多個(gè)Artboard（畫板）了。添加的方法比較簡單向图，可以通過快捷工具欄“Artboard”或者“Insert”-“Artboard”（快捷鍵A）在畫布中插入一個(gè)畫板晾咪。畫板的大小可以通過鼠標(biāo)拖動(dòng)邊緣來調(diào)整碟嘴，或者通過檢查器的寬度（Width）和高度（Height）進(jìn)行調(diào)整。
（2）使用自帶Artboard模板
Sketch中自帶部分各平臺(tái)產(chǎn)品頁面的Artboard模板鼓拧，方便我們使用各平臺(tái)的尺寸規(guī)范來進(jìn)行設(shè)計(jì)半火。具體引用方法是，插入Artboard時(shí)季俩，在檢查器中選擇我們需要的Artboard模板即可钮糖，支持豎屏和橫屏，十分的貼心酌住。
Artboard自帶模板包括Apple設(shè)備店归、谷歌的Material Design、Web網(wǎng)站酪我、Paper（紙張）尺寸消痛，基本滿足我們的設(shè)計(jì)要求。
（3）Artboard的應(yīng)用
我們可以為產(chǎn)品的每一頁面（例如APP每個(gè)應(yīng)用頁面）新增一個(gè)畫板都哭，通過排列來方便查看各頁面的情況秩伞。
但在實(shí)際應(yīng)用中，不建議單獨(dú)頁面用一個(gè)Artboard质涛，因?yàn)椴煌珹rtboard之間無法通過線條來進(jìn)行連接稠歉，如果我們需要通過線條來表明頁面之間的跳轉(zhuǎn)關(guān)系的話掰担。正確做法是汇陆，在同一個(gè)Artboard中使用方框來區(qū)分頁面，即可用連接線表明頁面的跳轉(zhuǎn)關(guān)系带饱。
（4）Artboard的其他設(shè)置
選中一個(gè)Artboard毡代，我們可以看到檢查器有兩個(gè)復(fù)選項(xiàng)，分別是Adjust content on resize和Background color勺疼。
首先是Adjust content on resize教寂，大致意思是，內(nèi)容自適應(yīng)Artboard的大小變化执庐，見下圖酪耕，勾選后，Artboard中的內(nèi)容會(huì)隨著Artboard的大小調(diào)整而相應(yīng)調(diào)整比例轨淌。
然后是Background color迂烁，即設(shè)置Artboard的背景顏色。下方的include export递鹉，意思是包含導(dǎo)出盟步，導(dǎo)出Artboard時(shí)，會(huì)使用當(dāng)前設(shè)置的背景顏色躏结。
