自學UIUX線上必修課程

更新 發佈閱讀 4 分鐘

心得:Hahow產品設計實戰:用Figma 打造絕佳UIUX

raw-image

UX(User Experience) 當道的年頭,介面設計工具總是不斷的推陳出新,以Mac使用者而言,最初是Sketch,近期卻是Figma。本來轉換工具就要經歷學習陣痛期,但聽說Figma容易上手,且做Prototype的便利性可取代Invision之後,讓我也不僅想研究一下。一開始有找udemy, youtube等,優點是費用低甚至免錢,但缺點是課程多數只有介紹功能,而且內容都很片段,看完還是不知道如何應用在產品設計上。除此之外,對於UI設計師的實際工作流程,以及如何產出也是一知半解,就算是透過跟同事聊天,還是霧裡看花的狀態。因此,後續希望能找到一堂較完整規劃的課程,然後就看到這堂課,Hahow產品設計實戰:用Figma 打造絕佳UIUX.

上完課後,覺得此課程很值得推薦給其他學習者,以下將從課程規劃,教學風格,講義素材與其他建議,四個面向來介紹這堂課。

1.課程規劃
如果有閱讀過AAPD(As A Product Designer)的文章,應該都知道創辦人Simon本人就是自學UIUX的模範生,目前也擔任外商公司的資深UIUX設計師,因此在課程內容規劃上,可看得出良好的脈絡跟邏輯。主架構同樣是介紹Figma的工具,但脈絡是以產品設計0-1的程序,所以每個功能可對應實際應用層面,以及設計師工作時的心法,這部分我認為是上課的最大收穫。另外,UIUX (User Experience) 最主要的是觀念,如何表現則是其次。課程把UIUX介紹放第一章節,個人覺得很適當,畢竟以非相關背景人士,無法分辨UIUX的區別,以及詳細的工作流程。

再者,以UI設計師而言,基本/常見的UI元件是哪些也是我想知道的。所以整體而言,以非UI背景的學生,這課程的規劃 1)UIUX介紹---> 2) Figma基礎功能--> 3)Figma進階技巧-->4) 原型設計5) 產品設計實戰 ( App/ Web) ---> 6)作品集的準備 ,讓我總算比較能掌握UI設計師的工作模式與內容。另外,每堂課之後有個小作業,也是複習單元的好機會,更要督促自己要動手做有產出(不能只是看)。

2. 教學風格
設計師就像前輩,手把手帶學生入門,所以每個步驟都會講解得非常詳細,也會提醒哪些地雷要注意,甚至是交付給工程師檔案。不過,有些部分例如做選單內容,因為內容放進選單,其實方式是一樣,建議細節的部分就只需講一次,後續製作相同的東西,可以快轉帶過到下一個功能就好。

3. 講義素材
加入課程後,設計師有開一個Slack讓學員都可以上網互相交流跟問問題,此外每個作業Simon都會給回饋,讓學生可以從中檢視自己作業的優缺點,這部分真的很佛心。

如果之後有些講義,希望Simon也可以介紹1-2個覺得設計不錯的給我們參考,如此學員更可從設計師觀點去了解,好的作品以及原因。像是作品集介紹,就有舉例子並分析,收穫很多!

4. 其他建議
以工具為主,能一窺UI產品設計的實作過程,這堂課可說是物超所值,如果CP值總分為10,此堂課程我會給9.5,另外5分則是個人希望後續Simon能再加開的課程內容。

  1. 用不同pattern的優點跟缺點
  2. 製作IOS跟Andriod設計時的差異
  3. 製作App與Web UI時,其他knowhow
  4. 以及不同裝置設計,交付給工程師要注意的點(例如設計還需上傳到zeplin嗎?尺寸標示等等)
  5. 哪些動畫比較常用/少用?為何?

總體而言,還是會大力推薦新手,以及想轉職的各位購買的課程!
期待後續還會有別的課程可以購買!如果覺得我文章對你有幫助,請給我點鼓勵歐!

raw-image


留言
avatar-img
CJ的沙龍
3會員
4內容數
CJ的沙龍的其他內容
2021/06/18
這段期間,我鼓勵大家可以多下廚,因為料理這門學問,好處包含以下3種: 1) 訓練應變力與創造性 2) 時間管理 3) 成本控管力 4) 建立自信心與成就感
Thumbnail
2021/06/18
這段期間,我鼓勵大家可以多下廚,因為料理這門學問,好處包含以下3種: 1) 訓練應變力與創造性 2) 時間管理 3) 成本控管力 4) 建立自信心與成就感
Thumbnail
2021/06/12
空氣中瀰漫著豆子的香氣,忙到一個段落後,微涼的咖啡,苦澀中帶點果香,細細品嚐大人的滋味,說到後來,欣賞的是,充實卻又帶點愜意的氛圍。
Thumbnail
2021/06/12
空氣中瀰漫著豆子的香氣,忙到一個段落後,微涼的咖啡,苦澀中帶點果香,細細品嚐大人的滋味,說到後來,欣賞的是,充實卻又帶點愜意的氛圍。
Thumbnail
2021/06/08
靈魂寫作又有些人稱之自由書寫,其實並非嶄新的療癒方法,很多人會比喻靈魂寫作如同日記,但其實前者不同於日記僅是紀錄一天的生活,更多時候它更能協助我們釋放情緒、釐清問題以及探索自我,這是一場1對1與靈魂對話的過程,所以我認為『靈魂寫作』一詞形容此方法更貼切。
Thumbnail
2021/06/08
靈魂寫作又有些人稱之自由書寫,其實並非嶄新的療癒方法,很多人會比喻靈魂寫作如同日記,但其實前者不同於日記僅是紀錄一天的生活,更多時候它更能協助我們釋放情緒、釐清問題以及探索自我,這是一場1對1與靈魂對話的過程,所以我認為『靈魂寫作』一詞形容此方法更貼切。
Thumbnail
看更多
你可能也想看
Thumbnail
在 vocus 與你一起探索內容、發掘靈感的路上,我們又將啟動新的冒險——vocus App 正式推出! 現在起,你可以在 iOS App Store 下載全新上架的 vocus App。 無論是在通勤路上、日常空檔,或一天結束後的放鬆時刻,都能自在沈浸在內容宇宙中。
Thumbnail
在 vocus 與你一起探索內容、發掘靈感的路上,我們又將啟動新的冒險——vocus App 正式推出! 現在起,你可以在 iOS App Store 下載全新上架的 vocus App。 無論是在通勤路上、日常空檔,或一天結束後的放鬆時刻,都能自在沈浸在內容宇宙中。
Thumbnail
vocus 慶祝推出 App,舉辦 2026 全站慶。推出精選內容與數位商品折扣,訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包,以及全站徵文,並邀請你一起來回顧過去的一年, vocus 與創作者共同留下了哪些精彩創作。
Thumbnail
vocus 慶祝推出 App,舉辦 2026 全站慶。推出精選內容與數位商品折扣,訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包,以及全站徵文,並邀請你一起來回顧過去的一年, vocus 與創作者共同留下了哪些精彩創作。
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
加入商業思維學院3個月,就能把學到的東西運用在工作中。而6個月後參加產品經理學習營,還入圍Final Pitch拿到嘖嘖 Manny 老師的評審最愛獎,因此想和大家分享! 推薦給這些朋友: 持續在設計領域努力,最近卻有點茫然 對產品有熱情,卻找不到機會實 過去買線上課的糟糕經驗,導致現在購課都很猶豫
Thumbnail
加入商業思維學院3個月,就能把學到的東西運用在工作中。而6個月後參加產品經理學習營,還入圍Final Pitch拿到嘖嘖 Manny 老師的評審最愛獎,因此想和大家分享! 推薦給這些朋友: 持續在設計領域努力,最近卻有點茫然 對產品有熱情,卻找不到機會實 過去買線上課的糟糕經驗,導致現在購課都很猶豫
Thumbnail
上完Hahow產品設計實戰課程心得分享,分析要點將從以下4點探討 1. 課程規劃 2. 教學風格 3. 講義素材 4. 其他想法 適合對象:UIUX新手與對UI感興趣的轉職者
Thumbnail
上完Hahow產品設計實戰課程心得分享,分析要點將從以下4點探討 1. 課程規劃 2. 教學風格 3. 講義素材 4. 其他想法 適合對象:UIUX新手與對UI感興趣的轉職者
Thumbnail
這個應該算是許多人透過粉專私訊小編、或是在個別諮詢中,最常被問的問題了。 其實我並不鼓勵大家購買大量課程、書籍來淹沒自己,因為資訊量很大,而且每位老師的經歷、教法有不同,有些著重於視覺創意、工具深入應用 ; 有些則對於 UX分析研究相當有經驗。 而此時的你並不知道,到底應該投資哪一種類型項目,最能「
Thumbnail
這個應該算是許多人透過粉專私訊小編、或是在個別諮詢中,最常被問的問題了。 其實我並不鼓勵大家購買大量課程、書籍來淹沒自己,因為資訊量很大,而且每位老師的經歷、教法有不同,有些著重於視覺創意、工具深入應用 ; 有些則對於 UX分析研究相當有經驗。 而此時的你並不知道,到底應該投資哪一種類型項目,最能「
Thumbnail
這次要來介紹的《打造成功 UI/UX 的 50 個關鍵》,非常適合「完全零基礎」的初學者,想轉職介面設計師,卻苦惱不知道從何開始的你,趕快來看看吧!
Thumbnail
這次要來介紹的《打造成功 UI/UX 的 50 個關鍵》,非常適合「完全零基礎」的初學者,想轉職介面設計師,卻苦惱不知道從何開始的你,趕快來看看吧!
Thumbnail
深入淺出介面設計講座 即使這個講座,本意是給大學生或社會新鮮人,提供他們成為UI設計師路上的一些小建議。 但我認為這個講座的內容也非常適合想要轉職UI設計師、或已經成功成為UI設計師的你們,這場講座可以幫助你看清楚一些事情、一些或許可以再努力看看的方向。
Thumbnail
深入淺出介面設計講座 即使這個講座,本意是給大學生或社會新鮮人,提供他們成為UI設計師路上的一些小建議。 但我認為這個講座的內容也非常適合想要轉職UI設計師、或已經成功成為UI設計師的你們,這場講座可以幫助你看清楚一些事情、一些或許可以再努力看看的方向。
Thumbnail
  想當初我也是有爬過一些文章了,結果初次不靠任何人脈接的案子,還是吃了悶虧!所謂不經一事不長一智……尤其上完《設計師接案學》的核心單元後,再回去看最初的案子,才發現其實有部分智財權的是可以另外談價授予的……原來人力銀行外包網的合約範本只是基本款而已!
Thumbnail
  想當初我也是有爬過一些文章了,結果初次不靠任何人脈接的案子,還是吃了悶虧!所謂不經一事不長一智……尤其上完《設計師接案學》的核心單元後,再回去看最初的案子,才發現其實有部分智財權的是可以另外談價授予的……原來人力銀行外包網的合約範本只是基本款而已!
Thumbnail
這篇文章會分享我平常關注的設計資訊來源以及淺談當初是如何自學Sketch,把自己當初從平面設計轉到介面設計時所收集的一些資源分享在這篇文章中,提供給初學及入門的人參考。
Thumbnail
這篇文章會分享我平常關注的設計資訊來源以及淺談當初是如何自學Sketch,把自己當初從平面設計轉到介面設計時所收集的一些資源分享在這篇文章中,提供給初學及入門的人參考。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News