今天繼續更新之前提到的Sketch技巧系列,匯總了對設計師日常工作幫助最多的方法,包括常用快捷鍵和一些小技巧。今天的最后一條還蠻亮的,很實用,很少人能想到這樣做呦。
Sketch技巧好文:《成為Sketch小能手!8個易用快捷鍵幫你提高工作效率》
如何優雅地使用Windows ?>>>《用虛擬機體驗Sketch!為設計師準備的MAC OSX安裝指南》
一、“插入”的常用快捷鍵
你在使用Sketch時經常需要插入哪些對象?基本是這些:Artboard A,文本 T,矩形 R,圓角矩形 U,圓形O,直線 L。
二、最恰當的縮放模式
- 100%實際大小:CMD + 0
- 完整畫布預覽:CMD + 1
- 放大至特定的對象:選中對象,按CMD + 2
三、橫向滾動
如果你沒有觸控板,那么怎樣使畫布左右滾動?按Shift + 鼠標滾動 即可。
四、隱藏/顯示側邊欄
如果你的設備屏幕比較小,可以通過隱藏圖層列表欄(左邊欄)或檢查器欄(右邊欄)來獲取更多的顯示空間,快捷鍵為CMD + Alt + 3。你也可以只隱藏左邊欄(CMD + Alt + 1)或右邊欄(CMD + Alt + 2)。
五、演示模式
使用快捷鍵CMD + . 可以在普通模式和演示模式之間切換,在展示設計方案時非常有用。
六、標尺
你可以通過快捷鍵Ctrl + R來切換標尺的顯示與隱藏。在標尺上單擊可以添加參考線;在標尺上將參考線拖拽到左右或上邊緣即可刪除。
下面是演示參考線操作的動態GIF。
七、查看界面元素的間距
對于Sketch,我個人最喜歡的功能之一就是查看界面元素之間的距離,你只需選擇某個元素然后按Alt即可查看該元素到界面邊緣的四個距離值。
如果需要查看兩個元素之間的距離,在選中第一個元素后按住Alt然后將光標指向第二個元素即可。
此時如果按住Alt并移動元素,便能在移動過程中時刻看到元素之間的距離變化;非常有用的功能。
八、縮放元素
無需拖拽,選中界面元素后,使用快捷鍵CMD + 方向鍵即可按1像素為單位精準進行縮放。要以10像素為單位來縮放,同時再按住Shift即可。
九、命名和分組
當設計項目越做越大時,對界面元素的命名和分組就變得格外重要了。我個人每次新建一個對象時,都會立刻通過快捷鍵CMD + R將這個元素重命名。
舉例說,我想創建一個按鈕。把元素都放置好之后,選中它們,使用快捷鍵CMD + G將它們分為一組,然后通過CMD + R進行重命名,輸入“Button”。
十、復制對象
如果你懶得一直用CMD + C和CMD + V來復制對象,也可以直接通過快捷方式CMD + D來實現。復制出來的對象會默認處于原位,如果你覺得這樣不OK,也可以在設置當中設置偏量。
十一、創建界面流程圖
你也可以使用Sketch創建界面流程圖。一個具體的問題是,如果在artboard之間繪制箭頭以代表流程方向,Sketch會隱藏掉artboard邊界以外的部分:
你可以把所有的箭頭圖層移到列表頂部,并放到一個沒有背景色的大artboard當中。這樣箭頭就可以獨立于每個界面的artboard正常顯示了。
此外,你還可以在所有圖層底部另建一個大的artboard,設置一個恰當的背景色。這樣一方面可以使流程圖更具層次,一方面還可以通過導出這個背景artboard來將全部界面放置在一個大的圖片文件中,而不是常規的那樣分頁導出。
靜電的Sketch教程合集持續更新中:
- 《SKETCH設計教室!從零開始學APP設計利器SKETCH(一)》
- 《SKETCH設計教室!從零開始學APP設計利器SKETCH(二)》
- 《SKETCH設計教室!帶你了解超好用的SKETCH插件》
- 《想要一稿過不加班?SKETCH絕配神器MIRROR搶先體驗》
靜電的Xcode教程合集持續更新中:
- 《搞定一像素不求人!為設計師量身打造的XCODE教程(1)》
- 《搞定一像素不求人!為設計師量身打造的XCODE教程(2)》
- 《零代碼搞定交互動畫!為設計師量身打造的XCODE教程(3)》
- 《搞定Tab bar交互!為設計師量身打造的XCODE教程(4)》
原文地址:saloon.io
譯文地址:beforweb
譯者:@BeForWeb
【優設網 原創文章 投稿郵箱:2650232288@qq.com】
================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/。
設計微博:擁有粉絲量89萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com
官方微信:想在手機上、被窩里獲取設計教程和各種意想不到的"福利"嗎?添加優設哥微信號:youshege
復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。
發評論!每天贏獎品
點擊 登錄 后,在評論區留言,系統會隨機派送獎品
2012年成立至今,是國內備受歡迎的設計師平臺,提供獎品贊助 聯系我們
標志設計標準教程
已累計誕生 729 位幸運星
發表評論
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓