Sketch 知道這些就夠了

使用Sketch一年多,各種花里花哨的插件試用過不少,總結了一下,發現知道這些就夠了。

這是目錄,縱觀全局用的:

使用技巧:

  1. sketch自定義快捷鍵方法

  2. 使畫板自動適應元素尺寸 —— Resize Artboard to Fit

  3. Sketch一鍵清除所有參考線

  4. sketch 快速收起/展開所有畫板

插件一覽:

  1. Measure —— 標註神器

  2. Zeplin —— PS 的新標註福音

  3. Craft —— 填圖神器、填字神器、未來的原型製作神器

  4. 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下載直達 → 鏈接: pan.baidu.com/s/1nuGBUi 密碼: 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內探索自動布局 - 響應式系列一

TAG:Sketch | 交互设计 | UI设计入门 |