Sketch技巧-掌握5個才能叫高手牢撼?

Sketch畢竟沒有什么學習曲線匙隔,頗易上手,相應的也時常導致新手在一開始就忽略掉一些重要的熏版、高頻的使用小技巧纷责,而將一些稍許費力耗時的方式一路沿用下去。這篇內(nèi)容所針對的便是這樣的情況撼短。幾乎沒有進階的要點再膳,只針對初學的同學培養(yǎng)正確習慣,還望各位老司機們見諒曲横。


下面進入正文喂柒。
關(guān)于對象、圖層、畫板的使用技巧

  1. 通過快捷鍵調(diào)整圖形的形狀
    選中圖形灾杰,按住 Command 鍵蚊丐,然后通過上、下吭露、左吠撮、右方向鍵即可按1像素為單位調(diào)整圖形形狀。同時按住 Command + Shift + 方向鍵讲竿,則可以按10像素為單位進行調(diào)整泥兰。


  2. 復制元素
    選中某元素,按 Command + D 即可進行復制题禀;復制出的新元素默認與原有元素的位置相同鞋诗,且覆蓋于原有元素之上。
    此外迈嘹,按住 Option 健削彬,同時拖拽目標元素,同樣可實現(xiàn)復制秀仲;保持復制出的新元素仍處于選中態(tài)融痛,并連續(xù)使用 Command + D 快捷鍵,即可按照之前手動拖拽的距離為間隔單位實現(xiàn)多重復制神僵。


  3. 智能選擇
    按住Option 鍵雁刷,面向多個元素拉選擇框,最終只有完全處于選擇框內(nèi)部的元素會被選中保礼,而其他元素會被忽略沛励。


  4. 分組與解組
    選中多個元素,按 Command + G 將其合并為一組炮障。選中某個組目派,按 Command + Shift + G 則可實現(xiàn)解組。


  5. 組內(nèi)單選
    要選中某分組內(nèi)的特定元素胁赢,無需到圖層列表中尋找企蹭,按住 Command 鍵,同時用鼠標直接指向該元素智末,即可“穿透”分組谅摄,直接選中元素。


  6. 將畫板的縮放比還原為100%
    按Command + 0吹害,即可快速將畫板的縮放比還原為100%螟凭。


  7. 調(diào)整縮放比虚青,使所有的畫板得以同屏呈現(xiàn)
    按Command + 1它呀,即可快速將畫板調(diào)整為恰當?shù)目s放比,所有的畫板得以同時呈現(xiàn)在視圖當中。


  8. 使視圖聚焦于選中的元素
    按Command + 2纵穿,即可將編輯區(qū)域的視圖焦點快速移至處于選中態(tài)的元素或畫板下隧。


  9. 將元素置于圖層序列的首位或末位
    按住Option 鍵,Sketch頂部工具欄里的“向前(Forward)”谓媒、“向后(Backward)”按鈕會自動變?yōu)椤白钋?To Front)”淆院、“最后(To Back)”,即可使選中的元素排列到圖層序列的首位或末尾句惯。


  10. 重命名圖層
    選中某元素土辩,按 Command + R,該元素在圖層列表中的條目即進入可編輯狀態(tài)抢野,此時輸入新的圖層名稱即可拷淘。


關(guān)于元素的編輯與導出

  1. 測量元素間距
    選中一個或多個元素,按住 Option 鍵指孤,同時將鼠標指向要測量間距的目標元素启涯。在移動元素時,也可同時按住 Option 鍵恃轩,即可在移動過程中即時查看元素距離特定元素或畫板邊緣的距離结洼。


  2. 通過數(shù)字鍵設置元素的不透明度
    選中元素,然后按一個或一組數(shù)字鍵即可直接設置其不透明度 (alpha 值)叉跛,例如“1”代表10%松忍,“5”代表50%,“9”代表90%昧互,“75”代表75%挽铁,等等。


  3. 單獨調(diào)整某個位置上的圓角半徑
    你可以為元素的四角獨立設置不同的圓角半徑敞掘。選中該元素叽掘,在右側(cè)面板的“半徑 (Radius)”當中輸入一組四個數(shù)字,由分號隔開玖雁,分別代表左上角更扁、右上角、右下角赫冬、左下角的半徑值浓镜,例如“10;20;30;40”。


  4. 訂制快捷鍵
    你可以為自己常用的 Sketch 功能設置快捷鍵劲厌。進入 macOS 的系統(tǒng)偏好設置 – 鍵盤 – 快捷鍵膛薛,選擇左側(cè)列表中的“應用快捷鍵”,點擊右側(cè)的“+”按鈕补鼻,在對話窗口的“應用程序”列表中選擇 “Sketch”哄啄,在“菜單標題”中輸入你所需的功能在 Sketch 菜單欄里的準確名稱雅任,然后設定自己的快捷鍵組合即可。


  5. 在屬性檢查器中使用數(shù)學運算符
    Sketch 可以在右側(cè)檢查器面板的文本框當中執(zhí)行數(shù)字運算咨跌。例如你想將當前矩形的寬度翻倍沪么,那么可以在“寬度 (Width)”當中的數(shù)字后面輸入“*2”,代表“乘以2”锌半。


  6. 復雜圖形
    對于一些復雜的圖形禽车,例如多邊形或星型,可以在右側(cè)檢查器面板中設置邊 (Sides)或頂點 (Points)的數(shù)量刊殉。


  7. 旋轉(zhuǎn)復制(萬花筒效果)
    在Sketch 的工具欄上右鍵單擊殉摔,選擇“訂制工具欄 (Customize Toolbar)”,然后將“旋轉(zhuǎn)復制 (Rotate Copies)”按鈕拖入工具欄记焊。
    選中某元素钦勘,點擊“旋轉(zhuǎn)復制”按鈕,輸入需要復制出的元素數(shù)量亚亲,點擊“OK”即可彻采。


  8. 切片
    切片工具 (快捷鍵“S”)可以拖拽出矩形區(qū)域,供你導出圖形捌归。但導出區(qū)域未必要覆蓋到元素或畫布整體肛响,你可以把切片作為一種靈活的截屏工具進行使用。


  9. 導出元素惜索、分組或畫板
    選中某個元素特笋、分組或畫板,在右側(cè)檢查器面板的底部點擊“Make Exportable”巾兆,在展開的選項單當中選擇導出規(guī)格猎物、文件名后綴和文件格式,即可開始導出角塑。
    [圖片上傳中蔫磨。。圃伶。(20)]

  10. 導出高分辨率素材
    我們在設計界面時通常會按照字面意義的像素規(guī)格來設置畫板 (1x規(guī)格)堤如,例如使用375×667的畫板來設計4.7寸規(guī)格的界面。但你需要面向高像素密度的屏幕導出畫板或局部素材 –在“Make Exportable”選項單的“Size”當中輸入“2x”或更高值即可窒朋〔蟀眨或者你也可以直接在這里輸入所需導出的具體規(guī)格,例如“750px”等等侥猩。


關(guān)于symbols

  1. 通過 symbols 實現(xiàn)元素復用
    怎樣判斷是否要使用 symbols榔至?答案在于目標元素的復用性。symbols 就像郵戳欺劳,制作了一個之后便可以反復使用唧取。在 Sketch 中瓣俯,當你修改了主 symbol,所有來自于該 symbol 的實例對象都會被自動更新兵怯,這能使設計稿的迭代效率得到極大提升。


  2. 創(chuàng)建 symbol
    通過symbols 將復用率較高的設計模式進行打包腔剂。舉例來說媒区,我們現(xiàn)在有一個卡片組件,其中包含一個圓形圖片掸犬、一段文字描述以及一個按鈕袜漩。完成布局設計,將它們打包成組湾碎,然后在工具欄中點擊“Create Symbol”按鈕即可宙攻。


  3. 通過屬性覆寫 (overrides) 對symbol進行訂制
    譬如我們將一個卡片模式打包成為symbol,在日常使用時通常需要在不修改主symbol的前提下更改每個實例當中的具體屬性值介褥,例如圖片座掘、文字等等。屬性覆寫功能 (overrides) 就是用來解決這個問題的柔滔。
    將symbol插入到畫板當中溢陪,保持選中態(tài),右側(cè)檢查器面板當中會出現(xiàn)“Overrides”選項單睛廊。下圖所示的范例共包含4項可覆寫文本字段形真,你只需在這里進行修改,便能使該symbol衍生出的每一個實例對象都體現(xiàn)出不同的內(nèi)容超全。


  4. 創(chuàng)建symbol之前咆霜,對圖層進行重命名
    為了使可覆寫的屬性在檢查器面板當中呈現(xiàn)出恰當?shù)膶傩悦纭靶彰彼恢臁ⅰ奥毮堋钡鹊榷昱鳎皇窃趧?chuàng)建symbol時所使用的特定范例內(nèi)容,你可以在打包創(chuàng)建symbol之前對圖層進行重命名疏遏,使其與最終希望呈現(xiàn)出的屬性名稱一一對應偿衰。
    [圖片上傳中。改览。下翎。(25)]

  5. 為特定的元素禁用屬性覆寫
    symbol當中并非每一個元素都需要支持覆寫功能,譬如那些永遠不會發(fā)生內(nèi)容變動的屬性宝当。如果不想該屬性出現(xiàn)在symbol的檢查器面板當中视事,只需在創(chuàng)建symbol之前在圖層列表當中將該圖層鎖定即可(鎖型圖標)。
    [圖片上傳中庆揩。俐东。跌穗。(26)]

  6. symbols嵌套
    “設計模式”當中本就包含著多層次的概念,這同樣能體現(xiàn)到symbol的實現(xiàn)方式里虏辫。譬如我們首先定義了一個全局通用的按鈕symbol蚌吸,然后我們還需要一個全局通用的工具欄symbol,而這個工具欄當中又會用到剛剛定義的按鈕砌庄,這時我們便可以將按鈕symbol插入到工具欄當中羹唠,并一同打包創(chuàng)建為新的symbol,實現(xiàn)嵌套娄昆。如果按鈕symbol得到樣式更新佩微,那么工具欄symbol當中的按鈕樣式便可自動更新。
    [圖片上傳中萌焰。哺眯。。(27)]

  7. symbols的尺寸可變
    你可以隨意調(diào)整symbols實例對象的尺寸扒俯,而不用受制于symbol本身的規(guī)格奶卓。不過一旦將來主symbol的尺寸發(fā)生變化,所有實例都將統(tǒng)一更新為新的尺寸樣式撼玄,而忽略掉你之前所做的調(diào)整寝杖。
    [圖片上傳中。互纯。瑟幕。(28)]

  8. 從symbol中分離
    要將某實例對象從原本的symbol當中分離 (譬如要基于該symbol的布局設計更為復雜的模式時),在該對象上右鍵單擊留潦,選擇“Detach from Symbol”只盹,這將使實例變?yōu)槠胀ǖ膱D層組。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末兔院,一起剝皮案震驚了整個濱河市殖卑,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌坊萝,老刑警劉巖孵稽,帶你破解...
    沈念sama閱讀 216,402評論 6 499
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異十偶,居然都是意外死亡菩鲜,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,377評論 3 392
  • 文/潘曉璐 我一進店門惦积,熙熙樓的掌柜王于貴愁眉苦臉地迎上來接校,“玉大人,你說我怎么就攤上這事狮崩≈朊悖” “怎么了鹿寻?”我有些...
    開封第一講書人閱讀 162,483評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長诽凌。 經(jīng)常有香客問我毡熏,道長,這世上最難降的妖魔是什么侣诵? 我笑而不...
    開封第一講書人閱讀 58,165評論 1 292
  • 正文 為了忘掉前任痢法,我火速辦了婚禮,結(jié)果婚禮上窝趣,老公的妹妹穿的比我還像新娘。我一直安慰自己训柴,他們只是感情好哑舒,可當我...
    茶點故事閱讀 67,176評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著幻馁,像睡著了一般洗鸵。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上仗嗦,一...
    開封第一講書人閱讀 51,146評論 1 297
  • 那天膘滨,我揣著相機與錄音,去河邊找鬼稀拐。 笑死火邓,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的德撬。 我是一名探鬼主播铲咨,決...
    沈念sama閱讀 40,032評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼蜓洪!你這毒婦竟也來了纤勒?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,896評論 0 274
  • 序言:老撾萬榮一對情侶失蹤隆檀,失蹤者是張志新(化名)和其女友劉穎摇天,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體恐仑,經(jīng)...
    沈念sama閱讀 45,311評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡泉坐,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,536評論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了裳仆。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片坚冀。...
    茶點故事閱讀 39,696評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖鉴逞,靈堂內(nèi)的尸體忽然破棺而出记某,到底是詐尸還是另有隱情司训,我是刑警寧澤,帶...
    沈念sama閱讀 35,413評論 5 343
  • 正文 年R本政府宣布液南,位于F島的核電站壳猜,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏滑凉。R本人自食惡果不足惜统扳,卻給世界環(huán)境...
    茶點故事閱讀 41,008評論 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望畅姊。 院中可真熱鬧咒钟,春花似錦、人聲如沸若未。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽粗合。三九已至萍嬉,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間隙疚,已是汗流浹背壤追。 一陣腳步聲響...
    開封第一講書人閱讀 32,815評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留供屉,地道東北人行冰。 一個月前我還...
    沈念sama閱讀 47,698評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像伶丐,于是被迫代替她去往敵國和親资柔。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,592評論 2 353

推薦閱讀更多精彩內(nèi)容