UI視覺介面設計:赫綵設計學院

課程特色

"◼︎使用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

師資介紹

業界專業設計師

報名方式

如您對本課程有興趣，或需相關諮詢，請於下方留下您的聯絡資訊，我們將派專人與您聯繫，為您安排上課事宜，或回覆問題，感謝您！

開課日期：	2024-04-30	課程費用：	線上洽詢
上課時間：	不拘 / 不拘	學習時程：	2-3個月
上課地點：	高雄市新興區中山一路258-1號 map

課程名稱	認證機構(分校)	上課地點	費用	開課日期
【Autodesk】AutoCAD國際認證班	聯成電腦板橋分校	新北市板橋區	線上洽詢	隨時開課
Comic少女漫畫設計班(高階)	聯成電腦板橋分校	新北市板橋區	線上洽詢	隨時開課
Painter商業插畫實務班	聯成電腦板橋分校	新北市板橋區	線上洽詢	隨時開課
國際插畫認證班	聯成電腦板橋分校	新北市板橋區	線上洽詢	隨時開課
繪本設計實務班	聯成電腦板橋分校	新北市板橋區	線上洽詢	隨時開課

1111進修網

UI視覺介面設計

登入1111進修網

1111進修網

UI視覺介面設計

登入1111進修網

哈囉~