自學UIUX線上必修課程

更新於 發佈於 閱讀時間約 4 分鐘
心得:Hahow產品設計實戰:用Figma 打造絕佳UIUX
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. 哪些動畫比較常用/少用?為何?
總體而言,還是會大力推薦新手,以及想轉職的各位購買的課程!
期待後續還會有別的課程可以購買!如果覺得我文章對你有幫助,請給我點鼓勵歐!
梗圖來源:https://memes.tw/wtf/350190
avatar-img
3會員
4內容數
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
你可能也想看
Google News 追蹤
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
本篇文章介紹如何使用Figma設計出高效的表單,適合各類設計師。文章內容包括2025最新UX/UI設計趨勢及實用技巧,並提供完整的教學視頻。學習重點包括介面熟悉度、色彩搭配、設計整體感以及對齊的重要性,助你提升設計效率和用戶體驗。立即訂閱頻道掌握未來設計技能!
Thumbnail
本篇文章將分享手機App設計教學,並往後介紹使用Flutter開發App的相關知識和技巧。透過這系列的分享,讀者將能夠學習如何利用設計和程式開發技能來製作一個App。文章中也提供了一些靈感來源和教學資源,幫助讀者進行設計和開發的思考和學習。
Thumbnail
在設計有四年快五年的時間,大部分都是從實戰經驗中去不斷摸索產品開發的流程。從視覺傳達的背景出來,在用戶體驗的經驗都是在實際開發中去摸索出來的。不是理論派,只是根據我本人的經驗摸索出來的設計方法,也不會用太多高深的詞彙說明。 以前搜尋怎麼做產品設計?究竟是要從什麼步驟開始的這件事情,大部分看到的
Thumbnail
Hahow 好學校平臺的線上課程一直都是我跟身邊的人都非常愛用的學習平臺,這次要跟大家推薦超值得上的一門課,就是圖文不符推出的 '讓圖不只是好看的-資訊設計思考力',除此之外Hahow 好學校平臺還有非常多優質課程供你選擇,現在就到下方連結去看看吧!
Thumbnail
UI設計是一個令人著迷的過程,它將設計概念轉化為最終的產品界面。本文將帶您深入瞭解UI設計的六個階段,包括Sketching、Wireframing、Component Design、使用者流程、模型設計和原型製作,以幫助您更好地理解每個階段的作用和重要性。
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
本篇文章介紹如何使用Figma設計出高效的表單,適合各類設計師。文章內容包括2025最新UX/UI設計趨勢及實用技巧,並提供完整的教學視頻。學習重點包括介面熟悉度、色彩搭配、設計整體感以及對齊的重要性,助你提升設計效率和用戶體驗。立即訂閱頻道掌握未來設計技能!
Thumbnail
本篇文章將分享手機App設計教學,並往後介紹使用Flutter開發App的相關知識和技巧。透過這系列的分享,讀者將能夠學習如何利用設計和程式開發技能來製作一個App。文章中也提供了一些靈感來源和教學資源,幫助讀者進行設計和開發的思考和學習。
Thumbnail
在設計有四年快五年的時間,大部分都是從實戰經驗中去不斷摸索產品開發的流程。從視覺傳達的背景出來,在用戶體驗的經驗都是在實際開發中去摸索出來的。不是理論派,只是根據我本人的經驗摸索出來的設計方法,也不會用太多高深的詞彙說明。 以前搜尋怎麼做產品設計?究竟是要從什麼步驟開始的這件事情,大部分看到的
Thumbnail
Hahow 好學校平臺的線上課程一直都是我跟身邊的人都非常愛用的學習平臺,這次要跟大家推薦超值得上的一門課,就是圖文不符推出的 '讓圖不只是好看的-資訊設計思考力',除此之外Hahow 好學校平臺還有非常多優質課程供你選擇,現在就到下方連結去看看吧!
Thumbnail
UI設計是一個令人著迷的過程,它將設計概念轉化為最終的產品界面。本文將帶您深入瞭解UI設計的六個階段,包括Sketching、Wireframing、Component Design、使用者流程、模型設計和原型製作,以幫助您更好地理解每個階段的作用和重要性。