UI/UX:sketch 學習筆記
一、畫面顯示 pixel (像素)
有一次在畫圖時,不知道誤觸了什麼按鍵,導致 sketch 畫面在縮放時顯示 pixel (像素)右圖。當時還以為我的電腦壞掉了XD
解決方法
sketch 工具列 > 視圖(View)> 畫布(Canvas)/ show Pixels on Zoom
- 開啟 show Pixels on Zoom,表示顯示像素(Pixel)。
- 關閉 show Pixels on Zoom,表示顯示向量(Vector)。
參考文章:https://www.sketch.com/docs/canvas/pixel-zoom/
二、畫面不在可見範圍內
畫圖時常常需要縮放檢視畫面,有一次不管我怎麼放大縮小,明明畫版都還在,但就是找不到畫面,呈現一片空白。
解決方法(ㄧ)
command
+ -
或 +
縮放,找出畫面。
若上述方法行不通的話,我發現一個土砲的作法!看方法二。
解決方法(二)
sketch 工具列 > 插入(insert)> 畫板(Artboard)/ 隨便開啟一個畫板,畫板將會自動新增在你製作的畫面後方,這樣就可以找到消失的畫面了!(撒花~)
新增畫板快捷鍵: A
三、用「/」分類
有一次命名時打了「/」斜線符號,無意間發現好用的分類方式!
在 sketch 上用「/」符號建立分類。
例如命名為:icon/personal-normal
Symbol 中「icon」分類就會有「personal-normal」的圖標
匯出圖標
先在桌面建立一個「APP」的資料夾,將 sketch 切圖「icon/personal-normal」匯出至「APP」資料夾中,資料夾就會依照「/」前的名稱,作為資料夾的分類。
個人習慣的分類方式
分類 /(命名)-(狀態)or(顏色)
icon/
btn/
navbar(導航欄)/
tabbar(底部導航欄)/
img/
logo/