【2024年】網頁前端人氣課程排行推薦!遠距/線上學習專業技能培養被動收入
目錄
網頁前端產品總覽
產品資訊 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 |
---|---|---|---|---|---|---|---|---|---|
價格 | NT$ 4,280 | NT$ 3,349 | NT$ 3,200 | NT$ 1,600 | NT$ 3,200 | NT$ 1,600 | NT$ 2,600 | NT$ 2,600 | NT$ 2,690 |
產品描述 | 課程介紹 你想要學習 UI/UX 設計嗎?想知道如何打造絕佳產品體驗嗎?一起來學習使用 Figma 這個火紅全球的介面設計工具,跟上全球設計趨勢,成為軟硬實力兼具的產品設計師吧!哪些人適合這堂課? 基… [瞭解更多] | 課程介紹 這堂 All-in-One 的「UX 設計/研究全攻略:給新手的職場通識課」,涵蓋 UX 研究、UX 設計和 UI 設計三大面向,同時提供理論說明和案例拆解,帶領你系統化學習 UX 基礎能力… [瞭解更多] | 課程介紹 版塊帶你跟上網站設計趨勢!從團隊核心價值「動態回推設計」出發,學會設計動態特效網站!哪些人適合這堂課? 想突破網站設計天花板,做出更多厲害有趣的網站作品的同學。 這堂課程將能幫你打破過往對網… [瞭解更多] | 課程介紹 為你打造就算沒有程式基礎,也能夠逐步學習獲得網頁排版技巧的紮實觀念,六角學院的講師將協助你成就更好的自己!哪些人適合這堂課? 適合完全沒有設計、程式基礎的初學者 目標成為網頁設計師、前端工程… [瞭解更多] | 課程介紹 《UX ‧ 三刀流》是一個以「運算思維」為基礎而實踐 UX 設計的一種設計思維,學習者可以透過《用戶流》、《商業流》、《數據流》等三種能力的了解與練習,掌握 UX 工作的專業技術與思維,在動… [瞭解更多] | 課程介紹 儘管你沒有 JavaScript 基礎也適合上這門課,為網頁添加具互動性的網頁動畫效果!哪些人適合這堂課? 想要了解 WEB UI 究竟該如何設計網頁動畫效果的學生 想要設計出超棒的網頁使用… [瞭解更多] | 課程介紹 此課程不在是念過所有元件的基礎課程,課程中會透過簡報、動畫不斷的強化同學對於網頁設計、Bootstrap 的運用觀念,並且在課程的進行中會透過許多的案例加深對於元件的使用概念,讓學習框架不再… [瞭解更多] | 課程介紹 還不會目前業界最為流行的響應式網頁設計嗎?讓六角學院線上手把手教會你/妳!哪些人適合這堂課? 建議已經會 HTML、CSS 的網頁初學者 想要了解更多網頁排版細節的潛在網頁工程師、網頁師學習… [瞭解更多] | 課程介紹 專門為零基礎的人設計,並以職場常見應用回推設計而成的課程內容,不僅讓你快速入門網頁設計,同時拉近你與職場的距離!哪些人適合這堂課? ★ 如果你是以下狀況的人,這門課將「非常適合」你: 1. … [瞭解更多] |
網頁前端產品列表
課程老師 | 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) 的核心功能設計與原型製作。
▶︎ 建立正確的學習心態與工作觀念,在未來的設計路上都能掌握學習原則,持續自我精進成長。
▶︎ 了解如何準備與設計面試與求職作品集,讓自己在其他競爭者中脫穎而出。
課程老師 | 設計遊牧 Design Nomads |
---|---|
課程評價(評價人數) | 4.63 分(30人) |
課程時長 | 12 小時 19 分鐘 |
學生人數 | 1711 人 |
課程介紹
這堂 All-in-One 的「UX 設計/研究全攻略:給新手的職場通識課」,涵蓋 UX 研究、UX 設計和 UI 設計三大面向,同時提供理論說明和案例拆解,帶領你系統化學習 UX 基礎能力與職場實作知識,讓你面對入行更有信心!…[更多細節]
哪些人適合這堂課?
你非 UX 相關科系背景出身,也沒有相關實作經驗,但對於這個領域充滿好奇,想要進入這個產業工作。
學習目標
▶︎ 熟悉完整 UX 設計流程,培養 UX 思維和工具,All-in-One 一次包辦基礎知識。
▶︎ 從研究規劃、競品分析、問卷研究方法執行、使用者體驗規劃、流程設計,到介面設計、設計交付,各種操作細節都將學會如何操作。
▶︎ 課程會以一個實務的 Podcast 平台作為產品案例,你可以跟著流程一步步打造出自己的一個完整案例放入個人作品集。
課程老師 | 版塊設計 x 圖文不符上課囉 |
---|---|
課程評價(評價人數) | 4.94 分(16人) |
課程時長 | 2 小時 13 分鐘 |
學生人數 | 941 人 |
課程介紹
版塊帶你跟上網站設計趨勢!從團隊核心價值「動態回推設計」出發,學會設計動態特效網站!…[更多細節]
哪些人適合這堂課?
想突破網站設計天花板,做出更多厲害有趣的網站作品的同學。
這堂課程將能幫你打破過往對網站設計的既定看法,用不同的思維設計出與眾不同的作品。
學習目標
▹ 了解版塊團隊的設計核心價值:
課程以「動態回推設計」為核心,深入剖析動態特效網站的設計流程與佈局手法。
▹ 培養專業的動態特效設計觀念:
看懂「動態特效網站」的優勢、用法和潛能,在設計實作前先奠下良好基礎。
▹ 發想出更獨到的創意概念:
利用「關鍵字發想法」,將專案的文字需求、轉化為視覺畫面,進一步擴展成厲害有層次的創意。
▹ 了解如何配置動態特效:
透過課程內容與 Codepen 輔助,掌握設計細節和各種動態特效搭配訣竅,輕鬆找到設計甜蜜點。
▹ 優化協作溝通技能:
以「設計師角度出發」分享與工程師及客戶的溝通技巧,由內而外強化協作能力,進一步提升作品品質。
課程老師 | 六角學院 |
---|---|
課程評價(評價人數) | 4.97 分(35人) |
課程時長 | 15 小時 27 分鐘 |
學生人數 | 648 人 |
課程介紹
為你打造就算沒有程式基礎,也能夠逐步學習獲得網頁排版技巧的紮實觀念,六角學院的講師將協助你成就更好的自己!…[更多細節]
哪些人適合這堂課?
適合完全沒有設計、程式基礎的初學者
目標成為網頁設計師、前端工程師、軟體工程師
希望自己能夠從無到有設計一個網站
學習目標
我將從這堂課程學到什麼?
1. 有能力排出具專業、語意化、美觀的網頁設計
2. 課程結束後,提供給你一個完整的網頁設計稿,當你實作出網頁來後再轉交六角學院的講師們,六角助教們會為你進行程式碼審視,以確保你吸收的網頁排版觀念是正確的。
課程老師 | UX‧三刀流 (温明輝) |
---|---|
課程評價(評價人數) | 4.82 分(17人) |
課程時長 | 14 小時 27 分鐘 |
學生人數 | 494 人 |
課程介紹
《UX ‧ 三刀流》是一個以「運算思維」為基礎而實踐 UX 設計的一種設計思維,學習者可以透過《用戶流》、《商業流》、《數據流》等三種能力的了解與練習,掌握 UX 工作的專業技術與思維,在動態的商業環境中以此三種能力中併行思考、取捨、決策與行動,以達到優化產品以提升使用者體驗的目標。…[更多細節]
哪些人適合這堂課?
這堂課【適合】
◆ 探索新知的 UX 新手:想要學習如何將 UX 理論與應用結合產品開發的學員
◆ 積極學習的 UX 設計師:幫自己補強商業流和數據流的 UX 思維
◆ 想突破自己的 UI 設計師:以用戶、商業、數據三面向的統整,為介面設計添加更豐富的層次與意涵
◆ 想放大自我價值的工作者:希望能更科學、更有架構地,在商業場合溝通用戶、商業與數據議題,而非只是依靠「感覺」的工作者
這堂課【不適合】
◆ 打醬油型的學習者:買了不認真看,達不到付費的價值與效益
◆ 三天捕魚兩天曬網的工作者:學了不認真用,過一段時間還是忘記
◆ 自我意識高漲的學習者:歡迎在學習後挑戰與交流不同想法,但如果不先空杯,會很可惜地錯過許多領悟與經驗
學習目標
★ 建議你先看評價已修課的同學的留言,了解這門課的性質。
★ 這門課程的單元更新速度不快,請把公告區看一下了解課程進行的方式,若你想一次購買 「完整」拍完的內容,建議先不要購課。
★ 同學記得看一下「課程簡介」和「講者介紹」的內容,真的了解後,再考慮購買。這門課上完,有幾個具體你可以有的產出和成長:
◆ 對新手來說,從頭開始學 UX,了解產品與使用者體驗設計的每一個環節。
◆ 對職場中的 UXer 來說,了解「數據流」和「商業流」如何在 UX 設計過程中切入。
◆ 期待可以提升的能力:了解 UX 這門學問的原理,建立有架構且可被挑戰的 UX Mindset (不會都靠感覺在做 UX,可以更有憑有據的思考)。
◆ 具體的產出主題:這門課的六個作業是連續的,如果你一步一步認真跟完,就可以用UX三刀流的架構,完成一份屬於自己的專案 (所以作業的題目可以多想你要理想應徵的公司產品方向;或是你正在職場上工作的主題。這樣我可以幫你看內容,討論起來也會更深入。)
課程老師 | 六角學院 |
---|---|
課程評價(評價人數) | 4.85 分(20人) |
課程時長 | 5 小時 50 分鐘 |
學生人數 | 218 人 |
課程介紹
儘管你沒有 JavaScript 基礎也適合上這門課,為網頁添加具互動性的網頁動畫效果!…[更多細節]
哪些人適合這堂課?
想要了解 WEB UI 究竟該如何設計網頁動畫效果的學生
想要設計出超棒的網頁使用者體驗的學生
除了基本 jQuery 技巧,還想學會更多應用的學生
學習目標
► 能夠掌握如何在網頁上設計互動性網頁動畫效果
► 有辦法輕易整合別人寫好的第三方動畫插件,並套用在自己的網頁上
► 有能力評估別人的網站究竟是用了哪些插件來設計網頁動畫效果
► 當 jQuery 程式碼變多時,也能夠有條理地進行維護整理
課程老師 | 六角學院 |
---|---|
課程評價(評價人數) | 5 分(3人) |
課程時長 | 11 小時 41 分鐘 |
學生人數 | 165 人 |
課程介紹
此課程不在是念過所有元件的基礎課程,課程中會透過簡報、動畫不斷的強化同學對於網頁設計、Bootstrap 的運用觀念,並且在課程的進行中會透過許多的案例加深對於元件的使用概念,讓學習框架不再只是依循著文件內容而已。…[更多細節]
哪些人適合這堂課?
想要快速建立網頁的同學
對於 Bootstrap 有興趣的同學
想要更精進 CSS 的同學
對於 HTML、CSS 有基礎的了解
學習目標
► 學會如何使用 Bootstrap 建立網頁及元件
► 了解 Bootstrap 的開發模式
► 使用 Bootstrap 尋找合適的工作
課程老師 | 六角學院 |
---|---|
課程評價(評價人數) | 5 分(5人) |
課程時長 | 8 小時 27 分鐘 |
學生人數 | 137 人 |
課程介紹
還不會目前業界最為流行的響應式網頁設計嗎?讓六角學院線上手把手教會你/妳!…[更多細節]
哪些人適合這堂課?
建議已經會 HTML、CSS 的網頁初學者
想要了解更多網頁排版細節的潛在網頁工程師、網頁師
學習目標
► 掌握響應式網頁設計細節
► 了解如何跨部門協作響應式網頁設計
► 懂得如何以 UI / UX 角度設計好的響應式網頁設計
課程老師 | 獺斯特 |
---|---|
課程評價(評價人數) | – |
課程時長 | undefined |
學生人數 | 59 人 |
課程介紹
專門為零基礎的人設計,並以職場常見應用回推設計而成的課程內容,不僅讓你快速入門網頁設計,同時拉近你與職場的距離!…[更多細節]
哪些人適合這堂課?
★ 如果你是以下狀況的人,這門課將「非常適合」你:
1. 完全零基礎,想學習網頁設計的初學者
2. 想跨領域轉職的人
3. 在職場上常需要與工程師溝通、想學習網頁基礎的人,如 UI/UX 設計師等
這門課正是專門為你們設計的,非常歡迎你們加入這門課的行列,開啟網頁設計之路!
***
★ 如果你是以下狀況的人,你可能「不完全適合」這門課:
1. 已經可以用純 HTML、CSS 寫出完整網頁的人
2. 已經學會 HTML、CSS 並想於這門課學習 JavaScript 的人
由於這門課的內容會從零基礎開始,一直到進階應用,整體課程較有系統性,前半部會從零基礎教起,且不包含 JavaScript 完整教學。
因此如果你已經有一定程度的網頁設計基底,可能會感覺課程內容太簡單,建議你先衡量自身程度和狀況後,再視情況決定是否要購買這門課喔!
學習目標
1. 學會用 HTML、CSS 從無到有寫出一個網頁
2. 學會不使用 CSS 框架下,也能完成 RWD 響應式設計(即使用同一份程式碼,也能在不同尺寸的裝置上完美呈現你的設計)
讓你真正打好網頁設計基礎,未來在任何平台想修改樣式時,皆可輕鬆應用!
從老師查找更多網頁前端課程
還是您有熱衷某個老師或某個品牌開的課程呢?嘗試從老師或品牌頁挑選吧!
參考其他程式相關產品
除了文章中介紹的品之外,也可以參考以下其他熱門主題文章。可以多方參考其他品牌款式,絕對提供您最有人氣的商品,歡迎繼續延伸閱讀。
- 【2024年】軟體程式開發與維護人氣課程排行推薦!遠距/線上學習專業技能培養被動收入
- 【2024年】程式入門人氣課程排行推薦!遠距/線上學習專業技能培養被動收入
- 【2024年】程式理財人氣課程排行推薦!遠距/線上學習專業技能培養被動收入
- 【2024年】網站架設人氣課程排行推薦!遠距/線上學習專業技能培養被動收入
- 【2024年】程式語言人氣課程排行推薦!遠距/線上學習專業技能培養被動收入