線上課程推薦/產品設計實戰:用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的。

15會員
16Content count
日本見聞分享~
留言0
查看全部
發表第一個留言支持創作者!
你可能也想看
Thumbnail
1.加權指數與櫃買指數 週五的加權指數在非農就業數據開出來後,雖稍微低於預期,但指數仍向上噴出,在美股開盤後於21500形成一個爆量假突破後急轉直下,就一路收至最低。 台股方面走勢需觀察週一在斷頭潮出現後,週二或週三開始有無買單進場支撐,在沒有明確的反轉訊號形成前,小夥伴盡量不要貿然抄底,或是追空
Thumbnail
重點摘要: 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期,但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱,經濟復甦的時點或是 1Q25 季底附近
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
我們為你整理了十大Coursera 專案管理課程,讓你掌握豐富的學習資源,如視頻教學、案例研究、實踐演練等,讓你能夠從多個角度深入了解專案管理的核心概念和技巧。無論你是想要學習基礎的專案管理技巧還是希望深入研究先進的專案管理理論和實踐,這十大專案管理課程都能滿足你的需求!
Thumbnail
隨著數位科技的進步,線上學習已成為現代人自我提升的重要工具。透過線上課程平台,我們能夠隨時隨地學習新知,並以自我調整的步調提升專業技能或培養新興趣。本文將帶領你探索台灣市場上最受歡迎的線上課程平台,讓你能夠找到最適合自己的學習管道。
Thumbnail
前情提要: 學習英文已經很多年了,但突然意識到在學校也遇過一些外籍同學,在日常會話中講的句子真的慘不忍睹也常常不知道可以了什麼內容 (因為有些文化很注重隱私,很怕會踩別人雷) 口說課選擇: 比較多家以後發現 School A+ 的課是最經濟實惠的,再加上老師為菲律賓籍都是英文母語者
Thumbnail
英語文法【魚骨拆解術】線上課程,快速提升聽讀寫能力!將複雜的長句子拆解為獨立的小模組,透過拆解基本結構看見每個小零件如何加入主結構,建立英文思考邏輯,奠定仿寫無可取代的基礎。
Thumbnail
這堂課程,將我們自身化為產品,從財務、行銷、研發等方面來說明我們可以怎麼做,怎麼去經營這一家公司。課程中不斷地提到「增長」一詞,只要我們永遠想著增長,並且努力增長,我們就會變成更好的人,資產也自然會隨之增加。
Thumbnail
如果不知道FigJam是幹嘛用的,可以先參考小編之前寫的介紹: 過去使用FigJam,常有一個麻煩的地方,就是如果想在白板上一次移動多個物件的話並不太方便。 以前的解決方式有這2種: 用左鍵拉一個大框框選取各物件,然後拖著移動。(缺點時有時會同時誤圈選到不想要移動的物件)
Thumbnail
因為擔任網站、APP 企劃 PM 的緣故,我看了近十年的產品數據。但在履歷表的專長欄填上「數據分析」這四個字時,還是會感到心虛,因為我不知道如何系統化的拆解挖掘產品的北極星指標。直到上了大維與辰禧所開的「產品數據分析」,學會用商業思維建立指標體系,並認識數據分析除了邏輯思維外還必須有的三觀...
Thumbnail
新年快樂!今年的煙火秀好看嗎?希望你新年的一天不要睡太晚了。新年的第一天,也是今年Mr. S第一次開始推送週報的第一天,我的初衷是能夠每週給你一點整理過後實用的資訊,讓我們可以一天比一天成長。
Thumbnail
培養美感,就從設計雜誌開始! Kono 分享 4 本精選的設計雜誌線上看,幫助你輕鬆找到適合的設計雜誌,一起探索這個精心雕琢的設計世界。
Thumbnail
1.加權指數與櫃買指數 週五的加權指數在非農就業數據開出來後,雖稍微低於預期,但指數仍向上噴出,在美股開盤後於21500形成一個爆量假突破後急轉直下,就一路收至最低。 台股方面走勢需觀察週一在斷頭潮出現後,週二或週三開始有無買單進場支撐,在沒有明確的反轉訊號形成前,小夥伴盡量不要貿然抄底,或是追空
Thumbnail
重點摘要: 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期,但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱,經濟復甦的時點或是 1Q25 季底附近
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
我們為你整理了十大Coursera 專案管理課程,讓你掌握豐富的學習資源,如視頻教學、案例研究、實踐演練等,讓你能夠從多個角度深入了解專案管理的核心概念和技巧。無論你是想要學習基礎的專案管理技巧還是希望深入研究先進的專案管理理論和實踐,這十大專案管理課程都能滿足你的需求!
Thumbnail
隨著數位科技的進步,線上學習已成為現代人自我提升的重要工具。透過線上課程平台,我們能夠隨時隨地學習新知,並以自我調整的步調提升專業技能或培養新興趣。本文將帶領你探索台灣市場上最受歡迎的線上課程平台,讓你能夠找到最適合自己的學習管道。
Thumbnail
前情提要: 學習英文已經很多年了,但突然意識到在學校也遇過一些外籍同學,在日常會話中講的句子真的慘不忍睹也常常不知道可以了什麼內容 (因為有些文化很注重隱私,很怕會踩別人雷) 口說課選擇: 比較多家以後發現 School A+ 的課是最經濟實惠的,再加上老師為菲律賓籍都是英文母語者
Thumbnail
英語文法【魚骨拆解術】線上課程,快速提升聽讀寫能力!將複雜的長句子拆解為獨立的小模組,透過拆解基本結構看見每個小零件如何加入主結構,建立英文思考邏輯,奠定仿寫無可取代的基礎。
Thumbnail
這堂課程,將我們自身化為產品,從財務、行銷、研發等方面來說明我們可以怎麼做,怎麼去經營這一家公司。課程中不斷地提到「增長」一詞,只要我們永遠想著增長,並且努力增長,我們就會變成更好的人,資產也自然會隨之增加。
Thumbnail
如果不知道FigJam是幹嘛用的,可以先參考小編之前寫的介紹: 過去使用FigJam,常有一個麻煩的地方,就是如果想在白板上一次移動多個物件的話並不太方便。 以前的解決方式有這2種: 用左鍵拉一個大框框選取各物件,然後拖著移動。(缺點時有時會同時誤圈選到不想要移動的物件)
Thumbnail
因為擔任網站、APP 企劃 PM 的緣故,我看了近十年的產品數據。但在履歷表的專長欄填上「數據分析」這四個字時,還是會感到心虛,因為我不知道如何系統化的拆解挖掘產品的北極星指標。直到上了大維與辰禧所開的「產品數據分析」,學會用商業思維建立指標體系,並認識數據分析除了邏輯思維外還必須有的三觀...
Thumbnail
新年快樂!今年的煙火秀好看嗎?希望你新年的一天不要睡太晚了。新年的第一天,也是今年Mr. S第一次開始推送週報的第一天,我的初衷是能夠每週給你一點整理過後實用的資訊,讓我們可以一天比一天成長。
Thumbnail
培養美感,就從設計雜誌開始! Kono 分享 4 本精選的設計雜誌線上看,幫助你輕鬆找到適合的設計雜誌,一起探索這個精心雕琢的設計世界。