Sketch 知道這些就夠了
使用Sketch一年多,各種花里花哨的插件試用過不少,總結了一下,發現知道這些就夠了。
這是目錄,縱觀全局用的:
使用技巧:
- sketch自定義快捷鍵方法
- 使畫板自動適應元素尺寸 —— Resize Artboard to Fit
- Sketch一鍵清除所有參考線
- sketch 快速收起/展開所有畫板
插件一覽:
- Measure —— 標註神器
- Zeplin —— PS 的新標註福音
- Craft —— 填圖神器、填字神器、未來的原型製作神器
- Rename it —— 整理畫板神器(我就偶爾用用)
一、技巧篇
-
sketch自定義快捷鍵方法
sketch的快捷鍵並不是很完善,有些很好用很常用的功能因為沒有快捷鍵,使用起來有些麻煩。這裡介紹下自定義快捷鍵的方法,比如自定義創建三角形快捷鍵的方法。
-
使畫板自動適應元素尺寸 —— Resize Artboard to Fit
平時做圖經常會遇到畫板拉的好長,然後提交最終稿之前需要把畫板縮小到和元素一樣大小。可是一個個手動縮小十分麻煩。
這個是sketch自帶的功能,藏在 Layer → Resize Artboard to Fit,自定義快捷鍵後,點擊畫板內容或畫板 + 快捷鍵,就可以快速去掉沒用的部分。
-
Sketch一鍵清除所有參考線
之前我都是一根一根吧參考線拉走的,現在想想好笨。另外control + T是隱藏參考線,不是清除參考線。
在標尺上右鍵,最後一項 『 Remove All Vertical Guides 』即為移除所有縱向參考線,同理,可以移除所有橫向參考線。
- sketch 快速收起/展開所有畫板
這個也是sketch自帶的功能,在View → Layer List → 『 Collapse Artboards and Groups 』,可以用上述方法為它設置個快捷鍵,然後用起來爽的不得了。
二、插件篇
標註工具:Measure & Zeplin
- Measure
用過一段時間Zeplin,但是因為要花錢,而且導出還有網路等問題,所以暫時放棄了,開始嘗試用Measure。
Measure插件下載直通車 → 在這在這
鏈接里使用方法以及快捷鍵已經介紹很完備了。使用簡潔。選中畫板,然後 Spec export導出。
導出的是一個文件夾,裡面會有一個html文件,直接將這個文件甩給開發爺爺就可以了。打開如下圖所示,點擊元素可以查看元素大小高度位置等信息,也可查看距離等信息。實在是偷懶之神器。
- Zeplin
Zeplin的好處在於,開始支持PS了!!!沒有Mac不要緊,Zeplin網頁版照樣看(據說不久後會有Windows版)。
簡直是一些抵抗固執之人類的神器。如果你的同事死也不願意用sketch,請把這個丟給他!!好好說話的話,開發爺爺也會喜歡的。
Zeplin下載直達 → 鏈接: http://pan.baidu.com/s/1nuGBUit 密碼: v9mt
用法就不介紹了,自己琢磨去!
- Craft —— 填圖神器+填字神器+未來的原型製作神器
Craft的好處是完全可以填充真實圖片和真實的中文文字。
Craft 下載直達 → Craft by InVision LABS
在web上輸入網站地址,既可以獲取指定網站的真實圖片,超級快速,即用即去,分分鐘表現出高保真的圖,向領導展示你的專業時刻來了。
題外話:前段時間 Craft 推出 『 Library』,本來以為可以取代 Iconjar ,後來發現還是有點雞肋,對於一些常用的nav bar等存進去後發現根本分不清誰是誰,縮略圖太小了。
- Rename it —— 心血來潮 整理畫板 時候用
和名字一樣,是用來批量重命名的工具。平時我只有在整理一個項目的所有設計時候可能用到。所以放在最後來講。
Rename it插件下載直通車 → 在這在這
輸入命名規則,即可對所選畫板進行批量重命名。除了整理畫板我還沒碰到需要他的時候。目前就這樣了,有想法的時候再補充。
推薦閱讀:
※設計每周清單:Principle 3.0更新、Sketch 46n版本更新、漸變工具Granbient
※Sketch的產品再設計 – 如何提升完善型產品的體驗
※Sketch #1 如何用Sketch設計地圖配色,並設置成Mapbox的色值
※Sketch輔助神器推薦:用工具來提升設計效率
※「教程乾貨」- 在Sketch內探索自動布局 - 響應式系列一