鍍金池/ 教程/ iOS/ 畫(huà)板 - Artboards
圖形制作
結(jié)語(yǔ)
模板 - Templates
相差
上手
圖像導(dǎo)出
旋轉(zhuǎn)副本
剪刀
操作桿
基礎(chǔ)形狀
貝塞爾曲線
圖形合并
PDF
直線圖形
填充、輪廓
PNG
給iOS開(kāi)發(fā)者的Sketch入門(mén)教程
在應(yīng)用中,往往用戶(hù)頭像都圓形邊框的。為了達(dá)到這種效果,我們將使用蒙版功能,這和相差功能很類(lèi)似。但是,這不是從內(nèi)掏空,而是從外延切
自定義圖標(biāo)
融合
畫(huà)板 - Artboards
開(kāi)始
復(fù)制,粘貼
矢量工具
圖層列表

畫(huà)板 - Artboards

你可以在Sketch這個(gè)無(wú)限大的畫(huà)布上繪制你想要的任何圖形,如果你要展現(xiàn)多個(gè)App屏幕的內(nèi)容,那就要通過(guò)畫(huà)板這個(gè)東西。畫(huà)板組織一個(gè)固定的畫(huà)布圖層。當(dāng)你導(dǎo)出畫(huà)板,所有的圖層將會(huì)合并成一個(gè)單一的文件。這里可以把它看做成Xcode里一個(gè)Storyboard的控制器場(chǎng)景(ViewController Scenes)。

通過(guò)執(zhí)行以下步驟來(lái)創(chuàng)建一個(gè)新的畫(huà)板:

  • 拖動(dòng)畫(huà)布,移動(dòng)到一個(gè)空白區(qū)域。
  • 從左上方第一個(gè)功能按鈕Insert,單擊選擇Artboard。
  • 在出現(xiàn)的右窗格中,選擇iPhone6尺寸。

注意:你看到的這個(gè)教程的UI模板可能會(huì)低于你所使用的版本,某些UI控件或者元素的位置可能會(huì)有不同,但這并不影響本教程的學(xué)習(xí)。

創(chuàng)建之后你應(yīng)該能看到一個(gè)叫做iPhone6的空白畫(huà)板。默認(rèn)情況下,新創(chuàng)建的畫(huà)板將把它周?chē)杂筛?dòng)的元素也都包含進(jìn)去。這樣肯定就煞筆了,所以我們還是按照上面的步驟,把默認(rèn)的模板滾到別的地方,中間留出空白區(qū)域用于創(chuàng)建我們所需要的畫(huà)板。 只要你爽,畫(huà)板你想添加多少都行。SketchiPhone,Apple Watch,甚至iPad Pro的尺寸。如果你點(diǎn)錯(cuò)或者不想使用這個(gè)畫(huà)板,選擇刪除即可,不用想太多。

注意:如果你想要任意大小的畫(huà)板,你可以Insert\Artboard,隨便選擇一個(gè)畫(huà)板,任意拖動(dòng)大小即可,至于命名,在左邊的文件組織列表欄里把畫(huà)布所在的分組欄重命名即可。