UI/UX:sketch 學習筆記

遇到困難就做筆記

Doris
3 min readJul 31, 2019

一、畫面顯示 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/

--

--

Doris
Doris

Written by Doris

UI/UX 設計師|上線作品 Beiyi北宜 APP|記錄學習過程|何謂設計?「設」定目標;「計」畫執行

No responses yet