教學大綱表
請遵守智慧財產權,勿使用非法影印教科書,避免觸法。
課程名稱 (中文) 互動視覺設計
(英文) Visual Design Of Interaction
開課單位 媒體設計學系
課程代碼 V1320
授課教師 魏崢媛
學分數 2.0 必/選修 選修 開課年級 大二
先修科目或先備能力:
課程概述與目標:了解視覺設計如何影響介面,學習直覺易用且富有情感的設計技巧。使用Adobe XD設計APP介面並製作高保真原型,進行使用者訪談,從中發現問題點進一步修正設計。
教科書 自編教材
參考教材 1. Adobe XD Classroom in a Book (2020)。Brian Wood。Macromedia Press
2. 操作介面設計模式 (2012)。Jenifer Tidwell (莊惠淳譯)。歐萊禮
3. 微互動 (2014)。Dan Saffer (鄭巧玉譯)。歐萊禮
4. 設計的心理學:人性化的產品設計如何改變世界 (3版)。Don Norman (陳宜秀譯)。遠流
課程大綱 學生學習目標 單元學習活動 學習成效評量 備註
單元主題 內容綱要
1 課程簡介 1. 課程介紹
2. 視覺介面設計概要
3. 介面設計流程與分工
4. Adobe XD工具介紹
了解本課程的授課內容與學習規範
  • 講授
  • 上機實習
  • 作業
  •  
    2 紙模型 1. 隱喻設計
    2. 紙模型製作
    3. 使用者訪談
    利用紙模型進行使用者研究
  • 個別或小組指導
  • 實作
  • 講授
  • 作業
  •  
    3 網站地圖 1. 導航設計
    2. 網站地圖製作
    3. 介面設計基礎
    4. Adobe XD 基本功能演練
    軟體架構思考能力
  • 個別或小組指導
  • 講授
  • 上機實習
  • 作業
  •  
    4 線框圖 1. 介面排版
    2. 元件介紹(一)
    3. Adobe XD線框圖製作
    介面設計基礎與線框圖實務製作
  • 個別或小組指導
  • 講授
  • 上機實習
  • 作業
  •  
    5 使用者流程圖 1. 使用者流程圖製作
    2. 元件介紹(二)
    3. Adobe XD線框圖製作
    介面流程易用性與操作回饋規劃
  • 個別或小組指導
  • 講授
  • 上機實習
  • 作業
  •  
    6 轉場設計 1. 轉場設計規則說明
    2. Adobe XD轉場實作
    軟體使用技巧與實務製作
  • 個別或小組指導
  • 講授
  • 上機實習
  • 作業
  •  
    7 低保真原型 1. 觸控螢幕手勢介紹
    2. Adobe XD原型實作
    軟體使用技巧與實務製作
  • 個別或小組指導
  • 講授
  • 上機實習
  • 作業
  •  
    8 易用性測試 1. 易用性測試規劃與方法 設計驗證,發現問題與改善設計
  • 個別或小組指導
  • 實作
  • 講授
  • 作業
  •  
    9 期中作品發表 期中作品繳交 完成期中作品
  • 討論
  • 個別或小組指導
  • 期中考
  •  
    10 情緒版 1. 情緒版製作 定義設計風格實務製作
  • 個別或小組指導
  • 講授
  • 上機實習
  • 作業
  •  
    11 圖示設計 1. 圖示設計方法
    2. Adobe Illustrator圖示繪製
    了解設計規範,實務製作
  • 個別或小組指導
  • 講授
  • 上機實習
  • 作業
  •  
    12 介面視覺設計 1. 風格與色彩應用
    2. 繪圖技巧實際演練
    了解設計規範,實務製作
  • 個別或小組指導
  • 講授
  • 上機實習
  • 作業
  •  
    13 微互動、設計系統 1. 微互動概念說明
    2. 設計系統製作方法
    3. Adobe XD動態效果實作
    創意思考,實務製作
  • 個別或小組指導
  • 講授
  • 上機實習
  • 作業
  •  
    14 情感設計 1. 情感設計概念說明
    2. 作品賞析
    創意思考,實務製作
  • 個別或小組指導
  • 講授
  • 上機實習
  • 作業
  •  
    15 高保真原型 1. 高保真原型實作 軟體使用技巧與實務製作
  • 個別或小組指導
  • 講授
  • 上機實習
  • 作業
  •  
    16 易用性測試 1. 易用性測試
    2. 期末作品討論
    設計驗證,發現問題與改善設計
  • 個別或小組指導
  • 講授
  • 上機實習
  • 作業
  •  
    17 期末作品提案 1. 個人期末作品提案 設計提案力
  • 討論
  • 個別或小組指導
  • 作業
  •  
    18 期末作品發表 個人期末作品發表 完成期末作品
  • 討論
  • 個別或小組指導
  • 期末考
  •  

    教學要點概述:
    教材編選: ■ 自編教材 □ 教科書作者提供
    評量方法: 期末考:25%   期中考:25%   其他評量:5%   作業:45%  
    教學資源: ■ 教材電子檔 □ 課程網站
    教學相關配合事項:請假請依學校規定辦理,無特殊情況未到課,一律扣平時成績。
    扣考規定:http://eboard.ttu.edu.tw/ttuwebpost/showcontent-news.php?id=504

    大學部
    核心能力 期末考 期中考 其他評量 作業
    核心能力一 了解主客觀因素,規劃出解決方案,讓結果與眾不同 1/10 1 1 1 1
    核心能力三 創作與想像解決方案 3/10 3 3 3 3
    核心能力四 從解決方案裡定義與辨識最佳設計案 1/10 1 1 1 1
    核心能力五 利用視覺與原型的方式呈現預期的解決方案 5/10 5 5 5 5