進修課程
Advancde Studies
UI視覺介面設計
課程總時數
2-3個月
課程費用
線上洽詢
上課時間
不拘 / 不拘
開課日期
2024-04-30
Intro
"◼︎使用Mac電腦:課程將使用Mac電腦上的設計軟體,例如Adobe XD、Sketch等,讓學生能夠熟練掌握相關工具,並學會如何運用這些工具創作出優秀的UI設計。

◼︎設計流程:課程將教授UI設計的流程與步驟,包括設計初期的需求收集、界面設計、樣式設計、交互設計、原型驗證等,讓學生能夠了解如何從頭到尾完成一個完整的UI設計項目。

◼︎視覺設計原則:課程將探討UI設計中的視覺設計原則,例如色彩、佈局、字型等等,讓學生能夠了解這些基本原則,並運用在自己的設計中。

◼︎案例分析:課程將舉辦多場UI設計案例分析,講師將分享設計思路、流程、技巧等,讓學生能夠學習到更多實際操作技巧。

◼︎個人作品展示:課程最後將結合個人作品展示,讓學生能夠展示自己的UI設計作品,同時也可以透過其他同學的作品來互相學習和交流。"
上課地點
台中市北區尊賢街7號12樓
Caption
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
Teacher
業界專業設計師
更多相關課程推薦
好康活動_跳跳50
TOP

哈囉~

×
你報名的我是課程名稱
線上互動課正在進行中,是否立即前往上課?