Sketch畫布

Sketch 里的畫布尺寸是無(wú)限的。你可以用無(wú)限精準(zhǔn)的分辨率無(wú)關(guān)模式來(lái)查看畫布，或者打開像素模式來(lái)查看每一個(gè)像素導(dǎo)出后的樣子。

如果你想在畫布中設(shè)置一個(gè)固定的邊框，你可以直接用畫板 (Artboard) 工具創(chuàng)造一個(gè)新的畫板。

導(dǎo)航

畫布中的導(dǎo)航是非常容易的，你可以直接用鼠標(biāo)滾輪滑動(dòng)或者電腦的觸摸板來(lái)控制方向。你還可以按住空格鍵，來(lái)使用抓手工具移動(dòng)畫布。并且，沒(méi)有任何對(duì)象被選中的時(shí)候，你可以用方向鍵來(lái)移動(dòng)畫布。

值得注意的是，Page Up/Page Down 是用來(lái)在頁(yè)面當(dāng)中切換的。

放大

我們有一些列的快捷鍵來(lái)幫助你放大查看畫布或?qū)ο?，你也可以按?command 鍵并滾動(dòng)鼠標(biāo)滾輪來(lái)放大查看。

最后，你還能用 Z 鍵來(lái)快速放大某一特定區(qū)域，單擊畫布任一點(diǎn)拖拽出矩形區(qū)域即可。

像素縮放

在Sketch里，你可以用來(lái)你兩種方式來(lái)查看你的作品，具體用哪一種則取決于你的創(chuàng)作了。這兩種模式可以在 視圖 > 顯示/隱藏像素網(wǎng)格 (View > Show/Hide Pixel Grid) 當(dāng)中切換。值得注意的是，當(dāng)你用100%的尺寸（圖片的實(shí)際尺寸）來(lái)查看時(shí)，這個(gè)兩個(gè)模式看起來(lái)是沒(méi)有任何區(qū)別的，只有當(dāng)你放大圖片時(shí)，才會(huì)顯示。

如果你很在意作品中每一個(gè)像素看起來(lái)的樣子，那么這個(gè)像素模式就非常是你的菜。你所看到的就相當(dāng)于，先把這張圖到處為PNG格式再在MAC自帶的“預(yù)覽”應(yīng)用中放大查看。

如果你不太在意這些那么傳統(tǒng)的模式會(huì)更適合你，就算你放大，所有的圖形也依然會(huì)有順滑的曲線。

強(qiáng)制像素預(yù)覽

有時(shí)你會(huì)發(fā)現(xiàn)你無(wú)法退出像素模式，這是因?yàn)橛行﹫D層效果（模糊和色彩校正）必需在像素基礎(chǔ)上工作。這就意味著，想要展現(xiàn)這些效果，你必須先柵格化圖形然后再添加濾鏡，也就是說(shuō)，雖然矢量預(yù)覽不再適用，但我們可以強(qiáng)制顯示像素預(yù)覽。

當(dāng)你無(wú)法退出像素模式時(shí)，Sketch會(huì)彈出對(duì)話框告訴你具體是哪一個(gè)圖層在阻止你，如果你正在創(chuàng)作一個(gè)非常大的文件，這將會(huì)幫你節(jié)省不少時(shí)間。

標(biāo)尺，參考線，網(wǎng)格

Sketch里的這幾個(gè)工具能幫你把圖層準(zhǔn)確的放在理想的位置，是沿著網(wǎng)格還是沿著一條直線，又或者是在另兩個(gè)圖層正中間。

參考線

自動(dòng)參考線在Sketch的默認(rèn)設(shè)置中是被打開的，你可以同時(shí)按住 control 鍵和 L 鍵來(lái)關(guān)閉它。當(dāng)你在調(diào)節(jié)一個(gè)圖層的大小或者移動(dòng)一個(gè)圖層的位置時(shí)，Sketch會(huì)自動(dòng)幫你把這個(gè)圖層與其他圖層對(duì)齊。如果Sketch將某一圖層自動(dòng)與另一圖層對(duì)齊，你會(huì)看見一條紅線，兩個(gè)圖層便依據(jù)這條紅線對(duì)齊。

標(biāo)尺

Sketch當(dāng)中的標(biāo)尺在默認(rèn)設(shè)置中是被隱藏起來(lái)的。就像我們說(shuō)的，Sketch里的畫布是無(wú)限的，所以標(biāo)尺也并不是固定的。你可以任意拖動(dòng)標(biāo)尺來(lái)設(shè)置自己的起始點(diǎn)。

你可以在標(biāo)尺上任一處雙擊鼠標(biāo)，便可以添加手動(dòng)參考線，只要標(biāo)尺是被顯示的，這些手動(dòng)參考線也會(huì)一直被顯示。想移動(dòng)標(biāo)尺，你需要在標(biāo)尺里按住鼠標(biāo)拖拽。想要移動(dòng)手動(dòng)參考線，你需要在標(biāo)尺中選中參考線再拖拽。想要移除手動(dòng)參考線，則需要把參考線拖出標(biāo)尺之外，噗的一聲便會(huì)消失。

規(guī)則網(wǎng)格

你可以進(jìn)入 視圖 > 顯示網(wǎng)格 (View > Show grid) 來(lái)打開網(wǎng)格，在這里你還會(huì)看見 網(wǎng)格設(shè)置 (Grid Settings)的按鈕. Sketch支持兩種不同的網(wǎng)格：規(guī)則網(wǎng)格和布局網(wǎng)格，你可以根據(jù)所進(jìn)行的創(chuàng)作來(lái)選擇適合的網(wǎng)格，這兩者的區(qū)別也非常顯而易見：

規(guī)則網(wǎng)格可以調(diào)節(jié)小方塊的大小以及粗線條出現(xiàn)的頻率，默認(rèn)的規(guī)則網(wǎng)格是由長(zhǎng)度為20px的小方塊組成的，每10個(gè)小方塊出現(xiàn)一條粗線條。

布局網(wǎng)格

在布局網(wǎng)格里，你可以改變頁(yè)面的總寬度，以及所含多少個(gè)縱列。同時(shí)你也可以修改每一個(gè)橫排的高度和縱列的寬度, 同時(shí)還有針對(duì)空白的選項(xiàng)。

Sketch 會(huì)盡力將網(wǎng)格放在畫布的正中間，不過(guò)一旦畫布大小發(fā)生改變，網(wǎng)格可能就不在正中間了，這時(shí)候你只需要按下 “Center” 鍵就可以讓網(wǎng)格對(duì)齊到畫布中心。

測(cè)量

Sketch 有一個(gè)超棒的內(nèi)置工具，來(lái)確保你創(chuàng)作的內(nèi)容都能整齊排列。這對(duì)與那些收到 Sketch 設(shè)計(jì)稿的開發(fā)人員來(lái)說(shuō)也是個(gè)福音，他們可以輕松的查看每個(gè)元素之間的精確距離。

距離

當(dāng)你按住鍵盤上的 option 鍵，Sketch會(huì)幫你顯示出你已選中的圖層和你的鼠標(biāo)現(xiàn)在所懸浮的圖層之間的距離，一個(gè)簡(jiǎn)單的圖例便能說(shuō)明。

同樣的，在移動(dòng)一個(gè)對(duì)象時(shí)，移動(dòng)到和另外兩個(gè)對(duì)象的距離相等，Sketch也會(huì)給你提示。

同樣的，如果你在調(diào)節(jié)一個(gè)圖層的大小，Sketch也會(huì)幫你顯示出具有相同長(zhǎng)度或?qū)挾鹊膱D形的數(shù)據(jù)。