線上課程推薦/產品設計實戰:用Figma打造絕佳UI/UX

閱讀時間約 4 分鐘

Figma是什麼?

Figma是一款專門製作UI介面的設計師專用軟體,目前在台灣UIUX的工作者大多使用Figma居多。操作與檔案存放更有雲端免費版本可以使用,不怕當機、忘記存檔等問題,只要有網路即可連線到自己的帳戶做使用。另外,Figma還可多人協作同一檔案,其他人可以在上面做註記、協作等,非常方便。
*使用雲端版更換電腦的話要注意是否有相同字型可供使用。

那UIUX又是什麼?

UI是User Interface的縮寫,意及「使用者介面」。UI著重在產品美觀,例如你在使用某款手機記帳APP,記帳APP上的視覺、排版、按鈕的擺放等都跟UI有關。
UX是User Experience的縮寫,意及「使用者經驗」。UX則是著重在設計出符合使用者習慣的產品,觀察使用者在操作產品上是否流暢、直覺。UX設計師甚至必須線下做使用者調查,觀察、研究產品真實使用者的產品使用習慣。

為什麼我會學Figma?

我本來是一名平面設計,使用的軟體不外乎就是常見的illustrator、Photoshop等,後來聽說了UIUX設計師這個職業,薪資起薪比平面設計高,且數位產業蓬勃發展,未來數位產品的需求肯定是越來越大的。另外從平面設計轉職過去部分邏輯是一樣的,比起其他行業轉職過去,學習速度快、準備時間也比較短。
而能夠製作出UIUX的軟體,除了Figma之外,市面上還有Sketch跟Adobe XD等軟體,選擇Figma最主要的原因是搜尋104、cakeresume等求職網站後發現,UIUX設計師在軟體需求上目前以Figma為最大宗。
實際上使用後,我覺得Figma真的很方便、上手也快,不用下載軟體,使用網頁版的就綽綽有餘,而且還有很多設計素材的免費插件可以用,真的是一款功能強大的軟體。

實際學習狀況分享&我推薦的線上課程

我在裸辭的狀況下心無旁鶩的花了1-2個月的時間學習UIUX,大致上做出了一個模擬查詢台北公車路線的APP作品集。(見下圖)
當時多方研究後我選擇在線上平台hahow購買Simon老師的線上課程 【 產品設計實戰:用Figma打造絕佳UI/UX 】
學習線上課程後做出來的UI設計(僅放上部分頁面)

我為什麼會購買這堂線上課程呢?

平面設計的經驗讓我了解到如果連基本軟體(工具)都不熟悉,那可能很難把你自己想要呈現的產品做出來。首先,了解Figma大致的架構並學會基本操作是我的首要目標,而Simon老師的這堂課程主打能讓你使用Figma做出一個完整的UI介面,此外課程中也會帶到一些UX知識,讓入門者有基本UX概念,最後還有作品集準備建議、國際職涯建議等在轉職上非常有幫助的內容。

你可以在「產品設計實戰:用Figma打造絕佳UI/UX」這門線上課程學到什麼?

學習完這門課程能夠讓你對於Figma有基本概念的認識,並且有辦法利用Figma軟體製作出一個完整的UI介面設計,當然還會帶到一點UX概念。
此外,Simon老師的線上課程還有線下諮詢社群可以提問,上面有許多在業界有經驗的助教,甚至強者同學會幫忙解答!


後期建議

學習完這門課開始對Figma有了基本架構之後,如果想要繼續朝UIUX職涯發展,網路上還有許多免費資源可以參考並精進自己。
・想參考其他人做的作品:behanceDribbble(許多設計師會在上面分享自己的作品)
・想了解國際職涯、業界資訊、UX理論、實務經驗等,推薦你關注
聽的:設計游牧Podcasts
線上文章:UX 四神湯Simon老師經營的產品內容設計平台AAPD — As A Product Designer

後記

雖然我目前還是沒有選擇UIUX設計師的職涯,暫時轉職成行銷企劃,但其實Figma也能編排線上圖文、小編社群圖等等(簡單排版圖文為主),其實我還是有在使用的,而且因為是免費軟體,甚至還幫公司省了一筆錢。此外,數位產業是未來趨勢,我現在任職的公司其實也有UIUX設計的需求,我甚至還必須幫忙審稿,也許未來還是有很大機會碰到UIUX的。

avatar-img
15會員
16內容數
日本見聞分享~
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
我們為你整理了十大Coursera 專案管理課程,讓你掌握豐富的學習資源,如視頻教學、案例研究、實踐演練等,讓你能夠從多個角度深入了解專案管理的核心概念和技巧。無論你是想要學習基礎的專案管理技巧還是希望深入研究先進的專案管理理論和實踐,這十大專案管理課程都能滿足你的需求!
Thumbnail
隨著數位科技的進步,線上學習已成為現代人自我提升的重要工具。透過線上課程平台,我們能夠隨時隨地學習新知,並以自我調整的步調提升專業技能或培養新興趣。本文將帶領你探索台灣市場上最受歡迎的線上課程平台,讓你能夠找到最適合自己的學習管道。
Thumbnail
前情提要: 學習英文已經很多年了,但突然意識到在學校也遇過一些外籍同學,在日常會話中講的句子真的慘不忍睹也常常不知道可以了什麼內容 (因為有些文化很注重隱私,很怕會踩別人雷) 口說課選擇: 比較多家以後發現 School A+ 的課是最經濟實惠的,再加上老師為菲律賓籍都是英文母語者
Thumbnail
英語文法【魚骨拆解術】線上課程,快速提升聽讀寫能力!將複雜的長句子拆解為獨立的小模組,透過拆解基本結構看見每個小零件如何加入主結構,建立英文思考邏輯,奠定仿寫無可取代的基礎。
Thumbnail
這堂課程,將我們自身化為產品,從財務、行銷、研發等方面來說明我們可以怎麼做,怎麼去經營這一家公司。課程中不斷地提到「增長」一詞,只要我們永遠想著增長,並且努力增長,我們就會變成更好的人,資產也自然會隨之增加。
Thumbnail
如果不知道FigJam是幹嘛用的,可以先參考小編之前寫的介紹: 過去使用FigJam,常有一個麻煩的地方,就是如果想在白板上一次移動多個物件的話並不太方便。 以前的解決方式有這2種: 用左鍵拉一個大框框選取各物件,然後拖著移動。(缺點時有時會同時誤圈選到不想要移動的物件)
Thumbnail
因為擔任網站、APP 企劃 PM 的緣故,我看了近十年的產品數據。但在履歷表的專長欄填上「數據分析」這四個字時,還是會感到心虛,因為我不知道如何系統化的拆解挖掘產品的北極星指標。直到上了大維與辰禧所開的「產品數據分析」,學會用商業思維建立指標體系,並認識數據分析除了邏輯思維外還必須有的三觀...
Thumbnail
新年快樂!今年的煙火秀好看嗎?希望你新年的一天不要睡太晚了。新年的第一天,也是今年Mr. S第一次開始推送週報的第一天,我的初衷是能夠每週給你一點整理過後實用的資訊,讓我們可以一天比一天成長。
Thumbnail
培養美感,就從設計雜誌開始! Kono 分享 4 本精選的設計雜誌線上看,幫助你輕鬆找到適合的設計雜誌,一起探索這個精心雕琢的設計世界。
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
我們為你整理了十大Coursera 專案管理課程,讓你掌握豐富的學習資源,如視頻教學、案例研究、實踐演練等,讓你能夠從多個角度深入了解專案管理的核心概念和技巧。無論你是想要學習基礎的專案管理技巧還是希望深入研究先進的專案管理理論和實踐,這十大專案管理課程都能滿足你的需求!
Thumbnail
隨著數位科技的進步,線上學習已成為現代人自我提升的重要工具。透過線上課程平台,我們能夠隨時隨地學習新知,並以自我調整的步調提升專業技能或培養新興趣。本文將帶領你探索台灣市場上最受歡迎的線上課程平台,讓你能夠找到最適合自己的學習管道。
Thumbnail
前情提要: 學習英文已經很多年了,但突然意識到在學校也遇過一些外籍同學,在日常會話中講的句子真的慘不忍睹也常常不知道可以了什麼內容 (因為有些文化很注重隱私,很怕會踩別人雷) 口說課選擇: 比較多家以後發現 School A+ 的課是最經濟實惠的,再加上老師為菲律賓籍都是英文母語者
Thumbnail
英語文法【魚骨拆解術】線上課程,快速提升聽讀寫能力!將複雜的長句子拆解為獨立的小模組,透過拆解基本結構看見每個小零件如何加入主結構,建立英文思考邏輯,奠定仿寫無可取代的基礎。
Thumbnail
這堂課程,將我們自身化為產品,從財務、行銷、研發等方面來說明我們可以怎麼做,怎麼去經營這一家公司。課程中不斷地提到「增長」一詞,只要我們永遠想著增長,並且努力增長,我們就會變成更好的人,資產也自然會隨之增加。
Thumbnail
如果不知道FigJam是幹嘛用的,可以先參考小編之前寫的介紹: 過去使用FigJam,常有一個麻煩的地方,就是如果想在白板上一次移動多個物件的話並不太方便。 以前的解決方式有這2種: 用左鍵拉一個大框框選取各物件,然後拖著移動。(缺點時有時會同時誤圈選到不想要移動的物件)
Thumbnail
因為擔任網站、APP 企劃 PM 的緣故,我看了近十年的產品數據。但在履歷表的專長欄填上「數據分析」這四個字時,還是會感到心虛,因為我不知道如何系統化的拆解挖掘產品的北極星指標。直到上了大維與辰禧所開的「產品數據分析」,學會用商業思維建立指標體系,並認識數據分析除了邏輯思維外還必須有的三觀...
Thumbnail
新年快樂!今年的煙火秀好看嗎?希望你新年的一天不要睡太晚了。新年的第一天,也是今年Mr. S第一次開始推送週報的第一天,我的初衷是能夠每週給你一點整理過後實用的資訊,讓我們可以一天比一天成長。
Thumbnail
培養美感,就從設計雜誌開始! Kono 分享 4 本精選的設計雜誌線上看,幫助你輕鬆找到適合的設計雜誌,一起探索這個精心雕琢的設計世界。