教學大綱表 (113學年度 第1學期)
請遵守智慧財產權,勿使用非法影印教科書,避免觸法。
課程名稱
Course Title
(中文) 介面設計
(英文) Interface Design
開課單位
Departments
媒體設計學系
課程代碼
Course No.
V2460
授課教師
Instructor
車良源
學分數
Credit
2.0 必/選修
core required/optional
選修 開課年級
Level
大二
先修科目或先備能力(Course Pre-requisites):
課程概述與目標(Course Overview and Goals):你是否曾經覺得某些網站、APP十分難用?或是對生活中許多不便的設計十 分有感?歡迎你透過這門課來了解視覺設計如何影響介面。這堂課所教授的Figma軟體是近年全 球火紅的介面設計軟體。因爲清晰好懂的設計介面,不受電腦系統限制,並且支援良好的跨團 隊協作功能,已經受到許多國際企業的青睞將其作為主要的設計工具。只要你對於UI/UX感興 趣,就非常適合來上這門課程。
教科書(Textbook)
參考教材(Reference) 1.彭其捷、曹伊裴(2022)。Figma UI/UX設計技巧實戰:打造擬真介面原型。博碩文化 出版。 2.多元裝置時代的UI/UX設計法則:打造出讓使用者完美體驗的好用介面(第二版) (2021)。原田秀司 (許郁文譯)。博碩文化 出版。
3. 陳建雄(2009)。 互動設計。全華圖書股份有限公司 出版。
課程大綱 Syllabus 學生學習目標
Learning Objectives
單元學習活動
Learning Activities
學習成效評量
Evaluation
備註
Notes

No.
單元主題
Unit topic
內容綱要
Content summary
1 課程介紹 1. 課程介紹
2. 教材介紹、評分標準、作業說明
了解本課程的授課內容與學習規範 作業
 
2 Figma快速上手 1.UI/UX設計思維與開發流程
2.基本功能介紹
1. 介紹UI/UX設計思維與開發流程
2. 開啟專案工作區域與畫板
3. 了解框架與群組差異
4. 了解形狀、布林群組與鋼筆工具
作業
 
3 Figma功能介紹 進階功能使用介紹 1.文字設定與操作技巧
2.置入圖片、調整與編輯屬性
3.管理顏色樣式與套用效果
4.響應式設計
5.常見操作技巧與快捷鍵
6.控管設計版本
作業
 
4 Figma進階技巧 1.設計系統介紹
2.常見UI元件、變數
1.Auto Layout
2.統一設計:熟悉元件
作業
 
5 打造設計系統 1.自動排版、網格系統
2.建立設計系統:建立核心樣式
1.進階元件技巧:變體
2.掌握網格系統
3.打造設計系統:建立核心樣式
作業
 
6 常見元件及可擴展設計 元件設計、進階元件技巧 1.建構設計規範
2.了解建構原型所需要的元件
作業
 
7 基礎原型設計 設計常見的UI元件:按鈕、表單、回饋通知 設計案例分享 作業
 
8 基礎互動設計 設計常見UI元件:列表、彈跳視窗、導航選單 UI Flow分享展示 作業
 
9 期中作品發表 期中作品繳交 完成期中作品 作業
 
10 設計方法 臨摹現有產品,學習設計細節 設計案例分享與期中作業討論 作業
 
11 基礎互動設計 Figma實用插件與社群、原型介紹與基本設定、熟悉觸發事件與互動連結設定 1.Figma實用Plugins Community
2.原型介紹與基本設定
3.熟悉觸發事件與互動連結設定
作業
 
12 基礎互動設計 掌握常見的互動與轉場效果 1.掌握常見的互動與轉場效果
2.遮罩Overlay基礎與進階用法
3.替換元件與搭配Overlay用法
作業
 
13 互動設計 滾動式內容、置頂導航與漂浮按鈕、製作活潑的原型 1.滾動式內容、置頂導航與漂浮按鈕
2.加入GIF檔案讓設計更活潑
3.Smart Animation製作原型
作業
 
14 互動設計 原型製作上的小技巧 專案設計技巧、與設計工具介紹 作業
 
15 設計實戰 瀏覽並模擬原型 在裝置上進行動態模擬,瀏覽設計成果 作業
 
16 期末企劃討論 產品架構設計與規劃、期末作業討論 設計驗證,發現問題與改善設計
個別或小組討論
作業
 
17 期末作品提案 專案設定與系統說明、期末作業討論 設計驗證,發現問題與改善設計
設計提案力
作業
 
18 期末作品發表 期末作品繳交 完成期末作品 作業
 


教學要點概述:
1.自編教材 Handout by Instructor:
■ 1-1.簡報 Slids
□ 1-2.影音教材 Videos
□ 1-3.教具 Teaching Aids
□ 1-4.教科書 Textbook
□ 1-5.其他 Other
□ 2.自編評量工具/量表 Educational Assessment
□ 3.教科書作者提供 Textbook

成績考核 Performance Evaluation: 期末考:25%   期中考:25%   其他評量:5%   作業:45%  

教學資源(Teaching Resources):
□ 教材電子檔(Soft Copy of the Handout or the Textbook)
□ 課程網站(Website)
扣考規定:https://curri.ttu.edu.tw/p/412-1033-1254.php