在學習 UI 時，
你是否有過這些誤解
用越多樣式才是有設計感？
你是否設定了一大推的字級跟樣式，整個網頁看起來都不像是同一個人做的嗎？等到要修改的時候，也常常忘記改到一些地方嗎？
排版全憑感覺就好？
被別人問到設計稿為什麼要這樣排版時，總是只會回答「這樣感覺比較好看」，卻講不出一個更有說服力的具體原因嗎？
以為網頁只需要畫一種尺寸？
你以為畫完一個尺寸之後，其他響應式的尺寸都會自動完成了嗎？還是你甚至從來沒有聽過什麼是響應式網頁設計？
你可能只是少了一些設計觀念
缺乏設計準則
設計準則能夠幫助你讓設計稿有一致性，像是重複使用類似的樣式更能夠建立整體的形象，設計的品味反而體現於這些細節裡。
你需要懂一些程式邏輯
設計師要掌握介面上每個間距與對齊方式，繪製時套用一些程式邏輯，就能夠讓工程師更快理解交付給他的設計稿要如何開發。
響應式的規劃大有學問
響應式是為了讓不同螢幕尺寸下都能有最好的介面呈現，電腦和手機螢幕的長寬差異會大大影響使用者在操作時的習慣和體驗。
直播班教學三大特點
避開常見錯誤讓學習不踩雷
教學上遇到許多初學者常會犯的錯誤，都將其收錄彙整到直播班的教材，讓學習更有效率，直搗核心知識。
透過實例讓抽象觀念一點就通
許多必備的知識初學者很難馬上理解，直播班將用更簡單的方式解說，並提供大量實作練習讓你能夠確實吸收。
帶你完成專屬響應式作品
不用擔心響應式設計的調整有太多細節要注意，直播班中會按部就班檢視你的執行步驟，引導你做出最終作品。
專為「UI 設計新手」安排的課程大綱
這門課程以「設計必備實務觀念」為主軸，透過實做練習快速掌握設計核心觀念， 並帶你避開常見錯誤讓學習不踩雷。
課前補充
基礎觀念大補帖
初學者也不用擔心！課前就會先釋出基礎的設計講義與影音教材，讓沒有任何設計經驗的你也能快速吸收必備知識，順利站上學習的起跑點。
WEEK 1
掌握介面所有元件
本週將導入原子設計帶你由小到大認識介面的常見元素，並透過設計準則與簡單的程式邏輯，讓你對於介面上連間距等小細節都能瞭若指掌，帶你真正掌握物件的對齊方式。
WEEK 2
帶你從草稿到完稿
接下來讓我們試著打造一個單頁式的網站，將引導大家透過規劃的過程去認識常見的頁面區塊，同時掌握線框稿（Wireframe）與精稿（Mockup）的各種繪製眉角。
WEEK 3
伸縮自如的響應式設計
響應式設計是網頁設計中不可或缺的重要觀念，如何正確地將桌面版的版型架構適應到行動版上經常讓初學者無所適從，本週從網格系統的多尺寸規劃開始，帶你制霸響應式設計的所有調整細節。
WEEK4
讓介面動起來
最後別忘了，UI 設計還需要多考慮互動的要素，本週將會介紹常見的互動原型動畫與繪製邏輯，讓你能透過相同的功能做出更豐富多樣的效果，模擬出如同真實網頁的作品。
解鎖直播
將作業整理成作品
辛苦做完的作品當然要好好整理起來，本週會依序示範如何把最終作業發佈在作品集平台 Bēhance 上，為這幾週的學習留下一個完美的成果。
＊解鎖直播需要達成特定條件才能參加（e.g. 完成特定作業）
不只有理論，更透過實作來學習
每週作業
每週將透過實作完成學習目標。作業會區分繳交等級，不管是初學者或是有設計經驗的學員都能有足夠的練習。
UI 設計觀念必修直播班
適合無經驗 UI 設計新手- 4+1 堂直播課程
- 課前影音教學資源
- 專屬範例與模板資源
- 專屬 RWD 響應式設計作品
- 一年時間免費課程錄影回顧
- 開課期間作品檢視無次數限制
線上直播
使用 Zoom 上課
11/19～12/17
每週五一堂，共五堂
12 小時
每週五 20:00-22:30
NT$ 9,820
NT$ 4,950
直播班課表
| 課前補充 | 基礎觀念大補帖 錄影 | 10/20（三） |
| WEEK 1 | 掌握介面所有元件 直播 | 11/19（五） |
| WEEK 2 | 帶你從草稿到完稿 直播 | 11/26（五） |
| WEEK 3 | 伸縮自如的響應式設計 直播 | 12/3（五） |
| WEEK 4 | 讓介面動起來 直播 | 12/10（五） |
| 解鎖直播 | 將作業整理成作品 直播 | 12/17（五） |
講師
吳俊儀
- 六角學院／UI 設計師
- 國立交通大學／網頁設計兼任講師
- TQC+ 使用者介面設計認證／命題委員、講師
- 赫綵設計學院／UI 設計課程講師
上一屆學員的精彩作品
取自 2021 春季直播班的最終作業
2021 春季班
StarsTeller 觀星者
2021 春季班
Sporteam
2021 春季班
良寓：青年共享公寓
2021 春季班
ㄅㄆㄇ輕鬆學
2021 春季班
Frammy 萬聖節農場體驗活動
2021 春季班
與果予你
2021 春季班
ARTogether - 藝起聊聊
2021 春季班
Hearing Me
2021 春季班
Get a life
2021 春季班
TAKO 便利屋
2021 春季班
Sweet Alison
2021 春季班
HUGO COVID-19 抗原快篩
只要五週，你也能做出相同程度的作品
看更多作品過往學員一致好評
為什麼要選擇直播班
| 直播班 | 線上課程 | 實體課程 | |
|---|---|---|---|
| 學習地點 不受限 |
- | ||
| 講師 即時互動 |
- | ||
| 找到 學習夥伴 |
- | ||
| 督促 學習進度 |
- | ||
| 學習成本 好負擔 |
- |
直播班的上課時間較密集、且參與互動性高，只要你能挪出四週的時間，就能透過特別設計的重點教材，快速掌握核心知識。
直播班教學三大特點
Discord 群組即時回覆
有個很臨時的問題想求救該怎麼辦？直播班有個專屬 Discord 群組，在群組內提問後，講師與助教都會快速回覆。
建立學習夥伴社交網
朋友中只有自己想轉職成 UI 設計師嗎？直播班裡有許多相同目標的夥伴，一起學習成長會更有動力、也能互相交流經驗。
擊敗拖延症
買了線上課程卻都還沒開始看嗎？直播班每週不斷督促學習進度，讓有拖延症的你在四週內能夠持續專心投入。
這堂課適合什麼人
新手小菜雞
不管你是工程師想了解設計觀念，或是想要轉職成 UI 設計師，都可以無痛參加。從課前就會釋出講義與影音，幫你快速上手。
想要快速變強
直播班的上課時間較密集、且參與互動性高，只要你能挪出四週的時間，就能透過特別設計的重點教材，快速掌握核心知識。
想重練基礎的設計師
有點經驗的設計師反而會對於直播班中規劃的實務觀念更有體悟，觀念打通了之後，甚至能直接在工作表現上帶來改變。
常見 Q & A
UI 設計必修觀念直播班是預錄的嗎？
不是哦，每次課程都會是老師直接 Live 教學，這樣才能提升互動性，增強學員吸收知識體驗。
有幾天直播時段沒辦法配合的話，會有錄影影片嗎？
有的！我們直播影片都會保留一年時間，方便學員隨時回平台回顧。
影音課程（e.g. UI 設計入門）跟直播班要選哪個才好？
若是想在較短的時間內建立 UI 設計的基礎觀念，會建議選擇直播班。
但是我有你們的影音課程，還需要參加直播班嗎？
影音課程的設計更著重在理論與知識的完整性，直播班則多了大量實作與即時互動，且針對常見的諸多錯誤觀念進行講解與釐清。如果你是迫切想掌握好一門技術的學員，建議可以參與直播班，並藉由影音課程來提升知識量。
我沒有任何基礎也可以直接上 UI 設計觀念必修直播班嗎？
當然可以，UI 設計觀念必修直播班的課程規劃很適合沒有任何基礎的新手學習，只要有跟上每週的進度，就能順利完成包含最終作品的所有作業。
要上直播班之前我需要先準備什麼？
報名之後會提供課前文件，上面會將你所有需要先下載的軟體等（e.g. Figma）都表列好，只要按照步驟操作就能完成課前準備，且放心，這邊不會有需要額外付費的內容。
這個直播班會有作品嗎？
有的！除了每週的作業之外，還會引導學員從頭製作一個單頁的響應式網站（Landing Page），完成專屬的設計作品。
直播班的作業可以補交嗎？
當然可以，只要在 UI 設計觀念必修直播班開班後的兩個月內都可以補交哦～
如果無法參與，可以申請退費嗎？
退費前請先詳閱退費規定。若不符合需求仍欲退款，可寄信至 [email protected]，將會有小幫手協助進行退款。
UI 設計觀念必修直播班
以「設計必備實務觀念」為主軸，透過實做練習快速掌握設計核心觀念。
- 4+1 堂直播課程
- 課前影音教學資源
- 專屬範例與模板資源
- 專屬 RWD 響應式設計作品
- 一年時間免費課程錄影回顧
- 開課期間作品檢視無次數限制
線上直播
使用 Zoom 上課
11/19～12/17
每週五一堂，共五堂
12 小時
每週五 20:00-22:30
請勾選以下注意事項，開始報名課程：
本次挑戰你需要每週投入至少 5 小時，你可以辦到嗎？
NT$ 9,820
NT$ 4,950
“
現在體驗過直播班，更是覺得收穫良多，跟當初只買影音課程的感受差距頗大，有一群人帶領你一起前進還是比較快的，如果時間上允許，很推薦來上直播班，感受六角大家族的力量與溫暖！
—— Cate Chang
完整心得
“
透過這次的直播班學習的內容，我瞭解到了 UI 設計的規範有多麼重要，也知道設計師需要花多少的時間來進行設計以及調整細節。這讓我白天的工作所需的溝通技能與同理心更上層樓。而夜晚 slash 身分的接案工作，也悄悄地受到課程內容潛移默化的影響，最近一次的接案竟然交稿後直接通過！真是超級天外飛來一筆。
—— ChrisSQR
完整心得
“
如果是初學 UI 設計，想打好基礎非常推薦六角學院俊儀老師的課！口條清晰有理也非常理解初學可能踩的雷，課程中不斷確認大家的吸收狀態，除此之外還能遇到各領域同學，參加這門課真的可以收穫滿滿喔！
—— min
完整心得
“
俊儀老師：「以前做過的努力不會白費。」 在這次作業上又瘋狂碰壁，時不時會懷疑人生。後來硬拚到能參加直播加碼課時，老師這一句話當場激勵了當時對最終作業 Wireframe 修改充滿迷惘的我。
—— 央央
完整心得
“
真的覺得老師跟助教要批改大量的作業還要注意一堆細節好辛苦。最後的成發很有趣，原本不打算報名的，但覺得自己選的主題就是想讓更多人知道，所以不如就衝一發，大家給的回應都好溫暖 XD 謝謝老師與助教帶的 UI 直播班，雖然有點可惜我不是每次都跟好跟滿，總而言之還是非常有收獲的，也讓我打從心底佩服 UI 設計師，原來漂亮又實用好切的畫面這麼難。
—— Tofu Tseng
完整心得
“
謝謝老師與助教（另外請問老師的眼睛內有安裝尺標嗎？很神準ㄟ，害我想偷懶的不行）
—— kellywu
“
謝謝老師與助教在上課期間的各種支援與不藏私，學到很多很基礎扎實的設計細節，知道這真的只是往 UI 設計裡非常小的一步，但上完直播班真的踏實很多，日後也會持續學習的，再次謝謝助教與老師。
—— kuo
“
很多魔鬼藏在細節裡，透過老師助教批改才比較能清楚自己平常在做設計稿的一些壞習慣在哪裡，或是還有哪些概念其實還沒很清楚。
—— lin
“
謝謝詳細的課程內容&批改很多很多的作業，為期一個月的課程壓力比想像中高很多，對上班族來說真的有點辛苦，但也謝謝老師與助教團提供作業延期的相關做法，雖然讓你們在批改上也會更辛苦，不過看到最後做出來的成果還是覺得很有成就感，謝謝。
—— funnymay
“
很謝謝老師和助教，這次的課程讓我對於 UI 知識有了全新的認識，雖然自己還需要時間消化，但很高興自己當初有報名這堂課!!這幾周也辛苦老師和助教了，每次的課程都感受到老師及助教滿滿的用心～
—— Alicia Lo
“
這次直播班上雖然沒有完成作業，但看了很多同學的設計稿對自己也有啟發，還有謝謝老師和助教不厭其煩的回答問題
—— jason06286