幫你提高效率的SKETCH高頻使用技巧

Sketch畢竟沒有什么學(xué)習(xí)曲線,頗易上手赡若,相應(yīng)的也時常導(dǎo)致新手在一開始就忽略掉一些重要的达布、高頻的使用小技巧,而將一些稍許費力耗時的方式一路沿用下去逾冬。

關(guān)于對象黍聂、圖層、畫板的使用技巧

1. 通過快捷鍵調(diào)整圖形的形狀

選中圖形身腻,按住 Command 鍵产还,然后通過上、下嘀趟、左脐区、右方向鍵即可按1像素為單位調(diào)整圖形形狀。同時按住 Command + Shift + 方向鍵她按,則可以按10像素為單位進行調(diào)整牛隅。

?2. 復(fù)制元素

選中某元素,按 Command + D 即可進行復(fù)制酌泰;復(fù)制出的新元素默認與原有元素的位置相同媒佣,且覆蓋于原有元素之上捐韩。

此外搂蜓,按住 Option 健斟珊,同時拖拽目標(biāo)元素膛檀,同樣可實現(xiàn)復(fù)制滩愁;保持復(fù)制出的新元素仍處于選中態(tài)吗垮,并連續(xù)使用 Command + D 快捷鍵问裕,即可按照之前手動拖拽的距離為間隔單位實現(xiàn)多重復(fù)制掀虎。

?3. 智能選擇

按住 Option 鍵羡宙,面向多個元素拉選擇框狸剃,最終只有完全處于選擇框內(nèi)部的元素會被選中,而其他元素會被忽略辛辨。

?4. 分組與解組

選中多個元素捕捂,按 Command + G 將其合并為一組。選中某個組斗搞,按 Command + Shift + G 則可實現(xiàn)解組指攒。

?5. 組內(nèi)單選

要選中某分組內(nèi)的特定元素,無需到圖層列表中尋找僻焚,按住 Command 鍵允悦,同時用鼠標(biāo)直接指向該元素,即可“穿透”分組虑啤,直接選中元素隙弛。

?6. 將畫板的縮放比還原為100%

按 Command + 0架馋,即可快速將畫板的縮放比還原為100%。

?7. 調(diào)整縮放比全闷,使所有的畫板得以同屏呈現(xiàn)

按 Command + 1叉寂,即可快速將畫板調(diào)整為恰當(dāng)?shù)目s放比,所有的畫板得以同時呈現(xiàn)在視圖當(dāng)中总珠。

?8. 使視圖聚焦于選中的元素

按 Command + 2屏鳍,即可將編輯區(qū)域的視圖焦點快速移至處于選中態(tài)的元素或畫板。

?9. 將元素置于圖層序列的首位或末位

按住 Option 鍵局服,Sketch頂部工具欄里的“向前(Forward)”钓瞭、“向后(Backward)”按鈕會自動變?yōu)椤白钋?To Front)”、“最后(To Back)”淫奔,即可使選中的元素排列到圖層序列的首位或末尾山涡。

?10. 重命名圖層

選中某元素,按 Command + R唆迁,該元素在圖層列表中的條目即進入可編輯狀態(tài)鸭丛,此時輸入新的圖層名稱即可。

?關(guān)于元素的編輯與導(dǎo)出

1. 測量元素間距

選中一個或多個元素媒惕,按住 Option 鍵系吩,同時將鼠標(biāo)指向要測量間距的目標(biāo)元素。在移動元素時妒蔚,也可同時按住 Option 鍵,即可在移動過程中即時查看元素距離特定元素或畫板邊緣的距離月弛。

?2. 通過數(shù)字鍵設(shè)置元素的不透明度

選中元素肴盏,然后按一個或一組數(shù)字鍵即可直接設(shè)置其不透明度 (alpha 值),例如“1”代表10%帽衙,“5”代表50%菜皂,“9”代表90%,“75”代表75%厉萝,等等恍飘。

?3. 單獨調(diào)整某個位置上的圓角半徑

你可以為元素的四角獨立設(shè)置不同的圓角半徑。選中該元素谴垫,在右側(cè)面板的“半徑 (Radius)”當(dāng)中輸入一組四個數(shù)字章母,由分號隔開,分別代表左上角翩剪、右上角乳怎、右下角、左下角的半徑值前弯,例如“10;20;30;40”蚪缀。

?4. 訂制快捷鍵

你可以為自己常用的 Sketch 功能設(shè)置快捷鍵。進入 macOS 的系統(tǒng)偏好設(shè)置 – 鍵盤 – 快捷鍵询枚,選擇左側(cè)列表中的“應(yīng)用快捷鍵”,點擊右側(cè)的“+”按鈕金蜀,在對話窗口的“應(yīng)用程序”列表中選擇 “Sketch”,在“菜單標(biāo)題”中輸入你所需的功能在 Sketch 菜單欄里的準(zhǔn)確名稱廉油,然后設(shè)定自己的快捷鍵組合即可惠险。

?5. 在屬性檢查器中使用數(shù)學(xué)運算符

Sketch 可以在右側(cè)檢查器面板的文本框當(dāng)中執(zhí)行數(shù)字運算抒线。例如你想將當(dāng)前矩形的寬度翻倍,那么可以在“寬度 (Width)”當(dāng)中的數(shù)字后面輸入“*2”嘶炭,代表“乘以2”抱慌。

6. 復(fù)雜圖形

對于一些復(fù)雜的圖形,例如多邊形或星型抑进,可以在右側(cè)檢查器面板中設(shè)置邊 (Sides)或頂點 (Points)的數(shù)量睡陪。

?7. 旋轉(zhuǎn)復(fù)制 (萬花筒效果)

在 Sketch 的工具欄上右鍵單擊,選擇“訂制工具欄 (Customize Toolbar)”信殊,然后將“旋轉(zhuǎn)復(fù)制 (Rotate Copies)”按鈕拖入工具欄汁果。

選中某元素,點擊“旋轉(zhuǎn)復(fù)制”按鈕据德,輸入需要復(fù)制出的元素數(shù)量,點擊“OK”即可橱野。

?8. 切片

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

?9. 導(dǎo)出元素劳坑、分組或畫板

選中某個元素成畦、分組或畫板,在右側(cè)檢查器面板的底部點擊“Make Exportable”循帐,在展開的選項單當(dāng)中選擇導(dǎo)出規(guī)格拄养、文件名后綴和文件格式,即可開始導(dǎo)出瘪匿。

?10. 導(dǎo)出高分辨率素材

我們在設(shè)計界面時通常會按照字面意義的像素規(guī)格來設(shè)置畫板 (1x規(guī)格)棋弥,例如使用375×667的畫板來設(shè)計4.7寸規(guī)格的界面。但你需要面向高像素密度的屏幕導(dǎo)出畫板或局部素材 – 在“Make Exportable”選項單的“Size”當(dāng)中輸入“2x”或更高值即可顽染。或者你也可以直接在這里輸入所需導(dǎo)出的具體規(guī)格蝗羊,例如“750px”等等仁锯。

?關(guān)于 symbols

1. 通過 symbols 實現(xiàn)元素復(fù)用

怎樣判斷是否要使用 symbols翔悠?答案在于目標(biāo)元素的復(fù)用性。symbols 就像郵戳双炕,制作了一個之后便可以反復(fù)使用撮抓。在 Sketch 中,當(dāng)你修改了主 symbol,所有來自于該 symbol 的實例對象都會被自動更新荸恕,這能使設(shè)計稿的迭代效率得到極大提升死相。

?2. 創(chuàng)建 symbol

通過 symbols 將復(fù)用率較高的設(shè)計模式進行打包。舉例來說生宛,我們現(xiàn)在有一個卡片組件肮柜,其中包含一個圓形圖片、一段文字描述以及一個按鈕莱睁。完成布局設(shè)計预明,將它們打包成組,然后在工具欄中點擊“Create Symbol”按鈕即可撰糠。

?3. 通過屬性覆寫 (overrides) 對symbol進行訂制

譬如我們將一個卡片模式打包成為symbol阅酪,在日常使用時通常需要在不修改主symbol的前提下更改每個實例當(dāng)中的具體屬性值,例如圖片术辐、文字等等。屬性覆寫功能 (overrides) 就是用來解決這個問題的必孤。

將symbol插入到畫板當(dāng)中瑞躺,保持選中態(tài),右側(cè)檢查器面板當(dāng)中會出現(xiàn)“Overrides”選項單赡勘。下圖所示的范例共包含4項可覆寫文本字段捞镰,你只需在這里進行修改毙替,便能使該symbol衍生出的每一個實例對象都體現(xiàn)出不同的內(nèi)容践樱。

?4. 創(chuàng)建symbol之前,對圖層進行重命名

為了使可覆寫的屬性在檢查器面板當(dāng)中呈現(xiàn)出恰當(dāng)?shù)膶傩悦靖纭靶彰苯馑铩ⅰ奥毮堋钡鹊龋皇窃趧?chuàng)建symbol時所使用的特定范例內(nèi)容脐瑰,你可以在打包創(chuàng)建symbol之前對圖層進行重命名廷臼,使其與最終希望呈現(xiàn)出的屬性名稱一一對應(yīng)。

?5. 為特定的元素禁用屬性覆寫

symbol當(dāng)中并非每一個元素都需要支持覆寫功能寂恬,譬如那些永遠不會發(fā)生內(nèi)容變動的屬性莱没。如果不想該屬性出現(xiàn)在symbol的檢查器面板當(dāng)中,只需在創(chuàng)建symbol之前在圖層列表當(dāng)中將該圖層鎖定即可 (鎖型圖標(biāo))饰躲。

?6. symbols嵌套

“設(shè)計模式”當(dāng)中本就包含著多層次的概念嘹裂,這同樣能體現(xiàn)到symbol的實現(xiàn)方式里。譬如我們首先定義了一個全局通用的按鈕symbol寄狼,然后我們還需要一個全局通用的工具欄symbol泊愧,而這個工具欄當(dāng)中又會用到剛剛定義的按鈕,這時我們便可以將按鈕symbol插入到工具欄當(dāng)中拼卵,并一同打包創(chuàng)建為新的symbol蛮艰,實現(xiàn)嵌套雀彼。如果按鈕symbol得到樣式更新即寡,那么工具欄symbol當(dāng)中的按鈕樣式便可自動更新。

?7. symbols的尺寸可變

你可以隨意調(diào)整symbols實例對象的尺寸莺丑,而不用受制于symbol本身的規(guī)格墩蔓。不過一旦將來主symbol的尺寸發(fā)生變化,所有實例都將統(tǒng)一更新為新的尺寸樣式昏名,而忽略掉你之前所做的調(diào)整阵面。

?8. 從symbol中分離

要將某實例對象從原本的symbol當(dāng)中分離 (譬如要基于該symbol的布局設(shè)計更為復(fù)雜的模式時)样刷,在該對象上右鍵單擊,選擇“Detach from Symbol”置鼻,這將使實例變?yōu)槠胀ǖ膱D層組。

作者:C7210

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市司蔬,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌肺缕,老刑警劉巖授帕,帶你破解...
    沈念sama閱讀 210,978評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異彤路,居然都是意外死亡芥映,警方通過查閱死者的電腦和手機远豺,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,954評論 2 384
  • 文/潘曉璐 我一進店門躯护,熙熙樓的掌柜王于貴愁眉苦臉地迎上來丽涩,“玉大人,你說我怎么就攤上這事矢渊。” “怎么了锰瘸?”我有些...
    開封第一講書人閱讀 156,623評論 0 345
  • 文/不壞的土叔 我叫張陵昂灵,是天一觀的道長。 經(jīng)常有香客問我管削,道長撑螺,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,324評論 1 282
  • 正文 為了忘掉前任含潘,我火速辦了婚禮线婚,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘漱逸。我一直安慰自己游沿,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 65,390評論 5 384
  • 文/花漫 我一把揭開白布袋坑。 她就那樣靜靜地躺著眯勾,像睡著了一般疆柔。 火紅的嫁衣襯著肌膚如雪镶柱。 梳的紋絲不亂的頭發(fā)上模叙,一...
    開封第一講書人閱讀 49,741評論 1 289
  • 那天范咨,我揣著相機與錄音,去河邊找鬼渠啊。 笑死,一個胖子當(dāng)著我的面吹牛贯溅,可吹牛的內(nèi)容都是我干的躲查。 我是一名探鬼主播,決...
    沈念sama閱讀 38,892評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼姐霍,長吁一口氣:“原來是場噩夢啊……” “哼典唇!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起介衔,我...
    開封第一講書人閱讀 37,655評論 0 266
  • 序言:老撾萬榮一對情侶失蹤夜牡,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后塘装,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體蹦肴,經(jīng)...
    沈念sama閱讀 44,104評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,451評論 2 325
  • 正文 我和宋清朗相戀三年勺阐,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片蟆豫。...
    茶點故事閱讀 38,569評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡懒闷,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出帮辟,到底是詐尸還是另有隱情玩焰,我是刑警寧澤,帶...
    沈念sama閱讀 34,254評論 4 328
  • 正文 年R本政府宣布昔园,位于F島的核電站蒿赢,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏羡棵。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,834評論 3 312
  • 文/蒙蒙 一店展、第九天 我趴在偏房一處隱蔽的房頂上張望秃流。 院中可真熱鬧,春花似錦舶胀、人聲如沸概说。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,725評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽糖赔。三九已至轩端,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間奋构,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,950評論 1 264
  • 我被黑心中介騙來泰國打工宴咧, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留醋火,地道東北人。 一個月前我還...
    沈念sama閱讀 46,260評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像茬高,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子丽猬,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,446評論 2 348

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