【2021年】熱門介面設計線上課程推薦!讓您無時無刻增加技能樹

線上介面設計課程,學習設計頁面上的功能,並參考使用者體驗來安排頁面的內容規劃,同時顧及介面設計的便利性與美感,並不斷優化介面的使用者體驗。本篇文章推薦「跟著版塊做網站:用動態特效點滿視覺創意」、「不小心就學會!用 UI 設計方法製作網站」、「Adobe XD / PS — 網頁設計 與 UI 教學」等相關介面設計線上課程,讓您滿足學習的慾望。

你是否想透過線上學習得到更多的技能,增加自己的技能樹?現在是學生的您,透過線上學習可以將更多專業知識用在課業學習上更加強所學。還是您是朝九晚五的上班族,尋找可以為工作上帶來更上一層樓的技能?或您是因為興趣或想培養其他興趣?

線上課程不受地理位置影響,不受時間早晚影響,不受學習程度影響的特色,讓您無時無刻想學都可以,想多看幾次增加熟悉度也可以。不同領域的老師將針對不同主題滿足您的學習目的,推薦的課程項目會陸續更新,絕對提供您最熱門人氣高的線上課程。





介面設計課程總覽

為了節省您的時間,本列表整理每個課程精要,讓您可以快速瀏覽這文章所提供的課程是否是您所需要的,點選您有興趣課程的「課程名稱」或「課程圖示」可以進一步跳到文章所屬課程的介紹區塊瞭解更多資訊。

課程名稱從入門到業界實戰 – UI / UX 前端網頁設計產品設計實戰:用Figma打造絕佳UI/UXAdobe XD / PS — 網頁設計 與 UI 教學不小心就學會!用 UI 設計方法製作網站跟著版塊做網站:用動態特效點滿視覺創意
課程圖示
1

從入門到業界實戰 - UI / UX 前端網頁設計

2

產品設計實戰:用Figma打造絕佳UI/UX

3

Adobe XD / PS  —  網頁設計 與 UI 教學

4

不小心就學會!用 UI 設計方法製作網站

5

跟著版塊做網站:用動態特效點滿視覺創意

課程售價NT$ 2,500NT$ 3,200NT$ 1,990NT$ 2,400NT$ 3,200
課程評分(評分人數)4.85 分(147人)4.99 分(73人)4.79 分(136人)4.84 分(77人)
課程時長39 小時 42 分鐘14 小時 39 分鐘13 小時 54 分鐘5 小時 5 分鐘2 小時 13 分鐘
學生人數4024 人2755 人2292 人963 人845 人
課程特色UI UX 網頁設計入門課程,學習完整的前端設計、網頁設計課程,掌握程式碼管理、設計切版、專案設計開發流程等要點,透過實際案例的剖析,讓你清楚掌握 UI/UX 領域的思考方式。你想要學習 UI/UX 設計嗎?想知道如何打造絕佳產品體驗嗎?一起來學習使用 Figma 這個火紅全球的介面設計工具,跟上全球設計趨勢,成為軟硬實力兼具的產品設計師吧!Adobe XD 課程,學習 UI/UX 的原型設計開發。適用 Mac 和 Windows 系統,帶你從網頁繪製流程開始,掌握 Adobe XD 和 PS 的基礎與進階工具,並傳授 App 的開發觀念,最後透過實際專案真正帶你走過 UIUX 介面設計流程。不懂做設計也不會寫程式,該怎麼學習設計網站呢?這堂線上課程設計給完全無基礎的朋友,一起領略設計的美好,讓設計網站變成下班後的小興趣,並且能透過系列教學熟稔從 0 到 1 的網站設計開發流程,可以藉此展開「Digital Product 數位產品」的設計技能,課程中提供的網路資源,也能幫助你之後繼續強化設計技能,不論是接商業專案、轉職設計師、自媒體品牌或為創業公司弄形象網站,通通都可以!版塊帶你跟上網站設計趨勢!從團隊核心價值「動態回推設計」出發,學會設計動態特效網站!
連結HahowHahowHahowHahowHahow



介面設計課程介紹

推薦的線上課程以倒序的方式排行呈現,越往下查看會看到越熱門或是推薦數高的課程,期望您能從中找到適合您並滿足您學習慾望的課程!

5

跟著版塊做網站:用動態特效點滿視覺創意

NT$ 3,200

點擊看Hahow好學校

課程老師版塊設計 x 圖文不符上課囉
課程評價(評價人數)
課程時長2 小時 13 分鐘
學生人數845 人

課程介紹

版塊帶你跟上網站設計趨勢!從團隊核心價值「動態回推設計」出發,學會設計動態特效網站!…瞭解更多細節

哪些人適合這堂課?

想突破網站設計天花板,做出更多厲害有趣的網站作品的同學。
這堂課程將能幫你打破過往對網站設計的既定看法,用不同的思維設計出與眾不同的作品。

學習目標

▹ 了解版塊團隊的設計核心價值:
課程以「動態回推設計」為核心,深入剖析動態特效網站的設計流程與佈局手法。

▹ 培養專業的動態特效設計觀念:
看懂「動態特效網站」的優勢、用法和潛能,在設計實作前先奠下良好基礎。

▹ 發想出更獨到的創意概念:
利用「關鍵字發想法」,將專案的文字需求、轉化為視覺畫面,進一步擴展成厲害有層次的創意。

▹ 了解如何配置動態特效:
透過課程內容與 Codepen 輔助,掌握設計細節和各種動態特效搭配訣竅,輕鬆找到設計甜蜜點。

▹ 優化協作溝通技能:
以「設計師角度出發」分享與工程師及客戶的溝通技巧,由內而外強化協作能力,進一步提升作品品質。



4

不小心就學會!用 UI 設計方法製作網站

NT$ 2,400

點擊看Hahow好學校

課程老師林育正 Riven
課程評價(評價人數)4.84 分(77人)
課程時長5 小時 5 分鐘
學生人數963 人

課程介紹

不懂做設計也不會寫程式,該怎麼學習設計網站呢?這堂線上課程設計給完全無基礎的朋友,一起領略設計的美好,讓設計網站變成下班後的小興趣,並且能透過系列教學熟稔從 0 到 1 的網站設計開發流程,可以藉此展開「Digital Product 數位產品」的設計技能,課程中提供的網路資源,也能幫助你之後繼續強化設計技能,不論是接商業專案、轉職設計師、自媒體品牌或為創業公司弄形象網站,通通都可以!…瞭解更多細節

哪些人適合這堂課?

1. 想轉職成為 UI 設計師卻不知道該怎麼開始。
2. 想學習網頁設計與架設,剛好遇見這堂課。
3. 早就想弄一個自己的網頁,但遲遲還沒出手。
4. 曾經自學過架設網站,但發現太複雜直接放棄。
5. 有上網自學過架站,但做出來的網站不太好看⋯

學習目標

。一次學會 Adobe Xd 與 Webflow 網站設計與開發軟體
。靠自己的雙手設計網頁 UI 並親自製作成網站
。在過程中理解 UI 設計流程與基本網站架構觀念
。藉此培養對於數位產品的世界觀,發展之後在設計與開發上的技能



3

Adobe XD / PS — 網頁設計 與 UI 教學

NT$ 1,990

點擊看Hahow好學校

課程老師Ellie
課程評價(評價人數)4.79 分(136人)
課程時長13 小時 54 分鐘
學生人數2292 人

課程介紹

Adobe XD 課程,學習 UI/UX 的原型設計開發。適用 Mac 和 Windows 系統,帶你從網頁繪製流程開始,掌握 Adobe XD 和 PS 的基礎與進階工具,並傳授 App 的開發觀念,最後透過實際專案真正帶你走過 UIUX 介面設計流程。…瞭解更多細節

哪些人適合這堂課?

任何對介面設計有興趣的朋友,從入門到深入了解 UX / UI。本課程同時包含完整的 Photoshop & XD 教學,並將用其練習繪製設計稿。

學習目標

上完這堂課,你將可以同時擁有網頁以及 App 的作品,並了解業界的流程與即戰力。



2

產品設計實戰:用Figma打造絕佳UI/UX

NT$ 3,200

點擊看Hahow好學校

課程老師Simon Lin
課程評價(評價人數)4.99 分(73人)
課程時長14 小時 39 分鐘
學生人數2755 人

課程介紹

你想要學習 UI/UX 設計嗎?想知道如何打造絕佳產品體驗嗎?一起來學習使用 Figma 這個火紅全球的介面設計工具,跟上全球設計趨勢,成為軟硬實力兼具的產品設計師吧!…瞭解更多細節

哪些人適合這堂課?

基本上,這門課程適合所有程度的同學來參與,只要你對 UI/UX/產品設計 有熱情,不管你是沒有經驗、想轉職、或是已經在業界一段時間想要更精進 UI/UX 設計,都會非常適合來參與這門課程!這邊我列出以下幾個相對非常適合上這門課的的族群:

▶︎ 你對 UI/UX 設計完全沒經驗,但對這塊領域充滿好奇與熱情,並且想轉職成為 UI/UX 設計師。
▶︎ 你已經對 UI/UX 設計有基本的認識,想要更進一步學習概念與精進設計工具的技巧。
▶︎ 你目前是視覺設計師、UI 設計師,想要更了解在設計上所要注意的細節與設計脈絡,並掌握最新的工具趨勢。
▶︎ 你目前是 UX 設計師,想要更精進 UI 設計能力與美感,讓產出的設計細節更完整,幫助你和 UI/視覺設計師 的溝通更順暢。
▶︎ 你已經在在業界工作一段時間,但工作上還是使用其他工具 (Photoshop / Sketch / Adobe XD),未來想轉換到 Figma 或想深入了解 Figma 的操入技巧與協作流程。
▶︎ 你是使用者研究員、工程師、產品經理,或是團隊任何角色,想要更進一步了解產品設計思維與細節,以及加強與設計師的合作關係。
▶︎ 不管你將來是想走 UI 設計或 UX 設計、甚至是全方位的產品設計師,這門課都可以提供給你實際工作中所需要的知識與能力,開啟你前往業界的大門。
▶︎ 你是部門的設計主管,想要了解 Figma 如何幫助團隊提高工作效率與溝通品質。

學習目標

認真學習完這堂課程所有單元,並且完成作業之後,你將會學習到:
▶︎ 了解基礎介面設計 (UI Design) 與使用者體驗設計 (UX Design) 的知識。
▶︎ 了解業界產品開發流程、團隊合作流程以及 UI/UX 設計師的工作細節。
▶︎ 熟悉 Figma 核心操作技巧與常用快捷鍵,有能力依據團隊需求快速且有效率的製作介面。
▶︎ 熟悉 Figma 進階技巧,像是管理元件、共享樣式等等,不只能提高工作溝通效率,並且做出可擴展、一致性高且好維護的設計系統。
▶︎ 利用 Figma 做出可供使用者及團隊測試的原型,並且能夠根據反饋隨時調整設計。
▶︎ 了解如何建立基礎設計美感與原則,有能力做出符合規範、直覺、美觀好閱讀的介面。
▶︎ 從概念發想到實際操作,從 0 到 1 完成兩個產品 (App&Web) 的核心功能設計與原型製作。
▶︎ 建立正確的學習心態與工作觀念,在未來的設計路上都能掌握學習原則,持續自我精進成長。
▶︎ 了解如何準備與設計面試與求職作品集,讓自己在其他競爭者中脫穎而出。



1

從入門到業界實戰 – UI / UX 前端網頁設計

NT$ 2,500

點擊看Hahow好學校

課程老師Louis
課程評價(評價人數)4.85 分(147人)
課程時長39 小時 42 分鐘
學生人數4024 人

課程介紹

UI UX 網頁設計入門課程,學習完整的前端設計、網頁設計課程,掌握程式碼管理、設計切版、專案設計開發流程等要點,透過實際案例的剖析,讓你清楚掌握 UI/UX 領域的思考方式。…瞭解更多細節

哪些人適合這堂課?

任何想要學習的人

學習目標

從0到1的網站
http://ui-ux-webdesign.com/hahow-course/CV_demo/
http://ui-ux-webdesign.com/hahow-course/fullPageWeb
理解 UI / UX
熟悉專案流程
做出自己的作品集
了解設計視覺風格
掌握基礎 icon適性設計或其他介面元件的設計
讓設計成為可用的網頁技術
釐清設計需求,減少溝通成本
專案手刻切版、建置版型的能力
交到兩個不斷自我挑戰的朋友XD (自肥



介面設計課程總覽

看完了一連串課程的介紹後,你是否還想要再一次進行課程總比較呢?

課程名稱從入門到業界實戰 – UI / UX 前端網頁設計產品設計實戰:用Figma打造絕佳UI/UXAdobe XD / PS — 網頁設計 與 UI 教學不小心就學會!用 UI 設計方法製作網站跟著版塊做網站:用動態特效點滿視覺創意
課程圖示
1

從入門到業界實戰 - UI / UX 前端網頁設計

2

產品設計實戰:用Figma打造絕佳UI/UX

3

Adobe XD / PS  —  網頁設計 與 UI 教學

4

不小心就學會!用 UI 設計方法製作網站

5

跟著版塊做網站:用動態特效點滿視覺創意

課程售價NT$ 2,500NT$ 3,200NT$ 1,990NT$ 2,400NT$ 3,200
課程評分(評分人數)4.85 分(147人)4.99 分(73人)4.79 分(136人)4.84 分(77人)
課程時長39 小時 42 分鐘14 小時 39 分鐘13 小時 54 分鐘5 小時 5 分鐘2 小時 13 分鐘
學生人數4024 人2755 人2292 人963 人845 人
課程特色UI UX 網頁設計入門課程,學習完整的前端設計、網頁設計課程,掌握程式碼管理、設計切版、專案設計開發流程等要點,透過實際案例的剖析,讓你清楚掌握 UI/UX 領域的思考方式。你想要學習 UI/UX 設計嗎?想知道如何打造絕佳產品體驗嗎?一起來學習使用 Figma 這個火紅全球的介面設計工具,跟上全球設計趨勢,成為軟硬實力兼具的產品設計師吧!Adobe XD 課程,學習 UI/UX 的原型設計開發。適用 Mac 和 Windows 系統,帶你從網頁繪製流程開始,掌握 Adobe XD 和 PS 的基礎與進階工具,並傳授 App 的開發觀念,最後透過實際專案真正帶你走過 UIUX 介面設計流程。不懂做設計也不會寫程式,該怎麼學習設計網站呢?這堂線上課程設計給完全無基礎的朋友,一起領略設計的美好,讓設計網站變成下班後的小興趣,並且能透過系列教學熟稔從 0 到 1 的網站設計開發流程,可以藉此展開「Digital Product 數位產品」的設計技能,課程中提供的網路資源,也能幫助你之後繼續強化設計技能,不論是接商業專案、轉職設計師、自媒體品牌或為創業公司弄形象網站,通通都可以!版塊帶你跟上網站設計趨勢!從團隊核心價值「動態回推設計」出發,學會設計動態特效網站!
連結HahowHahowHahowHahowHahow



從老師查找更多課程

以上推薦的課程還沒挑到自己有興趣的嗎?
還是您有熱衷某個老師或某個品牌開的課程呢?
本頁除了提供介面設計的課程以外,也列出這些課程所屬的老師或品牌主要頁面,您可以從下列選單中了解更多相關介紹或看他們開的其他課程,期望您最終能找到自己想學習的項目。



【2021年】熱門介面設計線上課程推薦!讓您無時無刻增加技能樹

參考其他設計線上課程

除了本文介紹的課程種類以外,想要瞭解設計領域還有哪些不同類型的課程值得一探究竟嗎?讓您可以從不同面向更紮實的學習,點擊參考以下其他熱門主題文章。絕對提供您最優惠人氣滿檔的課程,歡迎繼續延伸閱讀。


Q&A

  • Q1:網站願景
    網站上推薦給大家的商品基本上都沒有直接跟任何商家有接觸往來,純粹有興趣想要分享商家熱門的產品給有需要的人。如果您透過我的購買連結購買商品,我是有機會獲得少數的佣金,但不一定每次都會有,佣金不會增加您購買商品的價錢,也不會影響您任何購買的權益,但這讓網站可以持續營運,並有機會讓您看到網站持續進步並協助更多同樣需要購買的消費者。

    「如果本文有協助到您,您也願意回饋支持,可以在決定購買商品前再次點擊購買連結,並在一定時間內完成訂單。非常感謝您的鼓勵,網站會持續提供更好的體驗給您。」
  • Q2:文章內為什麼會有不相關的商品?
    您可能會發現文章內所推薦的商品有時會有一兩個品項跟主題不相關,這是因為商家在建立資料的時候設定了不相關的關聯造成的,如此會讓文章針對選某一商品主題選取熱門的品項時出現該商品,機會不大但確實偶爾會發生這種情況。

    如果您有發現並願意留言跟我反應的話,我會針對該商品進行處理,以防造成其他人在選購時的困擾。造成您的不便敬請見諒,如果我有發現都會一一更新文章,希望能持續提供給大家熱門的商品資訊並且好的閱讀體驗。
  • Q3:文章可以留言嗎?
    有問題都歡迎留言。因為太多網路機器人會發很多無相關的訊息或推銷資訊在文章上,所以網站上可以看到留言的輸入欄位,但卻沒有出現相關留言內容。基本上留言我都會定時去看,如果有任何問題都歡迎讓我知道,如果有重複詢問的情況表示很多人都想要瞭解的主題,我會整理到Q&A這區塊,方便未來大家查看。
Tagged on:

發佈留言

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