Sketch畢竟沒有什么學(xué)習(xí)曲線,頗易上手,相應(yīng)的也時(shí)常導(dǎo)致新手在一開始就忽略掉一些重要的、高頻的使用小技巧,而將一些稍許費(fèi)力耗時(shí)的方式一路沿用下去。今天AAA教育郭老師就針對(duì)UI設(shè)計(jì)中Sketch提高效率的常用技巧進(jìn)行簡(jiǎn)單的說明。
一、常用的形狀快捷鍵
Sketch 軟件和別的設(shè)計(jì)軟件一樣,提供了很多形狀繪制工具,這些工具的快捷鍵不用刻意去記,使用多了就會(huì)記住。
常用的比如:R(矩形)、O(圓形)、L(直線)等。
二、快速新建畫板 A
通過快捷鍵“A”可以快速新建畫板,可以選擇畫板大小和畫板類型。
三、快速切換填充/描邊
當(dāng)繪制出形狀圖形之后,為了更加快捷的進(jìn)行填充和描邊的切換,我們可以利用快捷鍵 “F” 快速切換是否填充狀態(tài),快捷鍵 “B” 快速切換是否描邊。
四、旋轉(zhuǎn)復(fù)制
1、畫出任意線/面/形狀,點(diǎn)旋轉(zhuǎn)復(fù)制;
2、填寫數(shù)量;
3、復(fù)制之后的形狀通過中間的手柄調(diào)成自己想要的角度;
4、為形狀給顏色,可以先給好單個(gè)顏色再旋轉(zhuǎn)復(fù)制,也可以復(fù)制完成以后選中所有單個(gè)形狀,進(jìn)行統(tǒng)一調(diào)整顏色。
五、虛線/表盤
1、畫好線的形狀(可以是直線/圓形/不規(guī)則線條);
2、調(diào)整線的值,比如線的寬給 20;
3、虛線的數(shù)值,比如給 2 是指每單個(gè)線段的寬度;
4、選中調(diào)顏色。
六、Sketch 的計(jì)算功能
在坐標(biāo)輸入框中,“加、減、乘和除”操作可以快速調(diào)整坐標(biāo)。
七、快速切換視圖
【Command + 0】在100%大小下看設(shè)計(jì)效果,方便一比一預(yù)覽設(shè)計(jì)效果。
【Command + 1】完整顯示頁面里的所有內(nèi)容。
【Command + 2】把選中的元素放大到適合屏幕尺寸大小。
【Command + 3】把選中的元素顯示在屏幕中央。
八、快速移動(dòng) / 選擇圖層
向上一層【Alt+Command+??】
向下一層【Alt+Command+??】
置于頂層【Control+Alt+Command+??】
置于于底層【Control+Alt+Command+??】
選擇上一個(gè)圖層【Shift+Tab】
選擇下一個(gè)圖層【Tab】
九、快速移動(dòng) / 選擇圖層
選中圖層,【Command+R】快速命名,可以對(duì)圖層進(jìn)行自定義命名,方便后期管理。
十、創(chuàng)建網(wǎng)格
1、排列-創(chuàng)建網(wǎng)格。
2、輸入需要?jiǎng)?chuàng)建網(wǎng)格的行數(shù)和列數(shù),這里是輸入的 3 行 3 列。
3、生產(chǎn) 3 行 3 列的網(wǎng)格。
十一、隱藏側(cè)邊欄
為了設(shè)計(jì)的時(shí)候擁有更多的空間,我們可以利用快捷鍵隱藏左右兩邊的菜單欄。隱藏左邊菜單欄快捷鍵是 Ctrl+Option+Cmd+1 組合鍵,隱藏右邊菜單欄快捷鍵是Ctrl+Option+Cmd+2 組合鍵。
十二、高頻使用插件
https://www.fancynode.com.cn/flavor
https://kitchen.alipay.com
附:Sketch 快捷鍵大全圖
軟件的快捷方式是為了提高我們的操作效率,還有更多操作技巧這里就不一一列舉,我們后續(xù)將會(huì)持續(xù)更新。
希望這些快捷操作可以給你的設(shè)計(jì)帶來更多幫助,軟件只是工具,也希望大家可以更多的研究設(shè)計(jì)本身。因此,您現(xiàn)在已經(jīng)了解了與UI設(shè)計(jì)師的工作相關(guān)的主要技能。如果您想了解更多信息,請(qǐng)?jiān)L問AAA教育,包含有關(guān)在該領(lǐng)域工作的更多相關(guān)文章。
填寫下面表單即可預(yù)約申請(qǐng)免費(fèi)試聽!怕錢不夠?可先就業(yè)掙錢后再付學(xué)費(fèi)! 怕學(xué)不會(huì)?助教全程陪讀,隨時(shí)解惑!擔(dān)心就業(yè)?一地學(xué)習(xí),可推薦就業(yè)!
?2007-2022/ m.5wd995.cn 北京漫動(dòng)者數(shù)字科技有限公司 備案號(hào): 京ICP備12034770號(hào) 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc