Hahow-Figma產品實戰課程線上教學心得

Hahow平台介紹

稍微介紹一下Hahow線上學習平台,這算是現在國內非常知名的學習平台,如果你是像我一樣常常要在工作上使用軟體,這類的單一技能,像是:平面設計,UIUX設計,剪接,前後端程式,文案撰寫,或是一些更廣泛的興趣,例如:繪畫,音樂,烹飪,模型製作,上面都有相對應的課程,一堂課也落在1500元-4000元左右不等,我自己也在上面買了不少有關UIUX的課程,Figma產品設計實戰課程就是其中一門。

Figma產品設計實戰課程介紹

Figma產品實戰

關於學習UI/UX設計,你一定會有的三個煩惱!

平面或是視覺設計師,想轉職UI/UX設計,但學習上卻不得其門而入,看了很多的教學文章但還是不知道從何開始,面對許多零散的知識,想要找尋一個有系統性的UI/UX設計的學習方法。

已經在產業裡從事UI/UX設計工作,但可能是一人設計或是公司的環境以及流程讓你不確定自己是否真的在做UX,設計思路與解決方案是否正確,想要知道主流的設計與正確執行設計專案的方法。

對於UI設計的細節掌握度不理想,常常不知道該用什麼設計元件或模式來解決問題或跟別人解釋自己的設計,想要學習如何透過正確的思考脈絡與設計技巧,做出美觀實用且有邏輯的介面。

Figma產品實戰課程的五大特點

1.真實案例解析,有效理解概念
課程中會在單元裡帶入許多真實產品案例解析,帶大家去了解市面上的大小產品是如何規劃他們的設計細節,並從中學習到一些UX觀念與UI手法,讓你學到的知識基礎更能夠融會貫通。

2.理論實務兼具,打通任督二脈
課程中從設計理論到實際操作都會帶大家走過,從設計原則、元件、功能等等一步步解析設計細節,讓你不只理解這些設計從何而來,更能透過實際應用與一反三,讓你的設計成果更完整。

3.業界最實用的設計方法
學會工具操作並不困難,但要用的巧妙與精準,課程裡包含大量的方法與訣竅。不藏私地傳授你業界最實用的設計技巧,讓你徹底掌握設計工具,以最大化且有效率的掌握UI介面設計與UX流程。

4.告訴你世界一流公司怎麼做
介紹國際企業的設計方法與工作模式,讓你培養正確的工作方法與設計思維,進而有能力打造具說服力的設計解決方案。

5.帶你思考每個設計細節
這門課程不只是教你如何用工具「做」、更多是「思考」做出好設計,包含設計觀念、學習心態、工作新法都會在教學的過程中不斷的重複。

Figma產品實戰課程講師

Simon-目前居住在澳洲雪梨,在全球前五大的巨型獨角獸 Canva 擔任資深產品設計師,專注打造全球超過千萬使用者的 SaaS 平面設計工具,幫助更多人體會到設計的美好。同時也是產品設計教育平台與內容媒體 AAPD 的創辦人,擁有超過近 2 萬的訂閱讀者也與超過 200 名在產品設計領域的作者合作,提供許多實用的內容。

Simon擁有超過 7 年的產品設計經驗,擅長透過簡單直覺的設計方案來解決複雜的使用者問題和挑戰,並且致力於打造美好的產品使用體驗並在市場中創造商業價值。過去曾經歷新創公司、自由接案和自組團隊開發產品,因此熟悉不同團隊的設計流程。

值得一提的是,Simon早期是從事平面設計,靠著自學跨足到產品設計的領域,所以如果你有相同的情況,並且想跨足到產品設計的領域,Simon是個非常值得學習的對象。

Simon同時還有以下事蹟:

Medium人氣作者-創立AAPD為國內超人氣的設計師分享平台,有許多設計師在上面發表設計相關知識,目前已經累積超過5K的追蹤者。

Hahow開設UI設計入門課程-主打用Sketch來設計UI,至今已經超過千人購課,擁有4.8顆星評價。

在海內外超過10場設計社群分享-擔任海內外講者分享自己設計歷程與工作實戰經驗,累積參與人數超過千人。

如果你是以下幾種人,這門Figma設計課程將會非常適合你

對於UI/UX設計完全沒經驗,但想要跨入這領域,並且未來想轉職成為UI/UX設計師。

對於UI/UX設計有基本的認識,想要更進一步學習產品設計概念與精進設計工具的操作技巧,並追尋更好的職涯發展。

本身是視覺設計師或是UI設計師,想要更了解在設計上所需要的細節以及設計脈絡,並掌握Figma工具的使用。

本身是UX設計師,想要精進UI設計能力與美感,讓產出的設計細節更完整,幫助你和UI/視覺設計師的溝通更順暢。

已經在業界工作一段時間,但工作上還是使用其他工具(PS / ILL / Sketch / Adobe XD),並想轉換到Figma或想深入瞭解Figma的操作技巧與協作流程。

本身是產品經理、研究員、工程師,或是團隊內的任何角色,想要更進一步了解產品設計思維與細節,以及加強與設計師的合作關係。

Figma學員回饋

擁有來自超過1,600+同學參與課程的真實回饋。

Figma產品設計實戰課程章節與單元介紹

章節1 產品設計的核心觀念:UX設計思維與產品開發流程

帶你了解UI/UX設計的核心觀念,介紹常見的產品開發流程與UI/UX設計師的工作內容以及常見的設計原則,設計模式以及設計元件,幫助你之後在設計執行時能有一定的脈絡可循。

另外還會介紹UX設計會使用到的工具,像是流程圖( flow chart )以及線框圖( Wireframe )。

此章可以慢慢建立起UI設計的基礎美感。

章節2 Figma快速上手:核心操作基礎

帶大家掌握Figma最核心的功能以及操作技巧,還有常用的繪圖方式和實用的快捷鍵,過程中也會分享許多人不知道的操作小技巧,讓你可以用最有效率的方式設計出UI設計稿。

學完這章節,你會對Figma這個工具的操作細節非常的熟悉,會知道應該用什麼樣的方式來處理你的文字設定,圖層結構,以及樣式管理等等。也會介紹基本的檔案管理方式和命名規則。

章節3 Figma進階技巧:打造可擴展的設計,設計常見 UI元件

此章會針對Figma的進階功能做介紹,像是自動排版( Auto Layout )、 元件設計( Component )與格線系統( Grid System )等等重要的功能,掌握好這些功能可以讓你的設計更有效率。

此章講師也會帶領大家實際練習製作常見的UI元件,並透過臨摹一個好的UI作品,來提升自己的設計技巧以及美感。

另外,此章還會教大家如何交付清晰正確的設計稿給工程團隊來開發,以及如何跟工程團隊配合。

最後也會介紹幾個Figma好用的外掛,來幫助你提升設計效率。

章節4 讓設計動起來:基礎與進階原型設計(Prototyping)

此章會教大家如何把靜態的設計稿轉換成可互動的原型,讓你能更好展示你的設計想法。除了基本設定操作,也會詳細解釋所有的觸發事件、轉場效果。

另外還會教導許多Figma原型設計上的進階用法,像是Overlay、Smart Animation、Swap等等。

最後會示範如何利用Figma Mirror在手機上預覽你的設計與原型。

Figma Prototype

章節5 產品設計實戰:從 0 到 1 設計實際的產品 (App & Web)

掌握好Figma的核心基礎和進階技巧後,此章會帶大家執行兩個專案,一個是iOS App的設計,從規劃到設計交付,包含完整的功能與流程,最後做出一個可以Demo的原型。

另一個專案將會是RWD響應式網頁的設計,包含桌面版與手機版。這兩個專案都會用到不同的設計方法與設計模式,在針對不同的平台上做設計應該要注意什麼樣的細節,同時也會帶大家一起建立起產品的基礎設計規範,方便之後設計上的維護。

章節6 準備進入業界:成為產品 (UI/UX)設計師的最後一哩路

最後會將課程中所學的知識,做一個總整理,並且以找到理想的工作為目標來做準備。這章講師會介紹本身過去求職、面試、團隊合作所累積的經驗以及心法,從累積相關作品開始、培養設計敏銳度、學習如何和呈現作品、到準備作品集與面試,以及能夠幫助設計師成長的方法。

在上完課後,不只是學會工具,做出好看的介面,而是真正的去思考你的設計在解決什麼問題,如何透過你的設計為產品帶來好的影響。

最後透過不斷練習讓自己成長,找到屬於自己的理想UI/UX設計工作。

Figma產品實戰

不光是Figma,上完這門課後,你將會學到UI/UX設計九大技巧

1. 核心介面設計 (UI Design) 與使用者體驗設計 (UX Design) 的知識。

2. 常見業界產品開發流程、團隊合作流程以及 UI/UX 設計師的工作內容與細節。

3. 熟悉 Figma 核心操作技巧與常用快捷鍵,具備依據團隊需求快速且有效率的製作介面的能力。

4. 熟悉 Figma 進階技巧,像是管理元件、共享樣式等等,不只提高設計效率,並且做出可擴展、一致且好維護的設計系統。

5. 利用 Figma 做出可供使用者及團隊測試的原型,並且能夠根據反饋隨時調整設計。

6. 基礎設計美感與原則,有能力做出符合規範、直覺、美觀好閱讀的介面。

7. 從概念發想到實際操作,從 0 到 1 完成兩個產品 (App&Web) 的核心功能設計與原型製作。

8. 建立正確的學習心態與工作觀念,在未來的設計路上都能掌握學習原則,持續自我精進成長。

9. 了解如何準備與設計面試與求職作品集,讓自己在其他競爭者中脫穎而出。

Figma產品實戰課程上課後心得

優點:講師上課時說明得非常清楚,也會實際操作給你看,以往在看這一類軟體教學的影片時,常常會看到講師在操作軟體時,會卡卡的不順暢,可是這堂課卻沒有這種感覺,影片在這部分節奏掌握得還不錯,不會讓人感到枯悶。另外,也帶到許多講師在業界的實戰經驗,在講解Figma軟體操作細節的同時,也帶到了許多實際的案例。

缺點:雖然有帶到UX的部分,但實際上,佔比沒有太高,先不論UX方面的知識本來就是非常的廣泛,而是這堂課還是著重在Figma軟體方面的操作,跟UI比較有關,UX方面就是稍微帶到一點。另外,實戰方面的案例,也是受限於講師的實際經驗,不會符合每個人的需求,這一點也是要先理解到的。

整體來講,我覺得這門課真的非常受用,在許多操作的細節都有說明清楚,講師也提供許多操作上的小撇步,每堂的時間也不會太長,但是可以掌握一個技巧點,然後由淺到深,可以逐漸理解Figma的的操作方式。

不論你是Figma的新手或是中手,其實都可以藉由這堂課,學習到蠻多的知識點,而且在Figma的知識點以外,在實戰經驗、作品集製作、如何與團隊配合,以及如何找到相關方面的工作,講師都有帶到,對於想要從事相關方面的工作的人,也都非常的受用,所以推薦給大家。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

相關文章

UIUX設計師如何因應AI人工智慧的到來

UIUX設計師如何因應AI人工智慧的到來?

在這個快節奏的工作環境裡,UIUX設計師每天都得應對各式各樣的事情,像是處理設計截止日期、應付不斷變化的用戶需求,還有跟上科技的飛速更新。

但是,隨著人工智慧技術的蓬勃發展,我們似乎正站在一個轉捩點:AI的興起即將徹底改變UIUX設計的工作方式和流程。

閱讀全文 »
Adobe firefly Image 3

Adobe Firefly Image 3 : AI創意新境界

AI生成進展飛速,Adobe 在今年四月底 Adobe Max 2024大會上宣佈推出 Firefly Image 3, 這是Adobe自己開發的第三代圖像引擎,生成的能力相比半年前推出的 Firefly Image 2 有了明顯的提升,就讓我們來看看Firefly Image 3有哪些新的特點

閱讀全文 »
Relume

Relume:一鍵快速搞定網頁規劃

Relume 是一個新創公司,致力於幫助網頁設計師在無代碼(No Code)和生成式人工智慧時代取得成功。

透過Relume所開發的No Code AI工具,不需要寫程式,只需要透過輸入需求(Prompt),就可以幫助你在網站設計規劃時,減少前期投入的大量時間,大幅提升效率!

閱讀全文 »