課程特色
"◼︎使用Mac電腦:課程將使用Mac電腦上的設計軟體,例如Adobe XD、Sketch等,讓學生能夠熟練掌握相關工具,並學會如何運用這些工具創作出優秀的UI設計。
◼︎設計流程:課程將教授UI設計的流程與步驟,包括設計初期的需求收集、界面設計、樣式設計、交互設計、原型驗證等,讓學生能夠了解如何從頭到尾完成一個完整的UI設計項目。
◼︎視覺設計原則:課程將探討UI設計中的視覺設計原則,例如色彩、佈局、字型等等,讓學生能夠了解這些基本原則,並運用在自己的設計中。
◼︎案例分析:課程將舉辦多場UI設計案例分析,講師將分享設計思路、流程、技巧等,讓學生能夠學習到更多實際操作技巧。
◼︎個人作品展示:課程最後將結合個人作品展示,讓學生能夠展示自己的UI設計作品,同時也可以透過其他同學的作品來互相學習和交流。"
詳細內容
UI 視覺介面設計班 |
No |
階段 |
課程內容 |
授課目標 |
1 |
1.領域須知&制定課程主題 |
讓學生了解介面設計產業中,設計應用的範疇,以及在產業中的的協作對象,以及設計職涯上可以發展的職務和對應的工作內容 |
說明介面設計的產業應用範疇、基本產業認知、協作角色、課程剛需和最終目標 |
2 |
2.前期產品研究 |
讓學生學習用戶研究的方法,從研究方法了解產業現況和競爭對手,進而定位產品在市場上的走向以及適合產品的格 |
研究方法說明與練習 |
3 |
3.產品功能輪廓&雙平台Guideline說明 |
了解iOS&Android的基本規範、元件說明、元件使用方式,先了解設計上的限制,才有辦法做出符合用戶體驗的框架 |
1.IA資訊架構的說明 |
2.iOS Guideline說明 |
4 |
4.Wireframe的建立 |
整合研究結果,導出初步的IA資訊架構以及Wireframe,建立產品框架的雛形 |
1.Wireframe執行重點說明 |
2.建立IA資訊架構 |
5 |
5.建置產品的Style Guideline |
繪圖軟體(adobe XD)的應用教學與Plugin的應用;並且將風格建立起StyleGuideline |
1.adobe XD操作練習 |
2.產出初步StyelGuideline |
3.定義產品視覺記憶點 |
6 |
6.主要畫面設計 |
消化Wireframe及探討落實成視覺過程中的可能性。定義介面設計上視覺的設計細節和元件的應用方式 |
1.設計原則說明 |
2.主要畫面繪製 |
3.解構與重構 |
7 |
7.畫面與狀態的細節 |
說明介面設計上的延伸狀態,以及微互動設計,讓用戶在每個使用過程都有被充分考量 |
1.元件互動說明範例說明 |
2.頁面狀態說明 |
8 |
8.如何建立真實操作與產品驗證 |
透過Prototype驗證設計細節,讓產品透過小型驗證修正細節與產品優化 |
1.Zeplin協作說明 |
2.Prototype教學 |
3.易用性測試 |
4.上架前準備:上架圖以及APPICON |
9 |
9.如何闡述設計的脈絡&產出作品集 |
重新梳理設計的脈絡,透過數位化的產品理念整理成作品集,並且了解商業簡報上的基本脈絡,更有效率地闡述設計理念 |
1.如何產品脈絡 |
2.作品集建立(Behance,Wix,WP) |
10 |
10.課堂驗收報告 |
期末發表以近似業界的標準,給予學生回饋 |
1.驗收報告 |
2.產業Q&A |
報名方式
如您對本課程有興趣,或需相關諮詢,請於下方留下您的聯絡資訊,我們將派專人與您聯繫,為您安排上課事宜,或回覆問題,感謝您!