萬盛學電腦網

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

Sketch大師私藏3大實戰技巧:快捷鍵、畫板管理、DRY原則

面對Sketch這類新工具,誰都想直達高效熟練狀態。@窒息紅Leon分享Sketch大師才會用的3個訣竅。

最舒服的是舒適區。設計師擁有四五款睡夢中都能操作的軟體,數百小時肌肉記憶讓使用如躺老舊扶手椅。轉新工具前幾週總覺得難用——這是必經之路。

Tip 1:做鍵盤快捷鍵忍者

Sketch快捷鍵極簡潔,多為Command+單鍵,甚至單鍵即達(A建畫板)。設計時手指永不纏繞。許多快捷鍵直觀或與PS一致,常被忽視卻是最高頻。

單鍵: A建畫板、T建文字、V建向量、O建圓、R建矩形、U建圓角矩形
組合鍵: Z+點擊/框選縮放至區域、Enter啟用圖層編輯、Shift+Tab反向選圖層、Option+拖動複製圖層、Option+懸停顯示圖層距離、Command+點擊選中組內圖層、Command+R重命名、Command+Shift+H顯隱圖層、Command+滾輪縮放、Command+Shift+E導出模式、Command+Option+C/V複製/貼上圖層樣式

具體哪些重要取決於工作內容。更多參考Jean-Marc Denis的Sketch Keyboard Shortcuts列表。

Tip 2:精心整理頁面與畫板

繪製UI常需創建多個畫板展示交互狀態,通常2-10個畫板描繪一頁。新建畫板(Cmd+A)默認排在右側,約100px間距。但或許你想按坐標軸排列。最整潔組織:左到右或桌面到移動端,所有界面排在一條線上,水平擺放不同界面,垂直擺放同頁面不同狀態。

設計全新網頁時,圖層面板頂部「+」號新建Page。右鍵複製Page可快速復制所有畫板尺寸與通用元素,刪除也方便。一個Sketch文件包含整站設計,每頁分配不同Page,Page內水平放不同界面主視覺,垂直放各自動態效果。(譯者註:如知乎主頁除Timeline外,還需點贊、評論、懸停查看用戶信息等狀態。)

Tip 3:保持DRY——善用共享樣式與符號

DRY = Don't Repeat Yourself,別讓自己重複。類似編程建函數/類封裝復用邏輯。Wet = Write Everything Twice,沒人想變濕漉漉。

共享樣式用於形狀,文字樣式用於文字,符號用於圖層組。目的統一命名以便復用,類似CSS classes。共享樣式與形狀無關:建矩形生成共享樣式命名「按鈕」,套用到其他矩形/圓形/多邊形皆成「按鈕」。檢查器中應用/移除,文字樣式、符號同理。

符號更強:共享形狀、尺寸、位置,作用於整個圖層組(含其他共享/文字樣式)。調整符號組尺寸,內容同步縮放;修改/新增圖層,所有共享該符號的組同步更新。模塊化內容多時,符號功能極其實用。

總結

紙上得來終覺淺,打開Sketch實操才能深刻理解。若你是Logo/界面設計師,這三招助你光速成大師。離開舒適區(PS、AI)一兩小時,下載Sketch試試,你會愛上它的。

copyright © 萬盛學電腦網 all rights reserved