平面設計轉職，快速上手 Figma/Sketch 製作作品集

平面設計師轉職 UIUX 該如何自學？Figma、Sketch 這些設計軟體要全學會嗎？設計作品集要怎麼準備？我們精選了對應 UIUX 設計師必備技能的七堂線上課程，讓你成功踏上轉職之路！

對文章有興趣來不及看？點選右上角「橘色小書籤」收藏文章，再也不怕錯過就是一輩子！

近年來隨著數位產品、服務興起，市場上對於 UIUX 設計的需求越來越大，許多平面設計師也搭上了這波熱潮，紛紛轉職成 UI/UX 設計師。

有著平面設計底子的求職者相對於一般非設計背景的求職者，擁有的優勢是已經非常熟悉視覺設計的基本概念（像是排版、配色、字體等）、擅長使用設計軟體工具（如 Adobe Photoshop、Illustrator ），也具備了一定的美感基礎。因此，要成功轉職其實只要明確的了解 UI/UX 設計師與平面設計師的技能組合差異，就可以快速訂定自學的方向！

我們根據各大求職網站上 UI/UX 設計職缺的條件要求，整理歸納出以下五項 UI/UX 設計師要具備的技能組合：

uiux01

設計原則：UI/UX 設計一定要遵循的規範有哪些？要依據哪些設計原則才能保證流暢的使用體驗？
軟體工具：Figma、Sketch、Adobe XD 怎麼使用？有什麼小技巧讓我操作軟體更有效率？
專案流程：設計的整個專案流程是什麼？wireframe、mockup、prototype 到底要先從哪個開始？
核心思維：要怎麼才能了解用戶的需求呢？怎麼樣才能做出體驗好、老闆客戶又買單的設計？
跨領域協作：做出的設計要怎麼樣才不會惹毛工程師？跟工程師要怎麼樣建立共同語言？

想轉職 UI/UX 設計的你可以根據自己所缺乏的技能組合，去補足、強化相關能力，我們也精心挑選了 Hahow 上對應各技能組合的中文線上課程，希望可以協助你用有效率、系統化的方式去踏上轉職之路！

如果你想快速上手 UI/UX 設計師一定要會的基本功
▶ ▶ ▶ 請直接跳到 技能組合 1-3：設計原則、軟體工具、專案流程

如果你對於使用者研究的職位比較有興趣，或是想學習前期的商業目標分析、利害關係人管理
▶ ▶ ▶ 請直接跳到 技能組合 4：核心思維

如果你想增進自己跟工程師的溝通協作能力、做出工程師不會暴怒的設計，或是你其實跑錯棚，想學的是入門前端網頁開發
▶ ▶ ▶ 請直接跳 技能組合 5：跨領域協作

我們精選了可以強化這些重要技能組合的中文線上課程，希望幫助想轉職的你，更有效率的開始轉職第一步！

組合技能 1-3：設計原則、軟體工具、專案流程

「UI/UX 設計」跟「平面設計」最大的差別在於設計出來的東西是否有 「跟使用者互動」。當產品加了多元的互動形式，在設計上的考量點也會跟平面設計相當不同。

平面設計背景的學生在轉換跑道時，第一步就要先熟悉常見的設計原則（如易用性原則）、設計規範（如 Google Material Design、iOS Human Interface Guideline），了解最基本要遵守的規則。而熟悉這些設計背後的脈絡也可以幫助你在求職時能明確表達出每個設計選擇背後的理由，提升作為設計師的專業度。

接著，Figma、Sketch、Adobe XD 等軟體工具的操作技巧，搭配整體專案流程的 know-how 也是設計師的必備知識。清楚了解每個流程步驟的目的、要產出什麼東西、使用什麼樣的工具，並有動手實作的經驗，這都是要轉職非常重要的基本功。

▶ 產品設計實戰：用 Figma 打造絕佳UI/UX

根據 UX Tools 2020 年對全球四千位設計師的問卷調查，Figma 已經躍升為設計師最常使用的工具，無論是 Mac 還是 Windows 都可以使用，而且有免費方案喔！這堂由 UX 設計師、產品設計內容平台 AAPD 創辦人 Simon 所開設的 14 小時課程，將帶你一覽完整的設計流程、設計原則規範，透過詳細的操作教學讓你學會不只是基礎、還有進階的軟體技巧。跟著老師的拆解步驟，完成一個網頁跟 App 的設計和原型製作。同時也會分享求職必備的作品集準備，帶你一路從入門邁向轉職！

▶ 不小心就學會！用 UI 設計方法製作網站

由 Adobe 官方合作設計師 Riven 授課的 Adobe XD 課程，要教你用 UI 設計思維實際設計出網頁、製作成網站，放入作品集裡！這堂 5 小時的課程涵蓋了轉職 UI 設計必備基本知識，包括網頁風格趨勢、設計流程、設計師角色等。讓你循序漸進，先學會 UI 設計原則、簡單入門 Adobe XD 軟體操作，接著一步步教你用 Webflow 架設網站，最後完成 3 個 20 分鐘以上的網站綜合實作。

uiux02

組合技能 4：核心思維

根據《台灣使用者經驗設計產業與工作者 2020 年度調查報告》，有四成的 UIUX 工作者表示他們所在的公司開始對 UX 感興趣、有三成的工作者表示公司有正式分配資源導入使用者體驗這一塊。隨著台灣的 UIUX 產業越來越成熟，除了最基本的熟悉工具軟體、設計原則規範外，建立設計背後的 UX 核心思維會是讓你從眾多求職競爭者中脫穎而出的關鍵。

如果你符合以下狀況：

對於使用者研究的職位更有興趣，想學怎麼做用戶訪談
除了基本的 UIUX 設計原則，還希望在設計時可以思考產品、商業目標
想要搞清楚利害關係人的需求，避免邊做邊改永遠沒終點、做白工
好奇怎麼用數據來輔助做產品設計的驗證跟優化
我們精選了以下兩堂課可以幫助你找到答案：

▶ 產品分析入門：UX 設計師的思考術

這堂由十多年網路產業工作者、資深產品設計師 Soking 講授的 UX 入門課程，特別適合對使用者研究有興趣的轉職者。這堂課會教你從產品分析開始練習 UX 方法，了解業界設計師怎麼思考。課程會介紹商業需求分析的基本概念、並教你實際運用用戶訪談、Persona 等用戶研究方法，帶你用真正的網路新創公司為案例來練習 UX 方法，最後完成一份產品分析的 side project 放進作品集裡！

▶ 用戶x商業x數據 | UX‧三刀流產品體驗設計

由商業設計系大學教授、多家網路新創公司共同創辦人 — 溫明輝講授，除了介紹 UX 的基本概念、原型設計外，會進一步帶到產品設計更前期的商業策略、需求分析、市場定位、利害關係人管理等概念，並教你如何運用數據來驗證創新產品、根據使用者回饋提出產品優化計劃。用六個階段性的作業完成一份具備「用戶」、「商業」、「數據」三種思維的專案。

組合技能 5：跨領域協作

UI/UX 設計師在整個專案的流程，需要面對不同的團隊角色並跟他們進行溝通、協作，像是產品經理、工程師等，尤其是在交付設計給工程師時。如果能先跟他們建立共同語言，也就是具備基礎的程式能力，就可以盡量避免做出讓工程師暴怒的設計，並更好的跟團隊夥伴溝通協作。這也會是轉職時一項相當加分的技能。

以下是我們推薦給想入門程式語言的你：

▶ 動畫互動網頁程式入門 (HTML/CSS/JS)

由橫跨設計跟程式設計兩個領域的墨雨設計創辦人吳哲宇授課，適合完全不懂 html、css 的你入門網頁程式。老師會從前期規劃、環境架設、基礎 html/css 開始了解基礎，並透過七個實作 project 帶你從設計的角度出發，一步步刻出簡單、好看的網頁。讓想成為 UI/UX 設計師的你對於前端有更多的了解，之後在做設計工作時可以用工程的角度去考量設計，並提高跟工程師的溝通效率。