剛接觸Sketch同學驚歎好用強大,但還有許多鮮為人知實用功能,今日一一說明助你加速設計流程。
去年Sketch 2版新增顏色設定後,越來越多設計師切換。簡單界面與性能優於PS(PS最初為編輯處理圖像設計),繪圖工具適用向量圖形。Sketch非位圖編輯工具,配備像素預覽便於設計界面圖標。
Tisho Georgiev發布超好用插件Symbols,讓設計師建立智能對象(Smart Object),Sketch原生不支持此功能。
智能對象允許文件中重複使用同一圖像。需更改所有圖像時,只編輯其中一個智能對象,按Cmd+E即可同步更新。
Sketch支持多鍵盤快捷鍵,「智能參考線」是其中之一。
抓住圖像按住Alt/Option,智能參考線顯示,同時顯示所選圖像與文件最大高寬距離。檢查與另一圖像距離,懸停鼠標其上,參考線自動調整。
雖制作網格不難,Sketch讓它更簡單!
有「Create grid」功能。點擊工具欄四個方格(右上圖像),彈出菜單設定行數列數。設定物體四周間距可選Boxed選項。
用畫板(Artboards,Sketch有很多默認畫布Canvas)時,預設很有用。點擊工具欄畫板按鈕可選不用設定。
可立即使用的設定。讓你更有效編寫工作。如建立不同尺寸畫板文件,無需記住各圖標圖像尺寸!
Sketch可從範本直接創建新文件,菜單File→New from template。也可把當前文件存為模板,File→Save as template。
又方便又好用。如iOS設計,建立含狀態欄菜單選項文件存為模板,其他iOS設計直接複用。
Sketch提供許多快捷鍵。Robert van Klinken與Jeffrey de Groot寫的Sketch Shortcuts幾乎說明每個快捷鍵用法。也可通過OS X系統偏好設置自定義快捷鍵,例子在Sketch Shortcuts底部。
想輕鬆從螢幕取色,按Ctrl+C,放大鏡出現方便選色。即方便又簡單。
Sketch最好功能!能把每個像素點準確定位。
例:圖層中圖像包含不完整像素或位置點不完整。其他軟件調整這些不完整像素點讓人頭疼,Sketch中點擊Edit→Round to nearest pixels edge(或自定快捷鍵),整個圖層圖像與地址自動調整。
建議:自定快捷鍵!匯入圖標時,讓不完整像素調整至正數。
註:若設計用@2X(高像素密度屏幕),但導出@1X時,留意每個位置像素需為2整除,否則像素又變不完整模糊。
Sketch擁有最強導出功能,點擊File→Export畫出所需切片即可。可用@1x導出@2x解析度,相對地用@2x導出@1x圖像。
提供很多切片功能。菜單File→Add Slice from Selection,選剛建立圖層,點選圖像自動畫出同大小切片。
Sketch還有許多實用簡易快捷功能與插件,用上述技巧提高工作流程。歡迎留言交流!