在學習 UI 時，
你是否有過這些誤解
用越多樣式才是有設計感？
你是否設定了一大推的字級跟樣式，整個網頁看起來都不像是同一個人做的嗎？等到要修改的時候，也常常忘記改到一些地方嗎？
排版全憑感覺就好？
被別人問到設計稿為什麼要這樣排版時，總是只會回答「這樣感覺比較好看」，卻講不出一個更有說服力的具體原因嗎？
以為網頁只需要畫一種尺寸？
你以為畫完一個尺寸之後，其他響應式的尺寸都會自動完成了嗎？還是你甚至從來沒有聽過什麼是響應式網頁設計？
你可能只是少了一些設計觀念
缺乏設計準則
設計準則能夠幫助你讓設計稿有一致性，像是重複使用類似的樣式更能夠建立整體的形象，設計的品味反而體現於這些細節裡。
你需要懂一些程式邏輯
設計師要掌握介面上每個間距與對齊方式，繪製時套用一些程式邏輯，就能夠讓工程師更快理解交付給他的設計稿要如何開發。
響應式的規劃大有學問
響應式是為了讓不同螢幕尺寸下都能有最好的介面呈現，電腦和手機螢幕的長寬差異會大大影響使用者在操作時的習慣和體驗。
直播班教學三大特點
避開常見錯誤讓學習不踩雷
教學上遇到許多初學者常會犯的錯誤，都將其收錄彙整到直播班的教材，讓學習更有效率，直搗核心知識。
透過實例讓抽象觀念一點就通
許多必備的知識初學者很難馬上理解，直播班將用更簡單的方式解說，並提供大量實作練習讓你能夠確實吸收。
帶你完成專屬響應式作品
不用擔心響應式設計的調整有太多細節要注意，直播班中會按部就班檢視你的執行步驟，引導你做出最終作品。
課前補充
基礎觀念大補帖
初學者也不用擔心！課前就會先釋出基礎的設計講義與影音教材，讓沒有任何設計經驗的你也能快速吸收必備知識，順利站上學習的起跑點。
WEEK 1
掌握介面所有元件
本週將導入原子設計帶你由小到大認識介面的常見元素，並透過設計準則與簡單的程式邏輯，讓你對於介面上連間距等小細節都能瞭若指掌，帶你真正掌握物件的對齊方式。
WEEK 2
帶你從草稿到完稿
接下來讓我們試著打造一個單頁式的網站，將引導大家透過規劃的過程去認識常見的頁面區塊，同時掌握線框稿（Wireframe）與精稿（Mockup）的各種繪製眉角。
WEEK 3
伸縮自如的響應式設計
響應式設計是網頁設計中不可或缺的重要觀念，如何正確地將桌面版的版型架構適應到行動版上經常讓初學者無所適從，本週從網格系統的多尺寸規劃開始，帶你制霸響應式設計的所有調整細節。
WEEK4
讓介面動起來
最後別忘了，UI 設計還需要多考慮互動的要素，本週將會介紹常見的互動原型動畫與繪製邏輯，讓你能透過相同的功能做出更豐富多樣的效果，模擬出如同真實網頁的作品。
不只有理論，更透過實作來學習
每週作業
每週將透過實作完成學習目標。作業會區分繳交等級，不管是初學者或是有設計經驗的學員都能有足夠的練習。
UI 設計觀念必修直播班
適合無經驗 UI 設計新手- 4 堂直播課程
- 專屬課前影音教學資源
- 專屬範例與模板資源
- 專屬 RWD 響應式設計作品
- 一年時間免費課程錄影回顧
- 開課期間作品檢視無次數限制
線上直播
使用 Zoom 上課
5/7～5/28
每週五一堂，共四堂
10 小時
每週五 20:00-22:30
NT$ 9,820
NT$ 4,500
直播班課表
| 課前補充 | 基礎觀念大補帖 錄影 | 4/7（三） |
| WEEK 1 | 掌握介面所有元件 直播 | 5/7（五） |
| WEEK 2 | 帶你從草稿到完稿 直播 | 5/14（五） |
| WEEK 3 | 伸縮自如的響應式設計 直播 | 5/21（五） |
| WEEK 4 | 讓介面動起來 直播 | 5/28（五） |
講師
吳俊儀
- 六角學院／UI 設計師
- 國立交通大學／網頁設計兼任講師
- TQC+ 使用者介面設計認證／命題委員、講師
- 赫綵設計學院／UI 設計課程講師
過往課程的精彩作品
取自 UI 設計入門課程的章節作業與最終作業
章節作業
TACO-讓你欲罷不能的捲餅!
最終作業
Guitar's Home
最終作業
Curology
最終作業
好。日子：選物店
最終作業
YOGA Brand
最終作業
麥方之道
最終作業
Simple Select
章節作業
日出阿里山
章節作業
Easy Music
章節作業
Dr. GTM
只要四週，你也能做出相同程度的作品
看更多作品過往學員一致好評
直播班教學三大特點
Slack 群組即時回覆
有個很臨時的問題想求救該怎麼辦？直播班有個專屬 Slack 群組，在群組內提問後，講師與助教都會快速回覆。
建立學習夥伴社交網
朋友中只有自己想轉職成 UI 設計師嗎？直播班裡有許多相同目標的夥伴，一起學習成長會更有動力、也能互相交流經驗。
擊敗拖延症
買了線上課程卻都還沒開始看嗎？直播班每週不斷督促學習進度，讓有拖延症的你在四週內能夠持續專心投入。
這堂課適合什麼人
新手小菜雞
不管你是工程師想了解設計觀念，或是想要轉職成 UI 設計師，都可以無痛參加。從課前就會釋出講義與影音，幫你快速上手。
想要快速變強
直播班的上課時間較密集、且參與互動性高，只要你能挪出四週的時間，就能透過特別設計的重點教材，快速掌握核心知識。
想重練基礎的設計師
有點經驗的設計師反而會對於直播班中規劃的實務觀念更有體悟，觀念打通了之後，甚至能直接在工作表現上帶來改變。
常見 Q & A
UI 設計必修觀念直播班是預錄的嗎？
不是哦，每次課程都會是老師直接 Live 教學，這樣才能提升互動性，增強學員吸收知識體驗。
有幾天直播時段沒辦法配合的話，會有錄影影片嗎？
有的！我們直播影片都會保留一年時間，方便學員隨時回平台回顧。
影音課程（e.g. UI 設計入門）跟直播班要選哪個才好？
如果你有迫切性想學好 UI 的基礎觀念，建議你選本頁面的直播課程。直播班的重點會更強調在常見的錯誤、以及較難理解的觀念上，除了參與互動性更高，也透過更多的實作教材提升學習成效。
但是我有你們的影音課程，還需要參加直播班嗎？
影音課程的設計上，理論和實作都是 5:5，而直播班則是實作機會比較多，互動性也高。如果你是迫切想掌握好一門技術的學員。建議是參與直播班，並藉由影音課程來提升知識量。
我沒有任何基礎也可以直接上 UI 設計觀念必修直播班嗎？
當然可以，UI 設計觀念必修直播班的課程規劃很適合沒有任何基礎的新手學習，只要有跟上每週的進度，就能順利完成包含最終作品的所有作業。
要上直播班之前我需要先準備什麼？
報名之後會提供課前文件，上面會將你所有需要先下載的軟體等（e.g. Adobe Xd）都表列好，只要按照步驟操作就能完成課前準備，且放心，這邊不會有需要額外付費的內容。
這個直播班會有作品嗎？
有的！除了每週的作業之外，還會引導學員從頭製作一個響應式著陸頁（Landing Page），完成專屬的設計作品。
直播班的作業可以補交嗎？
當然可以，只要在 UI 設計觀念必修直播班開班後的兩個月內都可以補交哦～
如果無法參與，可以申請退費嗎？
退費前請先詳閱退費規定。若不符合需求仍欲退款，可寄信至 [email protected]，將會有小幫手協助進行退款。
UI 設計觀念必修直播班
以「設計必備實務觀念」為主軸，透過實做練習快速掌握設計核心觀念。
- 4 堂直播課程
- 專屬課前影音教學資源
- 專屬範例與模板資源
- 專屬 RWD 響應式設計作品
- 一年時間免費課程錄影回顧
- 開課期間作品檢視無次數限制
線上直播
使用 Zoom 上課
5/7～5/28
每週五一堂，共四堂
10 小時
每週五 20:00-22:30
請勾選以下注意事項，開始報名課程：
本次挑戰你需要每週投入至少 5 小時，你可以辦到嗎？
NT$ 9,820
NT$ 4,500
P.S.：六角學院也有line+嘍，歡迎加入隨時獲得六角學院第一手資訊！
“
課程搭配實作，且老師們都會細心回覆同學的作業，能幫助自己發現不足之處以補強。
—— Janet Chen
“
老師們很有耐心地一一回答學生問題，即使是很小的問題也看得很仔細，六角學院的售後服務真的是一級棒沒得比的，謝謝老師們的細心回答～
—— 張喬輔
“
從最基礎開始的教學，非常貼心。沒接觸過的人也能跟上，課程步調也不會太慢，作業也都能運用所學的東西加以複習，很棒的課程！
—— 何嫥嫥
“
網頁設計概念很有用！！！如果是自己半學半懂，再聽課程會更加完整～
—— MinFan Chen
“
很棒～提供很多實用資源，深入淺出的教導 Adobe XD 入門教學。
—— 吳家瑜
“
很喜歡做作業哈哈，完成後很有成就感！
—— 蔡佳臻
“
此課程講師由淺入深易的解說，並加入練習作業，讓初次接觸 XD 者，很快聽懂明白。
—— 吳**
“
XD 的操作介紹的很詳細..就算是初學Adobe繪圖軟體的人也能上手。
—— Yuko 張
“
講解清晰，正好是我想的，讚～
—— 櫻花
“
本課程，簡明扼要，能在短時間內將 Adobe XD 的設計原理與操作要點代出，若配合其他 UI 設計 (PC、網頁前端、行動裝置) 將會有大幅提升設計功力的效果。
—— SP W