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

更新於 發佈於 閱讀時間約 1 分鐘

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

1. 建立圖層觀念

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

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

raw-image


2. 文件與圖層命名

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

raw-image

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

3. 整理設計檔案

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

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

raw-image


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

留言
avatar-img
留言分享你的想法!
avatar-img
Lena 哩那 | UIUX 設計 | 生涯設計
21會員
49內容數
跨領域自學轉職的 UI/UX Designer,目前是名自由工作者,善於輔導零基礎新手轉職成為 UI/UX 設計師。另外也喜歡不斷探索生涯,挖掘不同的可能性! E-mail: ahri.lena.ty@gmail.com | ig: lenaaaa.design
2025/04/04
有越來越多人選擇 UI/UX 做為轉職的目標,但也發現許多學員在不全然了解 UI/UX 設計的情況下,就花了大筆金錢買仿間的各種課程了。沒有一個領域是絕對的好與壞,以下這些特性,你能接受嗎?
Thumbnail
2025/04/04
有越來越多人選擇 UI/UX 做為轉職的目標,但也發現許多學員在不全然了解 UI/UX 設計的情況下,就花了大筆金錢買仿間的各種課程了。沒有一個領域是絕對的好與壞,以下這些特性,你能接受嗎?
Thumbnail
2025/03/03
一起來了解一個專案是如何開始的,以及設計師可能會需要參與的部分
Thumbnail
2025/03/03
一起來了解一個專案是如何開始的,以及設計師可能會需要參與的部分
Thumbnail
2025/02/07
這篇整理了許多初學 UI/UX 設計的學員們,最常詢問的 8 個快問快答。
Thumbnail
2025/02/07
這篇整理了許多初學 UI/UX 設計的學員們,最常詢問的 8 個快問快答。
Thumbnail
看更多
你可能也想看
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
全球科技產業的焦點,AKA 全村的希望 NVIDIA,於五月底正式發布了他們在今年 2025 第一季的財報 (輝達內部財務年度為 2026 Q1,實際日曆期間為今年二到四月),交出了打敗了市場預期的成績單。然而,在銷售持續高速成長的同時,川普政府加大對於中國的晶片管制......
Thumbnail
全球科技產業的焦點,AKA 全村的希望 NVIDIA,於五月底正式發布了他們在今年 2025 第一季的財報 (輝達內部財務年度為 2026 Q1,實際日曆期間為今年二到四月),交出了打敗了市場預期的成績單。然而,在銷售持續高速成長的同時,川普政府加大對於中國的晶片管制......
Thumbnail
這篇文章介紹了面試時以及開始工作後可能會遇到的問題,包括物件導向OOP、SOLID 設計原則、測試方式,以及 Cookie、Session 與 Cache 的相似處與不同處。提供了豐富的相關資訊。
Thumbnail
這篇文章介紹了面試時以及開始工作後可能會遇到的問題,包括物件導向OOP、SOLID 設計原則、測試方式,以及 Cookie、Session 與 Cache 的相似處與不同處。提供了豐富的相關資訊。
Thumbnail
1.設計系統不用從頭開始 在設計產品時,有一個觀念可能會顛覆我們對於產品設計的傳統想法。這是初期在 AlleyPin 擔任一人設計師,負責各種產品或視覺設計工作時才逐漸領悟到的一點。 當時,我在購買UI Kits這件事情上猶豫不決,擔心使用現成的設計資源會使我的設計變得無聊或是缺乏創造。後來面臨
Thumbnail
1.設計系統不用從頭開始 在設計產品時,有一個觀念可能會顛覆我們對於產品設計的傳統想法。這是初期在 AlleyPin 擔任一人設計師,負責各種產品或視覺設計工作時才逐漸領悟到的一點。 當時,我在購買UI Kits這件事情上猶豫不決,擔心使用現成的設計資源會使我的設計變得無聊或是缺乏創造。後來面臨
Thumbnail
進入物件導向設計的實戰階段,我們通過建立人力資源管理功能來實踐理論知識。透過這些實作練習,能夠深化對物件導向概念的理解,並學會如何在實際開發中應用這些概念。
Thumbnail
進入物件導向設計的實戰階段,我們通過建立人力資源管理功能來實踐理論知識。透過這些實作練習,能夠深化對物件導向概念的理解,並學會如何在實際開發中應用這些概念。
Thumbnail
在物件導向程式設計的進階階段,學生將學習繼承、介面、抽象類別等核心概念。繼承允許類別共享屬性和方法,介面確保實現類別提供特定的方法實現,而抽象類別定義了基本結構供子類別擴展。這些知識點有助於提升程式碼的重用性、擴展性和維護性。
Thumbnail
在物件導向程式設計的進階階段,學生將學習繼承、介面、抽象類別等核心概念。繼承允許類別共享屬性和方法,介面確保實現類別提供特定的方法實現,而抽象類別定義了基本結構供子類別擴展。這些知識點有助於提升程式碼的重用性、擴展性和維護性。
Thumbnail
列出一套完整的程式 程式設計有許多種方法,不過通常會先列出清單的再逐一執行,這樣會加快程式設計的速度。設計通常會採取順推的辦法。所以順推的程式設計方式就是經歷觀念溝通、系統分析、資料統合、權限管理、頻率與時間、後台管理、畫面設計等等階段後,將框架設計完了以後,先列出一套完整的程式,將所有使用者都確
Thumbnail
列出一套完整的程式 程式設計有許多種方法,不過通常會先列出清單的再逐一執行,這樣會加快程式設計的速度。設計通常會採取順推的辦法。所以順推的程式設計方式就是經歷觀念溝通、系統分析、資料統合、權限管理、頻率與時間、後台管理、畫面設計等等階段後,將框架設計完了以後,先列出一套完整的程式,將所有使用者都確
Thumbnail
今天要來整理 Figma的免費課程!傳送門 Figma 是個很好用的製圖工具, 但在真正用 Figma 畫 UIUX時,最重要的第一步是「知道這個專案的目的」。 Wireframes 產品框線圖 Figma 可以用來畫 Wireframes 就像在寫文章一樣先有大鋼,再填內容。在做產品
Thumbnail
今天要來整理 Figma的免費課程!傳送門 Figma 是個很好用的製圖工具, 但在真正用 Figma 畫 UIUX時,最重要的第一步是「知道這個專案的目的」。 Wireframes 產品框線圖 Figma 可以用來畫 Wireframes 就像在寫文章一樣先有大鋼,再填內容。在做產品
Thumbnail
養成 1px 都不差的切版練習,紀錄我的訓練過程。
Thumbnail
養成 1px 都不差的切版練習,紀錄我的訓練過程。
Thumbnail
這邊要來跟大家介紹C#,使用的軟體會是Visual Studio 2017版本 介紹內容架構可以分六大階段:入門級、基礎級、中低階級、中階級、中高階級、高階級 在正式開始寫程式前,要先了解一些基本概念哦! 就如同學中文前要先了解ㄅㄆㄇㄈ或羅馬拼音之類的,程式也是一樣道理,先把基本概念了解後再來開始
Thumbnail
這邊要來跟大家介紹C#,使用的軟體會是Visual Studio 2017版本 介紹內容架構可以分六大階段:入門級、基礎級、中低階級、中階級、中高階級、高階級 在正式開始寫程式前,要先了解一些基本概念哦! 就如同學中文前要先了解ㄅㄆㄇㄈ或羅馬拼音之類的,程式也是一樣道理,先把基本概念了解後再來開始
Thumbnail
申請Notion帳號之後,看著空空的頁面卻不知道怎麼開始? 這篇方格子是要一步步地教Notion新手們,怎麼蓋自己的書櫃~ (21/03/27追記)書櫃詳細設定
Thumbnail
申請Notion帳號之後,看著空空的頁面卻不知道怎麼開始? 這篇方格子是要一步步地教Notion新手們,怎麼蓋自己的書櫃~ (21/03/27追記)書櫃詳細設定
Thumbnail
UX文案是設計師們操作情境很好的工具,可以減少用戶認知負擔,讓介面簡單易懂。但我看過許多後台介面的Placeholder文案似乎是亂寫的? 為什麼想寫這個題目? 比起光鮮亮麗的前台介面流程,一般營運管理介面(俗稱後台)經常淪為配角,常被認為是「有空再來談怎麼優化」,而所謂的後台優化常常意味著追加功能
Thumbnail
UX文案是設計師們操作情境很好的工具,可以減少用戶認知負擔,讓介面簡單易懂。但我看過許多後台介面的Placeholder文案似乎是亂寫的? 為什麼想寫這個題目? 比起光鮮亮麗的前台介面流程,一般營運管理介面(俗稱後台)經常淪為配角,常被認為是「有空再來談怎麼優化」,而所謂的後台優化常常意味著追加功能
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News