如果你遇過這些問題…

• 你做出來的圖常常被工程師打槍嗎？
• 你曾經在做專案的時候，完全定不了開發方向，一直改來改去嗎？
• 你常遇到開會討論半天，卻浪費時間沒有結論的狀況嗎？
• 你被要求過，在不知道做什麼、怎麼做的時候，就開始畫圖嗎？
• 當你被問起「為什麼會設計成這樣」時，講不出所以然嗎？

如果是這幾些狀況，畫再美的圖也不能解決專案開發上的問題。

你需要的是針對工作內容、專案開發的系統性教學和實際練習！

課程目標

在入門實戰班中，你可以學習到：

• UI 設計師該具備的基本技能與知識。
• 一般專案開發各個階段 UI 設計師的工作內容。
• 如何以設計師的思維發現問題、解決問題。
• 設計師如何規劃自己的職涯發展。

若完整上完此課程，你會發現自己思考問題的邏輯和做專案的起手和以前完全不同，像個真正的 UI 設計師會考慮各種行為與狀態、回饋了。並能降低專案成員的工作壓力，且能減少來回修改和出錯的機率。

在一般外包公司、新創團隊或自行接案，都不太會遇到專案跑到一半不知道自己要幹嘛的卡關情況。

講白點，就是 UI 設計師從 0 開始，一路做到切圖給工程師、寫標示文件的整個工作流程啦！教你每一個階段要做什麼事、怎麼做、為什麼要這樣做，如何思考、哪些錯誤要避開等等。

適合參加的對象

• 想短時間內成功轉職為 UI 設計師的人。
• 想知道 UI 設計的開發流程、如何和工程師配合的人。
• 想補強基礎理論並能實際活用所學的 UI 設計師。
• 對未來充滿野心，目光已經看向「成為設計主管」的人。

課程大綱

基礎理論

• UI 和 UX 的不同：從生活中了解 UI 和 UX 無所不在，並不只是手機和網頁。
• 專案開發流程：做專案分成哪些階段？每個階段都在做什麼事？需要產出什麼文件？
• 資訊架構：整理規劃產品內容，讓使用者更輕鬆活用自家服務。
• 互動設計：觸發、回饋、狀態、規則。

實作練習

• Functional Map：將使用者的需求轉換成功能需求。
• Content Inventory：將產品拆到最細，定義「內容」和「導覽」。
• Flow Chart：使用者如何操作功能完成任務？流程為何？
• UI Flow：使用者在操作任務的過程中，會經過哪些頁面？
• Wireframe：各頁面的狀態、回饋、元件、內容等佈局。

與工程師合作

• Mockup：製作視覺稿的注意事項。
• Prototype：製作原型的方法、工具。
• 切圖：如何切出工程師可以用的圖，包含 9-patch。
• 標示文件：如何讓工程師實現設計師的作品？

更多技巧

• RWD：Grid 原理與規則，包含數值換算、製作 Mockup 的方法。
• 動態特效：動態特效使用時機、設計師與工程師之間的合作方式。
• 常用工具介紹：簡單介紹各種省事省力的外掛與工具。

大量的課堂練習和實例講解，還有各種職場經驗、設計思考，設計師如何提升邏輯推理、規劃自己的職涯發展等等。

企業內訓

如果您需要多人包班，歡迎透過 email 或粉絲團私訊聯絡。

email: akanelee@madders.co
Facebook: www.facebook.com/uiux.akane