更新於 2024/09/27閱讀時間約 1 分鐘

UI/UX Mentor tips2: 轉職新手可以養成的 3 個設計習慣

繼上一篇談到轉職新手的幾個想法誤區之後,這次針對幾個剛接觸 Figma 的學員,在練習掌握設計工具的過程,也可以一邊培養的好習慣,不論是對於自己或是之後在工作上都很受用哦

1. 建立圖層觀念

認識「圖層」是什麼? 每建立一個物件(形狀、文字、群組⋯⋯等等)都是各自獨立一階,由下往上層層堆疊,若形狀位置重疊,則下面的圖層會被上方的圖層阻擋住。

圖層是巢狀式結構,有點像資料夾的概念。如果今天建立好的物件莫名在畫面上消失找不到,可以先檢查圖層,也許它一直都在唷。


2. 文件與圖層命名

在剛建立每一個元件時,都會有預設的圖層名字。為了讓我們之後方便查找與辨識,建議一定要養成命名的習慣,對於之後團隊交付檔案,也會比較友善和有效率唷,通常可以按照種類、內容去做命名依據。

上半部圖層沒有重新整理命名,對比下半部分,無法第一眼知道是什麼區塊跟內容

3. 整理設計檔案

當產品功能和流程越來越龐大與繁雜、設計稿越來越多的時候,會發現設計稿散落在畫面的各個角落或是畫面過於擁擠。可以善用 Figma 的 Pages、Section 功能,除了無論縮放大小,都能很快找到對應的設計稿以外,也能用 Section 附加的功能,和工程師做檔案交接。

像我個人習慣會將設計稿、元件庫以及互動原型以 Pages 分開管理,而設計稿再依照不同功能去做頁面與流程的分類,大家只要找到自己習慣的方式就好囉。


以上是在新手開始學習設計工具初期時,能夠提前養成的習慣,希望能幫助到你。如果有任何問題,也歡迎下滑透過我的 E-mail 或 IG 聯繫我。

分享至
成為作者繼續創作的動力吧!
© 2024 vocus All rights reserved.