旗下產(chǎn)業(yè): A產(chǎn)業(yè)/?A實(shí)習(xí)/?A計(jì)劃
全國(guó)統(tǒng)一咨詢熱線:010-5367 2995
首頁(yè) > 熱門文章 > UI設(shè)計(jì) > UI設(shè)計(jì)中Sketch提高效率的常用技巧

UI設(shè)計(jì)中Sketch提高效率的常用技巧

時(shí)間:2020-10-07來(lái)源:mwtacok.cn點(diǎn)擊量:作者:Gella
時(shí)間:2020-10-07點(diǎn)擊量:作者:Gella

  Sketch畢竟沒(méi)有什么學(xué)習(xí)曲線,頗易上手,相應(yīng)的也時(shí)常導(dǎo)致新手在一開始就忽略掉一些重要的、高頻的使用小技巧,而將一些稍許費(fèi)力耗時(shí)的方式一路沿用下去。今天AAA教育郭老師就針對(duì)UI設(shè)計(jì)中Sketch提高效率的常用技巧進(jìn)行簡(jiǎn)單的說(shuō)明。
 

  一、常用的形狀快捷鍵
 

  Sketch 軟件和別的設(shè)計(jì)軟件一樣,提供了很多形狀繪制工具,這些工具的快捷鍵不用刻意去記,使用多了就會(huì)記住。
 

  常用的比如:R(矩形)、O(圓形)、L(直線)等。

 

UI設(shè)計(jì)中Sketch提高效率的常用技巧

 

  二、快速新建畫板 A
 

  通過(guò)快捷鍵“A”可以快速新建畫板,可以選擇畫板大小和畫板類型。

 

UI設(shè)計(jì)中Sketch提高效率的常用技巧

 

  三、快速切換填充/描邊
 

  當(dāng)繪制出形狀圖形之后,為了更加快捷的進(jìn)行填充和描邊的切換,我們可以利用快捷鍵 “F” 快速切換是否填充狀態(tài),快捷鍵 “B” 快速切換是否描邊。

 

UI設(shè)計(jì)中Sketch提高效率的常用技巧

 

  四、旋轉(zhuǎn)復(fù)制
 

  1、畫出任意線/面/形狀,點(diǎn)旋轉(zhuǎn)復(fù)制;
 

  2、填寫數(shù)量;
 

  3、復(fù)制之后的形狀通過(guò)中間的手柄調(diào)成自己想要的角度;
 

  4、為形狀給顏色,可以先給好單個(gè)顏色再旋轉(zhuǎn)復(fù)制,也可以復(fù)制完成以后選中所有單個(gè)形狀,進(jìn)行統(tǒng)一調(diào)整顏色。



UI設(shè)計(jì)中Sketch提高效率的常用技巧

 

  五、虛線/表盤
 

  1、畫好線的形狀(可以是直線/圓形/不規(guī)則線條);
 

  2、調(diào)整線的值,比如線的寬給 20;
 

  3、虛線的數(shù)值,比如給 2 是指每單個(gè)線段的寬度;
 

  4、選中調(diào)顏色。

 

UI設(shè)計(jì)中Sketch提高效率的常用技巧

 

  六、Sketch 的計(jì)算功能
 

  在坐標(biāo)輸入框中,“加、減、乘和除”操作可以快速調(diào)整坐標(biāo)。

 

UI設(shè)計(jì)中Sketch提高效率的常用技巧

 

  七、快速切換視圖
 

  【Command + 0】在100%大小下看設(shè)計(jì)效果,方便一比一預(yù)覽設(shè)計(jì)效果。

 

UI設(shè)計(jì)中Sketch提高效率的常用技巧

 

  【Command + 1】完整顯示頁(yè)面里的所有內(nèi)容。

 

UI設(shè)計(jì)中Sketch提高效率的常用技巧

 

  【Command + 2】把選中的元素放大到適合屏幕尺寸大小。

 

UI設(shè)計(jì)中Sketch提高效率的常用技巧

 

  【Command + 3】把選中的元素顯示在屏幕中央。

 

UI設(shè)計(jì)中Sketch提高效率的常用技巧

 

  八、快速移動(dòng) / 選擇圖層
 

  向上一層【Alt+Command+??】
 

  向下一層【Alt+Command+??】
 

  置于頂層【Control+Alt+Command+??】
 

  置于于底層【Control+Alt+Command+??】
 

  選擇上一個(gè)圖層【Shift+Tab】
 

  選擇下一個(gè)圖層【Tab】
 

  九、快速移動(dòng) / 選擇圖層
 

  選中圖層,【Command+R】快速命名,可以對(duì)圖層進(jìn)行自定義命名,方便后期管理。

 

UI設(shè)計(jì)中Sketch提高效率的常用技巧

 

  十、創(chuàng)建網(wǎng)格
 

  1、排列-創(chuàng)建網(wǎng)格。

 

UI設(shè)計(jì)中Sketch提高效率的常用技巧

 

  2、輸入需要?jiǎng)?chuàng)建網(wǎng)格的行數(shù)和列數(shù),這里是輸入的 3 行 3 列。

 

UI設(shè)計(jì)中Sketch提高效率的常用技巧

 

  3、生產(chǎn) 3 行 3 列的網(wǎng)格。

 

UI設(shè)計(jì)中Sketch提高效率的常用技巧

 

  十一、隱藏側(cè)邊欄
 

  為了設(shè)計(jì)的時(shí)候擁有更多的空間,我們可以利用快捷鍵隱藏左右兩邊的菜單欄。隱藏左邊菜單欄快捷鍵是 Ctrl+Option+Cmd+1 組合鍵,隱藏右邊菜單欄快捷鍵是Ctrl+Option+Cmd+2 組合鍵。
 

  十二、高頻使用插件
 

  https://www.fancynode.com.cn/flavor
 

  https://kitchen.alipay.com

 

UI設(shè)計(jì)中Sketch提高效率的常用技巧

 

  附:Sketch 快捷鍵大全圖

 

UI設(shè)計(jì)中Sketch提高效率的常用技巧

 

  軟件的快捷方式是為了提高我們的操作效率,還有更多操作技巧這里就不一一列舉,我們后續(xù)將會(huì)持續(xù)更新。
 

  希望這些快捷操作可以給你的設(shè)計(jì)帶來(lái)更多幫助,軟件只是工具,也希望大家可以更多的研究設(shè)計(jì)本身。因此,您現(xiàn)在已經(jīng)了解了與UI設(shè)計(jì)師的工作相關(guān)的主要技能。如果您想了解更多信息,請(qǐng)?jiān)L問(wèn)AAA教育,包含有關(guān)在該領(lǐng)域工作的更多相關(guān)文章。



 

預(yù)約申請(qǐng)免費(fèi)試聽課

填寫下面表單即可預(yù)約申請(qǐng)免費(fèi)試聽!怕錢不夠?可先就業(yè)掙錢后再付學(xué)費(fèi)! 怕學(xué)不會(huì)?助教全程陪讀,隨時(shí)解惑!擔(dān)心就業(yè)?一地學(xué)習(xí),可推薦就業(yè)!

?2007-2021/北京漫動(dòng)者教育科技有限公司版權(quán)所有
備案號(hào):京ICP備12034770號(hào)

?2007-2022/ mwtacok.cn 北京漫動(dòng)者數(shù)字科技有限公司 備案號(hào): 京ICP備12034770號(hào) 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc

京公網(wǎng)安備 11010802035704號(hào)

網(wǎng)站地圖