Sketch 里的畫布尺寸是無限的。你可以用無限精準(zhǔn)的分辨率無關(guān)模式來查看畫布,或者打開像素模式來查看每一個像素導(dǎo)出后的樣子。
如果你想在畫布中設(shè)置一個固定的邊框,你可以直接用畫板 (Artboard) 工具創(chuàng)造一個新的畫板。
畫布中的導(dǎo)航是非常容易的,你可以直接用鼠標(biāo)滾輪滑動或者電腦的觸摸板來控制方向。你還可以按住空格鍵,來使用抓手工具移動畫布。并且,沒有任何對象被選中的時候,你可以用方向鍵來移動畫布。
值得注意的是,Page Up/Page Down 是用來在頁面當(dāng)中切換的。
我們有一些列的快捷鍵來幫助你放大查看畫布或?qū)ο?,你也可以按?command 鍵并滾動鼠標(biāo)滾輪來放大查看。
最后,你還能用 Z 鍵來快速放大某一特定區(qū)域,單擊畫布任一點拖拽出矩形區(qū)域即可。
在 Sketch 里,你可以用來你兩種方式來查看你的作品,具體用哪一種則取決于你的創(chuàng)作了。這兩種模式可以在 視圖 > 顯示/隱藏像素網(wǎng)格 (View > Show/Hide Pixel Grid) 當(dāng)中切換。值得注意的是,當(dāng)你用 100% 的尺寸(圖片的實際尺寸)來查看時,這個兩個模式看起來是沒有任何區(qū)別的,只有當(dāng)你放大圖片時,才會顯示。
如果你很在意作品中每一個像素看起來的樣子,那么這個像素模式就非常是你的菜。你所看到的就相當(dāng)于,先把這張圖到處為 PNG 格式再在 MAC 自帶的“預(yù)覽”應(yīng)用中放大查看。
如果你不太在意這些那么傳統(tǒng)的模式會更適合你,就算你放大,所有的圖形也依然會有順滑的曲線。
有時你會發(fā)現(xiàn)你無法退出像素模式,這是因為有些圖層效果(模糊和色彩校正)必需在像素基礎(chǔ)上工作。這就意味著,想要展現(xiàn)這些效果,你必須先柵格化圖形然后再添加濾鏡,也就是說,雖然矢量預(yù)覽不再適用,但我們可以強制顯示像素預(yù)覽。
當(dāng)你無法退出像素模式時,Sketch 會彈出對話框告訴你具體是哪一個圖層在阻止你,如果你正在創(chuàng)作一個非常大的文件,這將會幫你節(jié)省不少時間。
Sketch 里的這幾個工具能幫你把圖層準(zhǔn)確的放在理想的位置,是沿著網(wǎng)格還是沿著一條直線,又或者是在另兩個圖層正中間。
自動參考線在 Sketch 的默認(rèn)設(shè)置中是被打開的,你可以同時按住 control 鍵和 L 鍵來關(guān)閉它。當(dāng)你在調(diào)節(jié)一個圖層的大小或者移動一個圖層的位置時,Sketch 會自動幫你把這個圖層與其他圖層對齊。如果 Sketch 將某一圖層自動與另一圖層對齊,你會看見一條紅線,兩個圖層便依據(jù)這條紅線對齊。
Sketch 當(dāng)中的標(biāo)尺在默認(rèn)設(shè)置中是被隱藏起來的。就像我們說的,Sketch 里的畫布是無限的,所以標(biāo)尺也并不是固定的。你可以任意拖動標(biāo)尺來設(shè)置自己的起始點。
你可以在標(biāo)尺上任一處雙擊鼠標(biāo),便可以添加手動參考線,只要標(biāo)尺是被顯示的,這些手動參考線也會一直被顯示。想移動標(biāo)尺,你需要在標(biāo)尺里按住鼠標(biāo)拖拽。想要移動手動參考線,你需要在標(biāo)尺中選中參考線再拖拽。想要移除手動參考線,則需要把參考線拖出標(biāo)尺之外,噗的一聲便會消失。
你可以進(jìn)入 視圖 > 顯示網(wǎng)格 (View > Show grid) 來打開網(wǎng)格,在這里你還會看見 網(wǎng)格設(shè)置 (Grid Settings)的按鈕. Sketch 支持兩種不同的網(wǎng)格:規(guī)則網(wǎng)格和布局網(wǎng)格,你可以根據(jù)所進(jìn)行的創(chuàng)作來選擇適合的網(wǎng)格,這兩者的區(qū)別也非常顯而易見:
規(guī)則網(wǎng)格可以調(diào)節(jié)小方塊的大小以及粗線條出現(xiàn)的頻率,默認(rèn)的規(guī)則網(wǎng)格是由長度為 20px 的小方塊組成的,每 10 個小方塊出現(xiàn)一條粗線條。
在布局網(wǎng)格里,你可以改變頁面的總寬度,以及所含多少個縱列。同時你也可以修改每一個橫排的高度和縱列的寬度, 同時還有針對空白的選項。
Sketch 會盡力將網(wǎng)格放在畫布的正中間,不過一旦畫布大小發(fā)生改變,網(wǎng)格可能就不在正中間了,這時候你只需要按下 “Center” 鍵就可以讓網(wǎng)格對齊到畫布中心。
Sketch 有一個超棒的內(nèi)置工具,來確保你創(chuàng)作的內(nèi)容都能整齊排列。這對與那些收到 Sketch 設(shè)計稿的開發(fā)人員來說也是個福音,他們可以輕松的查看每個元素之間的精確距離。
當(dāng)你按住鍵盤上的 option 鍵,Sketch 會幫你顯示出你已選中的圖層和你的鼠標(biāo)現(xiàn)在所懸浮的圖層之間的距離,一個簡單的圖例便能說明。
http://wiki.jikexueyuan.com/project/sketch-3/images/measurements.jpg" alt="" />
同樣的,在移動一個對象時,移動到和另外兩個對象的距離相等,Sketch 也會給你提示。
http://wiki.jikexueyuan.com/project/sketch-3/images/distances.jpg" alt="" />
同樣的,如果你在調(diào)節(jié)一個圖層的大小,Sketch 也會幫你顯示出具有相同長度或?qū)挾鹊膱D形的數(shù)據(jù)。
http://wiki.jikexueyuan.com/project/sketch-3/images/resize.png" alt="" />