課程調整、更新狀況說明】：20190926
由於在開課兩年後，重新上架「更新單元」替代該主題的教學。詳情說明請參閱［公告］
課程社團(課程更新和活動)
推薦課程：Adobe XD / PS - 網頁設計與 UI 實作
課程介紹
課程建議聆聽速度為 1.5倍
此課程將會從入門到熟練軟體技巧，最完整的網頁設計教學，也包括 UI 教學、Adobe Photoshop出圖、Zeplin、Sketch、Html、Css動畫、jQuery、SVG、RWD響應式設計、業界常用前端設計框架、程式碼管理、設計切版、開發流程等 教學應用。
UI/UX/網頁設計師，是涵蓋台灣介面設計市場大多的共同需求，劃分不清，這堂課針對這樣的混亂氛圍，由多個業界講師帶大家進入這個領域，把握重點和知識，再順利轉換到業界實戰。
介面設計是整合「設計、技術、行銷、商業模式」等領域，進而與使用者建立溝通的語言，而這堂課，能讓你不僅是掌握有趣的網頁技術，更能引導你深度了解UI/UX領域，再延伸到實戰中的相關技術。
課程中將會帶領你理解介面設計的精神，明白如何透過專案的思維，從定義使用者抓到正確的發展方向，掌握資訊和數據並成為有力的工具，最後透過技術實踐思維，讓手上的知識能成為專案實務裡重要的角色，使工作和接案的過程更加順利。
同時這是一門涵蓋 Sketch、UI/UX設計、前端程式設計、專案設計流程的課程，將由多名該領域的業界講師進行教學，也歡迎所有願意分享知識及經驗者共同備課。
實作網站：
http://ui-ux-webdesign.com/hahow-course/CV_demo/
http://ui-ux-webdesign.com/hahow-course/fullPageWeb
掌握關鍵技術，在職場上無往不利
我們將從0開始，紮實打造你的基礎能力，讓你輕鬆掌握切版規則，系統化繁瑣的邏輯，進而歸納整合所學所知，內化為實用技巧。
不管你是要從無到有開始切版或是快速掌握套版的內涵，甚至到設計師切圖出圖所需要注意的事項，都能輕鬆掌握。
課程內容(除了練習作品，以下多為課程畫面)陸續修正中
掌握基礎到元件製作的繪圖技巧
掌握設計風格，讓自己的設計元件更有生命力：用html+css將自己設計的事物轉換成網頁上的動畫元件。
將基礎技巧融入元件中：帶大家整理碎片化的知識，成為一套完整的切版角度和思維。
掌握Sketch流程元件繪圖技巧
設計流程 從IA、UI flow、flow cart、wireframe、lofiprototype、mockup
與工程師合作
以專案思維從無到有的刻畫網站，將使用專案常用的編譯器做出環境設定，讓團隊開發更為順暢，再利用前人的智慧學習更多被業界廣泛使用的第三方套件，省下多餘的開發時間。
做出自己的工程框架grid system css管理技巧，掌握好的程式代碼的撰寫風格，未來更動任何設計時，都不用浪費多餘的時間找尋程式碼，並且能快速解析他人網站的結構。
掌握設計原則、定義設計語言，深度理解介面與人溝通的可能性：
以下列圖中為例，原始IOS系統的擬真的風格是在於介面元件不普遍的時代背景下，因應讓人更能快速理解元件的意涵而產生的系統，但隨著時代推進，人在使用介面的時間和選擇越來越多樣，使用時間更長，擬真的強烈風格反而造成使用者過度使用下的負擔，所以在IOS7時就告別了這樣的風格，朝向極簡的扁平化風格降低使用者資訊和視覺上的負擔，設計風格並非有真正的好與壞，而是如何在對應的背景下使用較佳的選擇，就像長輩圖或是毫無設計感的物件，在要傳達特定訊息時，一樣有絕佳的傳達效果。
元件大小若在響應式設計的網頁中，觸及範圍須掌握在最少44px*44px
微光的載入頁面體驗將大於純粹Logo的載入，但會因應專案性質做出最後的選擇。
以UX(使用者體驗)為原則，深度理解使用者需求，不再只是做自己開心，而是以專案的角度去訴諸你的實用性，讓所有物件都有了在專案上的意義。
課程中，將從文件的角度，讓設計的視野變寬廣：製作一個元件時，通常要符合不同的情境、不同使用習慣的使用者，例如網頁和APP的使用習慣就有明顯的差異。帶你理解市佔率最大的兩種設計框架如何規劃脈絡，再進一步設計屬於自己的設計文件。
更多的後續追蹤，將使用多個網頁工具、數據分析的角度帶你重新看待網頁的效益。
為什麼要將程式與設計混合教學？
不需懼怕程式語言，在靜態網頁的思維中，不若一般程式語言非黑即白，邏輯縝密，好比是積木一般的拼湊，而每個積木都有自身的樣子跟顏色，頂多拼的比較醜而已XD?靜態網頁的語言較少邏輯，成就感高，而且會對網頁介面的概念更深刻的理解。
福斯也曾說過“如果我當年去問顧客他們想要什麼，他們肯定會告訴我：「一匹更快的馬」”
看似在設計中很有啟發性的一句話，倘若沒有技術思維，是無法去執行汽車的可能性的，你只是在拼命的改善騎馬的體驗罷了，同理，在網頁領域，如果要設計出好的網頁，就該先培養對技術基本的認知。
適合對象
雖然熱愛接觸不同領域事物，卻苦於沒有基礎，不知道如何入門？總是在買完線上課程後沒有動力看完嗎？或是懷疑線上課程帶來實際的效益？
希望你也能加入我們的行列，我們會帶著各位零基礎入門，看完線上課程後，如果你喜歡一起學習討論(嘴砲)的感覺，歡迎你加入我們線下讀書會的行列。
或是你想習得在社會上的一技之長，也非常歡迎你加入這次的募資。目前經過線下讀書會的同學，就算是未役或未滿20歲，都能找到相關正職或實習的工作。介面設計網頁領域是現階段有發展且需求高的領域，而進入業界，對於學習程式語言將是一場充滿成就感的實戰體驗。
不適合對象
只用美感或是藝術概念介面設計的人，排斥以使用者為優先的思維。
關於講者 Louis、Joy、Sunny
國立台北商業大學資管系，
台大設計思考課程教學助理
在業界上擔任網頁設計、UI/UX設計師、前端工程師、網頁企劃等相關職位
在知名新媒體、電商和外商專案公司、上市櫃公司的經歷
目前在台達電子負責資料視覺化相關研發專案
從實習生到主管職，最能體會學習和實作的差異
國立臺灣科技大學電機系休學生
從無到有自學一個月即順利就業，且經歷30幾個專案
除了工程思維，也正沉浸在網頁動畫設計領域和教學上
