【線上課程心得】在Hahow學UI/UX前端網頁設計(設計師推薦)

「從入門到業界實戰 – UI / UX 前端網頁設計」這是一門在Hahow線上課程平台的網頁UI設計課程，目前已有2,259人學習，並且獲得4.79顆星的高度評價，課程的目標主要想滿足從入門到進入業界的所有知識與技能，所以下面評價內容也會以自身網頁UI設計師的角度來看看課程是否有滿足這樣的需求，如果正好你也要自學網頁UI設計，希望這篇可以幫助到你

點我查看課程介紹

一、在堂課中可以學到什麼？

下面是我吸收後並整理出來可以學習的面向

1.基本網頁知識

• 網站開發的基本知識
• HTML、CSS的基本認識

2.手把手教你用HTML和CSS編寫出網頁

• 網頁基礎排版編寫的製作
• 如何去找出網站製作錯誤的問題

3.進階的技能教學

• RWD的概念知識與實作
• 網站微互動的實作
• 學習簡單的JQuery程式語言來自立完成想要的互動效果
• 基礎SEO設定

4.完成個人履歷網站

可以作爲你第一個作品

5.設計思考與知識

• 如何設計好UI
• 如何設計好Icon
• 開始設計前的前置作業

6.工具的學習

• 瀏覽器的網站開發人員工具的認識與使用
• Sublime Text編輯工具
• Illustrator基本操作
• Sketch基本操作
• 網站分析工具的認識與應用

二、誰適合上這堂課？

這邊我列出了幾個不同階段的設計師，這課程可以對你的幫助

1.完全0基礎的人

這課程完全適合這樣的朋友們，從學習網頁實作到設計知識與思考是蠻好的順序，算是從模仿到瞭解，再從了解到創作，這樣的過程學習完後也最能夠掌握網頁UI設計，因為我本身也是這樣自學過來的

2.平面設計轉職的人

可以快速認識到網頁UI製作的方式，以及網頁設計和平面設計專業知識上的差異，畢竟網頁還是有很多編寫和技術應用層面上的事情要考量，無法像平面設計這樣的隨心所欲

3.剛開始從事網頁設計的人

這課程可以學到很多網頁UI設計在實作所需要考量的基本知識，讓你提出的設計稿不再被工程師打槍和退稿

4.想要學習網頁技術的人

這門課一開始就會手把手的教你如何編寫製作網頁，並且教你如何編寫出好的網頁框架和結構，讓前端工程師接手你的網頁後，也對你豎起大拇指

5.正要開始規範設計風格的人

在大的產品或專案上，往往都是多位設計師共同負責，所以會需要一套產品的設計指南規範來確保大家設計的畫面風格都是一致的，在這課程也有講到這部分

三、課程中可能會遇到的問題

1.課程沒有章節與分類

因為課程分非常多篇，對於不同時間作學習，或者是要找某個課程會非常吃力

2.影片聲音沒有統一

這課程裡有不同的講師，所以影片也是不同講師製作，但因為影片聲量大小沒有統一，讓聽者在連續觀看課程時後，影片聲音會無預警的忽大忽小

3.工具軟體慢慢變成舊版本教學

工具一直更新改版，所以新舊的版本會有越來越多差異，但這畢竟是無法避免，但工具的基礎功能還是會一樣，花點時間還是可以適應的

四、上課前你需要注意的事

若你正在考慮這課程，下面列出幾點可能你需要先注意的部分

1. 課程直接從網頁實作開始，之後才會講到UI設計、設計思考等方面的知識
2. 課程不會使用Dreamwaver用來做網站，而是透過文字編輯工具來編寫HTML和CSS製作網站
3. 設計工具Sketch，目前只有Mac系統能使用這軟體，所以如果你是Window系統就無法使用，雖然它是業界目前最常用的工具，但並不是唯一，還是可以透過不同工具來製作設計稿，例如：Adobe XD、Adobe Illustrator、Figma…等工具
4. 所有專業知識、軟體工具的學習都以基礎常用到的功能為主，並沒有特別進階的內容，比較適合初學者

五、結語

課程內容涵蓋層面非常的多，因為自己本身是網頁UI設計師，所以看完它的內容後，發現這幾乎是概括了業界網頁UI設計師會接觸到的內容，不論設計專業或是工作內容，而課程價格才$2500，個人覺得非常佛心

課程安排的順序也跟自己自學網頁UI設計的過程差不多，所以蠻能明白每個階段的學習所需要的資源

課程中很多部分都算是基礎，但也是基本必要的能力，有這些能力才有辦法去臨摹和創作，特別若是你想要透過redesign的方式來累積作品集，這課程上完後基本上是可以進行，畢竟在專業知識以外，也需要大量的實作經驗

若你目前正在苦惱如何開始自學網頁UI設計，個人蠻建議可以上這堂線上課程，能有系統和精確的學習網頁UI設計，並與業界環境接軌，省下不少自己摸索的時間。

點我去了解 從入門到業界實戰 – UI/UX前端網頁設計

延伸閱讀：
一起在家自學網頁UI設計，線上課程推薦懶人包
自學成為網頁設計師？非本科生設計師的告白(上)

若你喜歡我的這篇文章，麻煩拍5次下面小手給予我支持與鼓勵喔！