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

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

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 】

raw-image

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

平面設計的經驗讓我了解到如果連基本軟體(工具)都不熟悉,那可能很難把你自己想要呈現的產品做出來。首先,了解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的。

開始上課 【 產品設計實戰:用Figma打造絕佳UI/UX 】

留言
avatar-img
留言分享你的想法!
avatar-img
en的沙龍
15會員
16內容數
日本見聞分享~
你可能也想看
Thumbnail
如果你喜歡畫畫、設計,或者想知道怎麼做一個超好用的手機App或網站,那你一定要認識 Figma!它是一個很簡單就能上手的線上設計工具,不用下載軟體,只要開瀏覽器就能用,還可以和朋友一起合作。 這篇文章專為零基礎的你準備,帶你認識 Figma,一個超簡單又好用的線上設計工具!
Thumbnail
如果你喜歡畫畫、設計,或者想知道怎麼做一個超好用的手機App或網站,那你一定要認識 Figma!它是一個很簡單就能上手的線上設計工具,不用下載軟體,只要開瀏覽器就能用,還可以和朋友一起合作。 這篇文章專為零基礎的你準備,帶你認識 Figma,一個超簡單又好用的線上設計工具!
Thumbnail
製作個人作品集有很多方法,Figma是一個免費又支援很多其他套件的工具,你可以用它來製作許多用途,本篇文章和視頻教學教你如何初步認識Figma
Thumbnail
製作個人作品集有很多方法,Figma是一個免費又支援很多其他套件的工具,你可以用它來製作許多用途,本篇文章和視頻教學教你如何初步認識Figma
Thumbnail
Figma是一款專門製作UI介面的設計師專用軟體,目前在台灣UIUX的工作者大多使用Figma居多。想學習Figma進入UIUX設計職涯,推薦你一個可以有系統的學習Figma的線上課程,Simon老師的 【 產品設計實戰:用Figma打造絕佳UI/UX 】 。
Thumbnail
Figma是一款專門製作UI介面的設計師專用軟體,目前在台灣UIUX的工作者大多使用Figma居多。想學習Figma進入UIUX設計職涯,推薦你一個可以有系統的學習Figma的線上課程,Simon老師的 【 產品設計實戰:用Figma打造絕佳UI/UX 】 。
Thumbnail
每周一篇文章的讀書會心得報告摘要與筆記,本次分享文章為:UI/UX哪裡不同?白話文一次搞懂UX/UI。 1.UX 和UI有什麼不一樣? 2.UX:使用者體驗 User Experience 3.UI:使用者介面 User Interface 4.UX 和UI如何影響彼此? 5.UX 和UI職能大不同
Thumbnail
每周一篇文章的讀書會心得報告摘要與筆記,本次分享文章為:UI/UX哪裡不同?白話文一次搞懂UX/UI。 1.UX 和UI有什麼不一樣? 2.UX:使用者體驗 User Experience 3.UI:使用者介面 User Interface 4.UX 和UI如何影響彼此? 5.UX 和UI職能大不同
Thumbnail
上完Hahow產品設計實戰課程心得分享,分析要點將從以下4點探討 1. 課程規劃 2. 教學風格 3. 講義素材 4. 其他想法 適合對象:UIUX新手與對UI感興趣的轉職者
Thumbnail
上完Hahow產品設計實戰課程心得分享,分析要點將從以下4點探討 1. 課程規劃 2. 教學風格 3. 講義素材 4. 其他想法 適合對象:UIUX新手與對UI感興趣的轉職者
Thumbnail
找到你想成為的設計師典範,盡可能主動模仿學習。這個設計師可以是公司的主管,或是某某產業的專家,甚至坐你旁邊的同事。仔細觀察他的成長路徑和工作模式。如果可以的話,也可以試著透過Messenger或Linkedin社交軟體接觸,了解他是如何站上今天這個位置,或許能得到一些意外的收穫,少走一點冤枉路。
Thumbnail
找到你想成為的設計師典範,盡可能主動模仿學習。這個設計師可以是公司的主管,或是某某產業的專家,甚至坐你旁邊的同事。仔細觀察他的成長路徑和工作模式。如果可以的話,也可以試著透過Messenger或Linkedin社交軟體接觸,了解他是如何站上今天這個位置,或許能得到一些意外的收穫,少走一點冤枉路。
Thumbnail
這個應該算是許多人透過粉專私訊小編、或是在個別諮詢中,最常被問的問題了。 其實我並不鼓勵大家購買大量課程、書籍來淹沒自己,因為資訊量很大,而且每位老師的經歷、教法有不同,有些著重於視覺創意、工具深入應用 ; 有些則對於 UX分析研究相當有經驗。 而此時的你並不知道,到底應該投資哪一種類型項目,最能「
Thumbnail
這個應該算是許多人透過粉專私訊小編、或是在個別諮詢中,最常被問的問題了。 其實我並不鼓勵大家購買大量課程、書籍來淹沒自己,因為資訊量很大,而且每位老師的經歷、教法有不同,有些著重於視覺創意、工具深入應用 ; 有些則對於 UX分析研究相當有經驗。 而此時的你並不知道,到底應該投資哪一種類型項目,最能「
Thumbnail
這次要來介紹的《打造成功 UI/UX 的 50 個關鍵》,非常適合「完全零基礎」的初學者,想轉職介面設計師,卻苦惱不知道從何開始的你,趕快來看看吧!
Thumbnail
這次要來介紹的《打造成功 UI/UX 的 50 個關鍵》,非常適合「完全零基礎」的初學者,想轉職介面設計師,卻苦惱不知道從何開始的你,趕快來看看吧!
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News