萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> 平面設計理論

Sketch進階必學的9個隱藏實用技巧:從智能對象到完美像素對齊

剛接觸Sketch同學驚歎好用強大,但還有許多鮮為人知實用功能,今日一一說明助你加速設計流程。

什麼是Sketch?

去年Sketch 2版新增顏色設定後,越來越多設計師切換。簡單界面與性能優於PS(PS最初為編輯處理圖像設計),繪圖工具適用向量圖形。Sketch非位圖編輯工具,配備像素預覽便於設計界面圖標。

1. 智能對象插件——Symbols

Tisho Georgiev發布超好用插件Symbols,讓設計師建立智能對象(Smart Object),Sketch原生不支持此功能。

智能對象允許文件中重複使用同一圖像。需更改所有圖像時,只編輯其中一個智能對象,按Cmd+E即可同步更新。

2. 智能參考線

Sketch支持多鍵盤快捷鍵,「智能參考線」是其中之一。

抓住圖像按住Alt/Option,智能參考線顯示,同時顯示所選圖像與文件最大高寬距離。檢查與另一圖像距離,懸停鼠標其上,參考線自動調整。

3. 簡易網格線

雖制作網格不難,Sketch讓它更簡單!

有「Create grid」功能。點擊工具欄四個方格(右上圖像),彈出菜單設定行數列數。設定物體四周間距可選Boxed選項。

4. 畫板預設

用畫板(Artboards,Sketch有很多默認畫布Canvas)時,預設很有用。點擊工具欄畫板按鈕可選不用設定。

可立即使用的設定。讓你更有效編寫工作。如建立不同尺寸畫板文件,無需記住各圖標圖像尺寸!

5. 範本

Sketch可從範本直接創建新文件,菜單File→New from template。也可把當前文件存為模板,File→Save as template。

又方便又好用。如iOS設計,建立含狀態欄菜單選項文件存為模板,其他iOS設計直接複用。

6. 快捷鍵

Sketch提供許多快捷鍵。Robert van Klinken與Jeffrey de Groot寫的Sketch Shortcuts幾乎說明每個快捷鍵用法。也可通過OS X系統偏好設置自定義快捷鍵,例子在Sketch Shortcuts底部。

7. 顏色編輯清單

想輕鬆從螢幕取色,按Ctrl+C,放大鏡出現方便選色。即方便又簡單。

8. 完美像素

Sketch最好功能!能把每個像素點準確定位。
例:圖層中圖像包含不完整像素或位置點不完整。其他軟件調整這些不完整像素點讓人頭疼,Sketch中點擊Edit→Round to nearest pixels edge(或自定快捷鍵),整個圖層圖像與地址自動調整。

建議:自定快捷鍵!匯入圖標時,讓不完整像素調整至正數。
註:若設計用@2X(高像素密度屏幕),但導出@1X時,留意每個位置像素需為2整除,否則像素又變不完整模糊。

9. 匯出功能

Sketch擁有最強導出功能,點擊File→Export畫出所需切片即可。可用@1x導出@2x解析度,相對地用@2x導出@1x圖像。

提供很多切片功能。菜單File→Add Slice from Selection,選剛建立圖層,點選圖像自動畫出同大小切片。

結論

Sketch還有許多實用簡易快捷功能與插件,用上述技巧提高工作流程。歡迎留言交流!

copyright © 萬盛學電腦網 all rights reserved