隨著網路時代的進步，學習設計也開始可以經由線上課程來進行，因此線上學習平台也越來越多，像是Hahow、Udemy、Yotta這幾個線上教學平台都是許多設計師所熟知的
只是在這網路資訊爆炸的時代，要如何判斷線上課程是否值得購買就變得非常重要，雖然線上課程很多都來得比實體課程便宜，但終究是一筆費用、並且要投入時間學習，大家都不希望錢付了、時間也投了，卻沒得到能夠提升自己的知識或技術
如果你正因為想自學網頁設計、UI設計或是想要精進自己的設計能力，而正在考慮設計線上課程的話，下面內容會與你分享我是如何挑選線上課程，以及我推薦和上過哪些設計課程
內容目錄
如何挑選課程的方式
下面分享幾個我購買設計線上課程前會做的事情
1.確認自己學習目標
我自己在書店的時候，常發生看到各式各樣的書都一股腦的想要買回來學習一番，但這些書大多數往往因為沒有好好計劃來消化掉，而導致堆放在旁邊長灰塵
線上課程也是如此，因為取得太方便會導致什麼都很好買卻什麼都沒學的窘境，特別如果你是非本科系要轉職設計的朋友，更需要將時間花在刀口上
若以要轉職為網頁、UI設計為例子的話，初期最需要的是學習是
- 設計師職業基本的技能需求（可參考104徵才的Junior Designer職務內容）
- 學會使用一個主力繪圖軟體（例如：Sketch）
- 了解要設計什麼？以及如何進行設計？（工作上需要配合的事情）
確認好學習目的後，就更能夠明白這課程是否是目前需要的
2.瞭解課程內容，及可預期產出的成果
線上課程介紹都會列出課程的教學單元大綱，透過教學單元大綱可大方向了解這課程教學主軸
若你主要是以工具學習並且能夠製作出APP UI為主要目的，就需要瞭解課程教學什麼工具軟體？教學範例內容是APP UI還是網頁設計？有幾種類型的小功課？等等
像Hahow這平台的每個課程都有個作業成果可以讓學員上傳作品，你可以先從這裡看看大部分學員的學習成果是如何
以網頁、UI設計師來說，作品集一直都是找工作的必須條件，若可以跟著課程邊學習就邊有作品產出的話是最好的（如果教軟體的課程，還邊教設計就更棒:P）
3.能夠試上課程就試上看看
實體課程都能夠試上了，看不到老師的線上課程就更應該試上一下，試上最主要目的是因為大部分人的學習經驗都是實體，像是過去的學校教育，應該很少人有過線上學習的經驗
藉由試上可以讓你初步了解老師是用什麼方式進行授課？老師的講解和示範內容是否容易理解？老師的聲音是否討喜？(誤
反正試上課程就是瞭解課程和老師的一種重要方式
4.觀察學員與老師的互動
線上課程的缺點就是沒有老師在前面可以讓你及時發問，也沒有同學在旁邊可以讓你問，所以當問題發問後，老師有沒有回應、多久後回應就非常重要
線上教學平台的課程都會有問題留言區，大部分都是給課程有問題的同學做發問，你可以從這裡面觀察大家的學習狀況、遇到的問題、以及老師是如何解答等等
有些課程老師還會創立FB社團，開放給購買課程的學員，可以彼此在裡面做討論和分享，這也是彌補了線上課程沒有同學的孤單（但這對社交困難的我來說，還蠻自在的XD
5.查看課程和老師評價
在這什麼東西都看評價的網路時代，購買線上課程前當然要查一下大家的學習心得得和評價，若有不好的差評也要了解一下是什麼原因，避免個案情況
另外老師的經歷和背景也要去google瞭解，若他有自己介紹個人的經歷的話就更好了，反正避免上到非專業人士開的課程
6.課程是否有在更新
雖然設計領域變化最快的總是視覺風格(可以google每年的Design Trends)，或是軟體也一直更新，說實話基本會用到的概念和常用的工具也是那些
但若是線上課程內容有持續在更新的的話就更棒，等於買一個課程後就自己會一直更新，這就是實體課程無法辦到的事情了
課程內容有哪些類型？
目前市面上的設計線上課程有分為幾個類型，分別如下：
軟體/技術教學
軟體教學 顧名思義就是著重在軟體上的學習和應用，通常這類的課程都會分單元實作出一些作品，只是都屬於獨立作品，作品之間不一定有關聯性
設計知識教授
設計知識教授 著重在如何做出好的設計，像是平面設計、資訊設計、排版設計及簡報設計…等等，這些都屬於設計知識教授面向的課程，而跟使用什麼軟體就比較無關，所以軟體教學在這當中就會是次要
統合型課程
統合型課程 可以說是將上面兩點都合併再一起的課程，主要是為了滿足一個目標來做課程內容的安排與設計，例如目標是讓你從零設計基礎到可以勝任網頁設計師的課程，那這樣的課程會教授你成為一個網頁設計師必須要明白的知識和具備的能力
設計線上課程推薦
這邊分享幾個我在Hahow上過和我覺得不錯的網頁設計、UI設計相關的線上課程，你可以視目前的需求作參考
從入門到業界實戰 – UI / UX 前端網頁設計
這堂可主要以網頁設計為主軸，並且更多著重在網頁實際製作的教學，跟我的學習歷程非常相似，這堂課的好處是讓你由實作面來更快瞭解網頁設計的規範，讓你的設計稿可以更貼近實作面，進入業界可以跟前端工程師溝通更加接軌
又或者因為一些公司的網頁設計師須負責此前端切版工作，例如常常會有活動靜態網頁的公司，那這課程就可以讓你更具有就業優勢
但壞處是學習門檻較高一點，畢竟要學習的HTML、CSS，雖然這跟寫程式比較起來難度並不高，也需要蠻多架設邏輯思考
課程類型：統合型課程
學習內容：設計工作流程、網頁設計、網頁前端技術(HTML/CSS/JQuery)
應用軟體：Sketch、Sublime
適合對象：零設計基礎、平面轉職網頁UI設計
這篇有我的心得：
【線上課程心得】在Hahow學UI/UX前端網頁設計(課程推薦)
Adobe XD / PS — 網頁設計與UI教學
這堂課也是屬於綜合型的課程，課程目標是讓你學習完後，能夠同時擁有網頁以及 App 的作品，且並是了解業界的流程與即戰力
與 從入門到業界實戰 – UI/UX前端網頁設計 差別處在此課程比較以純網頁UI設計師的角度作教授，並不會有網頁前端的實作技術在這當中，若你只想作為純網頁UI設計師這課程就蠻適合你。
課程類型：統合型課程
學習內容：設計工作流程、網頁設計、APP設計
應用軟體：Adobe Photoshop、Adobe Illustator、Adobe XD
適合對象：零設計基礎、平面轉職網頁UI設計
點我前往 Adobe XD/PS — 網頁設計與UI教學 課程介紹動畫互動網頁程式入門 (HTML/CSS/JS)
這堂課主要是針對純網頁設計師的朋友，目的是讓設計師可以自己學習製作自己所設計的網頁，並且實作許多微互動的效果，畢竟現在的設計趨勢很看重微互動設計
而且透過學習HTML和CSS可以讓網頁設計更貼近實作面，有人會覺得這樣反而會限制創造力，但我想創造力應該建立在既有的基礎規範上，若天馬行空的創造力就只能被前端工程師退稿吧。
補充說明：
什麼是純網頁設計師？有些公司設計工作內容只需負責繪製設計稿，不需要實作網頁。
課程類型：軟體/技術教學
學習內容：設計工作流程、網頁設計、APP設計
應用軟體：Adobe Photoshop、Adobe Illustator、Adobe XD
適合對象：想跨領域學習的設計師
點我前往 動畫互動網頁程式入門 (HTML/CSS/JS) 課程介紹動畫互動網頁特效入門（JS/CANVAS）
相較於 動畫互動網頁程式入門 (HTML/CSS/JS) ，這堂課又更多著重在網頁動畫的實作部分，隨然上面寫著入門，但指的是程式面的入門，更多程式語言和數學原理在這堂課等著你，若你對寫程式和數學很排斥的話，那可以略過這堂課
許多設計師都會希望自己也能將不會動的平面稿，實作成活的成果，這時候會考慮兩種的方式，第一個就是網頁語法及程式語言的學習，第二個就是AE的動畫製作邁進，但我覺得兩者應用面向還是不太ㄧ樣，而且兩者還有可能會結合XD
課程類型：軟體/技術教學
學習內容：網頁前端技術(HTML/CSS/VUE.js/Canvas…等)
適合對象：想跨領域學習的設計師
點我前往 動畫互動網頁特效入門（JS/CANVAS） 課程介紹AE/MG || 動畫特效 Vol.1
這堂課內容本質上並沒有跟網頁設計、UI設計有任何掛鉤，只是想回應上面提到的第二種將平面稿變成會動的動畫方法，這也是當初我學習這堂課程的目的，想不透過程式技術也能讓網頁的元素可以有動畫效果
課程類型：軟體/技術教學
學習內容：動畫製作(這跟影片剪輯不一樣喔，別搞混了)
應用軟體：Adobe After Effects
適合對象：想跨領域學習的設計師
點我前往 AE/MG || 動畫特效 Vol.1 課程介紹延伸閱讀：
自學成為網頁設計師？非本科生設計師的告白(上)
【線上課程心得】在Hahow學UI/UX前端網頁設計(課程推薦)
若你喜歡我的這篇文章，麻煩拍5次下面小手給予我支持與鼓勵喔！