為什么要寫這個(gè)教程
今年抬伺，我在舊金山舉行的大會(huì)上擔(dān)任用戶體驗(yàn)設(shè)計(jì)課程的助教屏鳍。我在互聯(lián)網(wǎng)上搜索了絕對(duì)初學(xué)者的素描教程踊淳，但是沒(méi)有提到任何覆蓋所有基礎(chǔ)知識(shí)而沒(méi)有提到Photoshop楼入。所以我參加了一個(gè)研討會(huì)彰居，為學(xué)生們制作了這個(gè)教程。
本教程將教您Sketch 3的絕對(duì)基礎(chǔ)知識(shí)窜觉，無(wú)論您是否具有設(shè)計(jì)背景是复。第1部分（您現(xiàn)在正在閱讀的內(nèi)容）側(cè)重于畫板和基本形狀創(chuàng)建，第2部分介紹圖層和文本樣式竖螃，第3部分介紹符號(hào)和導(dǎo)出。讓我們開(kāi)始吧逗余！
創(chuàng)建畫板
首先特咆，確保安裝了Sketch 3。單擊“文件”>“新建”創(chuàng)建新文檔。當(dāng)您看到空白屏幕時(shí)腻格，請(qǐng)?jiān)谧笊辖遣榭础安迦搿辈藛位啊４瞬藛伟瑒?chuàng)建新圖層所需的所有工具。
首先創(chuàng)建一個(gè)類似于畫布的畫板菜职。您選擇的大小決定了導(dǎo)出圖像的最終尺寸青抛。
選擇Artboard工具后，您可以像這樣手繪繪制畫板：
或者您可以查看右側(cè)的“檢查器”列酬核。如您所見(jiàn)蜜另，有幾種不同設(shè)備尺寸的預(yù)設(shè)尺寸。我選擇了iPhone 5嫡意。
注意：如果您需要調(diào)整畫板的大小举瑰，只需選擇其名稱并拖動(dòng)顯示在角落上的白色框。
Sketch使產(chǎn)品設(shè)計(jì)變得非常簡(jiǎn)單蔬螟。
如果你想看整個(gè)畫布怎么辦此迅？讓我們嘗試使用位于屏幕頂部的工具進(jìn)行縮小。
您也可以通過(guò)選擇“視圖”>“中心畫布”或使用快捷鍵?+ 1來(lái)執(zhí)行此操作
添加形狀
現(xiàn)在您的畫板完全可見(jiàn)旧巾，讓我們添加一個(gè)矩形耸序。位于“插入”>“形狀”>“矩形”中。
我在畫板的頂部做了一個(gè)細(xì)條鲁猩，就像移動(dòng)應(yīng)用程序中的導(dǎo)航欄一樣坎怪。
接下來(lái)，找到右側(cè)菜單绳匀，官方稱為“檢查員”芋忿。這里有一個(gè)“邊框”部分，帶有一個(gè)復(fù)選框疾棵。取消選中它以刪除默認(rèn)邊框戈钢。
我們還可以更改邊框上方部分的填充。我使用＃104F??8A是尔。您可以在吸管圖標(biāo)下方的框中輸入此數(shù)字殉了。
請(qǐng)注意，如果單擊填充窗口底部的+號(hào)拟枚，則可以保存此顏色樣本以供日后使用薪铜！
