【2024年】網頁設計人氣課程排行推薦!遠距/線上學習專業技能培養被動收入

 

【2024年】網頁設計人氣課程排行推薦!遠距/線上學習專業技能培養被動收入

線上網頁設計課程,學習Sketch、Adobe、Wix等設計軟體,精通HTML、CSS、Javascript等語法,自己製作出精緻的響應式網頁。本篇文章推薦「超快速 iOS 實用開發入門~學會6個APP」、「用戶x商業x數據 | UX‧三刀流產品體驗設計」、「跟著版塊做網站:用動態特效點滿視覺創意」等相關網頁設計線上課程,讓您滿足學習的慾望。你是否想透過線上學習得到更多的技能,增加自己的技能樹?現在是學生的您,透過線上學習可以將更多專業知識用在課業學習上更加強所學。還是您是朝九晚五的上班族,尋找可以為工作上帶來更上一層樓的技能?或您是因為興趣或想培養其他興趣?線上課程不受地理位置影響,不受時間早晚影響,不受學習程度影響的特色,讓您無時無刻想學都可以,想多看幾次增加熟悉度也可以。不同領域的老師將針對不同主題滿足您的學習目的,推薦的課程項目會陸續更新,絕對提供您最熱門人氣高的線上課程。
廣告 – 往下繼續閱讀本文


目錄

  1. 網頁設計產品總覽
  2. 網頁設計產品介紹
  1. 產品設計實戰:用Figma打造絕佳UI/UX
  2. 從入門到業界實戰 – UI / UX 前端網頁設計
  3. Adobe XD / PS — 網頁設計 與 UI 教學
  4. UX 設計/研究全攻略: 給新手的職場通識課
  5. 產品分析入門:UX 設計師的思考術
  6. 不小心就學會!用 UI 設計方法製作網站
  7. 跟著版塊做網站:用動態特效點滿視覺創意
  8. 用戶x商業x數據 | UX‧三刀流產品體驗設計
  9. 超快速 iOS 實用開發入門~學會6個APP
廣告 – 往下繼續閱讀本文


網頁設計產品總覽

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

}

產品資訊
1
2
3
4
5
6
7
8
9
價格 NT$ 4,280 NT$ 2,500 NT$ 1,990 NT$ 3,349 NT$ 2,450 NT$ 2,400 NT$ 3,200 NT$ 3,200 NT$ 2,200
產品描述 課程介紹 你想要學習 UI/UX 設計嗎?想知道如何打造絕佳產品體驗嗎?一起來學習使用 Figma 這個火紅全球的介面設計工具,跟上全球設計趨勢,成為軟硬實力兼具的產品設計師吧!哪些人適合這堂課? 基…
[瞭解更多]
課程介紹 UI UX 網頁設計入門課程,學習完整的前端設計、網頁設計課程,掌握程式碼管理、設計切版、專案設計開發流程等要點,透過實際案例的剖析,讓你清楚掌握 UI/UX 領域的思考方式。哪些人適合這堂…
[瞭解更多]
課程介紹 Adobe XD 課程,學習 UI/UX 的原型設計開發。適用 Mac 和 Windows 系統,帶你從網頁繪製流程開始,掌握 Adobe XD 和 PS 的基礎與進階工具,並傳授 App …
[瞭解更多]
課程介紹 這堂 All-in-One 的「UX 設計/研究全攻略:給新手的職場通識課」,涵蓋 UX 研究、UX 設計和 UI 設計三大面向,同時提供理論說明和案例拆解,帶領你系統化學習 UX 基礎能力…
[瞭解更多]
課程介紹 UX 設計思考課程,由資深 UX 設計師教你用產品分析情境練習 UX 方法。透過課程你將學會如何分析商業端與用戶端的需求,並學會在進行資訊架構與產品設計前,需要了解的產品分析知識。哪些人適合…
[瞭解更多]
課程介紹 不懂做設計也不會寫程式,該怎麼學習設計網站呢?這堂線上課程設計給完全無基礎的朋友,一起領略設計的美好,讓設計網站變成下班後的小興趣,並且能透過系列教學熟稔從 0 到 1 的網站設計開發流程,…
[瞭解更多]
課程介紹 版塊帶你跟上網站設計趨勢!從團隊核心價值「動態回推設計」出發,學會設計動態特效網站!哪些人適合這堂課? 想突破網站設計天花板,做出更多厲害有趣的網站作品的同學。 這堂課程將能幫你打破過往對網…
[瞭解更多]
課程介紹 《UX ‧ 三刀流》是一個以「運算思維」為基礎而實踐 UX 設計的一種設計思維,學習者可以透過《用戶流》、《商業流》、《數據流》等三種能力的了解與練習,掌握 UX 工作的專業技術與思維,在動…
[瞭解更多]
課程介紹 iOS App 開發課程,自學開發 App,學習iOS最新的 swift 程式語言,並運用介面開發工具 sketch 設計app的畫面呈現,同時兼顧 UI/UX,透過實際 App 範例扎實學…
[瞭解更多]

廣告 – 往下繼續閱讀本文


網頁設計產品列表

您可以從下面資訊進一步瞭解網頁設計的價錢與最優惠的折扣、網頁設計的特色以及網頁設計產品介紹,發掘其他人同樣有興趣的產品還有哪些,期望您能找到滿意的!
1

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

NT$ 4,280

點擊前往 Hahow好學校

課程老師Simon Lin
課程評價(評價人數)4.98 分(250人)
課程時長14 小時 39 分鐘
學生人數5157 人

課程介紹

你想要學習 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) 的核心功能設計與原型製作。
▶︎ 建立正確的學習心態與工作觀念,在未來的設計路上都能掌握學習原則,持續自我精進成長。
▶︎ 了解如何準備與設計面試與求職作品集,讓自己在其他競爭者中脫穎而出。




廣告 – 往下繼續閱讀本文


2

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

NT$ 2,500

點擊前往 Hahow好學校

課程老師Louis
課程評價(評價人數)4.84 分(163人)
課程時長39 小時 42 分鐘
學生人數4611 人

課程介紹

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 (自肥




廣告 – 往下繼續閱讀本文


3

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

NT$ 1,990

點擊前往 Hahow好學校

課程老師Ellie
課程評價(評價人數)4.66 分(155人)
課程時長13 小時 54 分鐘
學生人數2393 人

課程介紹

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

哪些人適合這堂課?

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

學習目標

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




廣告 – 往下繼續閱讀本文


4

UX 設計/研究全攻略: 給新手的職場通識課

NT$ 3,349

點擊前往 Hahow好學校

課程老師設計遊牧 Design Nomads
課程評價(評價人數)4.63 分(30人)
課程時長12 小時 19 分鐘
學生人數1711 人

課程介紹

這堂 All-in-One 的「UX 設計/研究全攻略:給新手的職場通識課」,涵蓋 UX 研究、UX 設計和 UI 設計三大面向,同時提供理論說明和案例拆解,帶領你系統化學習 UX 基礎能力與職場實作知識,讓你面對入行更有信心!…[更多細節]

哪些人適合這堂課?

▶ 你非 UX 相關科系背景出身,也沒有相關實作經驗,但對於這個領域充滿好奇,想要進入這個產業工作。
▶ 你對於 UX 有基礎認識,但對於完整設計流程不熟悉,想要跟著實作案例系統化精進專業能力。
▶ 你即將或剛進入 UX 產業工作,想要獲得更多實務 UX 工作者的經驗洞察或與實作技巧,加速累積專業能力。
▶ 你目前是視覺設計師或 UI 設計師,想要學習 UX 研究操作與體驗策略,朝向 UX 設計師或產品設計師的職能發展。
▶ 你目前是 UX 研究員、產品經理、工程師或其他團隊角色,想要更加熟悉 UX 產品開發流程與設計思維,強化與設計師和團隊的合作溝通。
▶ 你是部門主管,想要導入 UX 產品開發流程與設計思維,帶領團隊提升 UX 成熟度。

學習目標

▶︎ 熟悉完整 UX 設計流程,培養 UX 思維和工具,All-in-One 一次包辦基礎知識。
▶︎ 從研究規劃、競品分析、問卷研究方法執行、使用者體驗規劃、流程設計,到介面設計、設計交付,各種操作細節都將學會如何操作。
▶︎ 課程會以一個實務的 Podcast 平台作為產品案例,你可以跟著流程一步步打造出自己的一個完整案例放入個人作品集。




廣告 – 往下繼續閱讀本文


5

產品分析入門:UX 設計師的思考術

NT$ 2,450

點擊前往 Hahow好學校

課程老師Soking
課程評價(評價人數)4.62 分(37人)
課程時長1 小時 54 分鐘
學生人數1191 人

課程介紹

UX 設計思考課程,由資深 UX 設計師教你用產品分析情境練習 UX 方法。透過課程你將學會如何分析商業端與用戶端的需求,並學會在進行資訊架構與產品設計前,需要了解的產品分析知識。…[更多細節]

哪些人適合這堂課?

– 適合有網路產業 1~3 年經驗的工作者,例如:社群、行銷、工程師、專案經理等
– 適合剛入行的 UI 設計師進修關於產品設計的基礎
– 適合資訊科系、設計科系畢業,希望發展數位產品 UX 設計技能的學生

學習目標

– 對於希望發展產品設計技能的工作者或學生,你可以透過這堂課程的指定作業,完成一份 UX side project,用於充實經驗以及設計作品集。
– 對於已經接觸產品開發工作的設計師,你將學會如何分析商業端與用戶端的需求,並學會在進行資訊架構與產品設計前,需要了解的產品分析知識。




廣告 – 往下繼續閱讀本文


6

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

NT$ 2,400

點擊前往 Hahow好學校

課程老師林育正 Riven
課程評價(評價人數)4.69 分(85人)
課程時長5 小時 5 分鐘
學生人數1062 人

課程介紹

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

哪些人適合這堂課?

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

學習目標

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




廣告 – 往下繼續閱讀本文


7

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

NT$ 3,200

點擊前往 Hahow好學校

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

課程介紹

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

哪些人適合這堂課?

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

學習目標

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

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

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

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

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




廣告 – 往下繼續閱讀本文


8

用戶x商業x數據 | UX‧三刀流產品體驗設計

NT$ 3,200

點擊前往 Hahow好學校

課程老師UX‧三刀流 (温明輝)
課程評價(評價人數)4.82 分(17人)
課程時長14 小時 27 分鐘
學生人數494 人

課程介紹

《UX ‧ 三刀流》是一個以「運算思維」為基礎而實踐 UX 設計的一種設計思維,學習者可以透過《用戶流》、《商業流》、《數據流》等三種能力的了解與練習,掌握 UX 工作的專業技術與思維,在動態的商業環境中以此三種能力中併行思考、取捨、決策與行動,以達到優化產品以提升使用者體驗的目標。…[更多細節]

哪些人適合這堂課?

這堂課【適合】
◆ 探索新知的 UX 新手:想要學習如何將 UX 理論與應用結合產品開發的學員
◆ 積極學習的 UX 設計師:幫自己補強商業流和數據流的 UX 思維
◆ 想突破自己的 UI 設計師:以用戶、商業、數據三面向的統整,為介面設計添加更豐富的層次與意涵
◆ 想放大自我價值的工作者:希望能更科學、更有架構地,在商業場合溝通用戶、商業與數據議題,而非只是依靠「感覺」的工作者

這堂課【不適合】
◆ 打醬油型的學習者:買了不認真看,達不到付費的價值與效益
◆ 三天捕魚兩天曬網的工作者:學了不認真用,過一段時間還是忘記
◆ 自我意識高漲的學習者:歡迎在學習後挑戰與交流不同想法,但如果不先空杯,會很可惜地錯過許多領悟與經驗

學習目標

★ 建議你先看評價已修課的同學的留言,了解這門課的性質。
★ 這門課程的單元更新速度不快,請把公告區看一下了解課程進行的方式,若你想一次購買 「完整」拍完的內容,建議先不要購課。
★ 同學記得看一下「課程簡介」和「講者介紹」的內容,真的了解後,再考慮購買。這門課上完,有幾個具體你可以有的產出和成長:

◆ 對新手來說,從頭開始學 UX,了解產品與使用者體驗設計的每一個環節。

◆ 對職場中的 UXer 來說,了解「數據流」和「商業流」如何在 UX 設計過程中切入。

◆ 期待可以提升的能力:了解 UX 這門學問的原理,建立有架構且可被挑戰的 UX Mindset (不會都靠感覺在做 UX,可以更有憑有據的思考)。

◆ 具體的產出主題:這門課的六個作業是連續的,如果你一步一步認真跟完,就可以用UX三刀流的架構,完成一份屬於自己的專案 (所以作業的題目可以多想你要理想應徵的公司產品方向;或是你正在職場上工作的主題。這樣我可以幫你看內容,討論起來也會更深入。)




廣告 – 往下繼續閱讀本文


9

超快速 iOS 實用開發入門~學會6個APP

NT$ 2,200

點擊前往 Hahow好學校

課程老師plusForm
課程評價(評價人數)4.92 分(13人)
課程時長15 小時 56 分鐘
學生人數364 人

課程介紹

iOS App 開發課程,自學開發 App,學習iOS最新的 swift 程式語言,並運用介面開發工具 sketch 設計app的畫面呈現,同時兼顧 UI/UX,透過實際 App 範例扎實學會 iOS App 開發的 know-how。…[更多細節]

哪些人適合這堂課?

– 想要瞭解或開發 iOS APP
– 想要學習 Swift
– 想要學習手機程式使用者介面設計

學習目標

– 使用 Xcode 以及 Swift 設計實作出 APP
– 使用 Sketch 設計 APP 需要的圖形(包含 App icon, 程式內含的圖形)
– 使用 CocoaPods 搭配第三方函式庫加速 App 開發的時程
– 搭配 Firebase 快速擴充跟伺服器架設相關的功能
– 從無到有 iOS APP 的開發經驗




廣告 – 往下繼續閱讀本文


從老師查找更多網頁設計課程

以上推薦的網頁設計課程都看不到喜歡的嗎?
還是您有熱衷某個老師或某個品牌開的課程呢?嘗試從老師或品牌頁挑選吧!

【2024年】網頁設計人氣課程排行推薦!遠距/線上學習專業技能培養被動收入

參考其他設計相關產品

除了文章中介紹的品之外,也可以參考以下其他熱門主題文章。可以多方參考其他品牌款式,絕對提供您最有人氣的商品,歡迎繼續延伸閱讀。


Tagged on: