課程大綱

回上一層

世新大學一一四學年度第二學期課程大綱 Course Description Second 2026

科目名稱
Course Title

人機介面設計
Human Computer Interaction

課程簡碼
Course No.

MULT-253-01-A1

開課系級
Dept

數媒系二年級

學分數
Credit(s)

時數
Hour(s)

選別
Required or Elective

7-選修

開課別
Duration

半年第一學期

授課教師
Instructor

陳俊廷

中文課程概要
Chinese Course Description

本課程主要參考人機互動性的便利須求及人體功學的條件，以介紹人機介面設計時的注意元素及須求條件。人機介面設計涵蓋互動媒體視覺介面元素、構圖、設計及情感意象探討，這些視覺設計因素的過程可以廣泛的被使用在網頁設計、遊戲設計及多媒體節目介面設計上，學生在本課程將有系統的學習到介面設計的組成因素，進而將各個組成元素結合，創造一個有機能性、情感且清楚易於使用的使用經驗‧ 學習績效：藉由學生的設計作品，檢核學生對人機介面設計之成果與應用。

英文課程概要
English Course Description

The important considerations during the design of human computer interaction will be the major points of this course. The design of human-machine interface contains visual factors, layout, design and emotional image. These conceptual can be applied in the design of web, commercial product, multi-media, game and application services. The students can gain the systemic knowledge of interface design, which about the components of UI design. It creates a user experience with availability, emotional, clear and ease of utilization. Performance will be assessed by students' achievement of human computer interaction by the exercise work.

基本核心能力 /
系核心能力
Core Competency

核心能力	核心能力說明
藝術美學與媒體設計能力	1.瞭解動畫源起、世界動畫史與各式動畫創作形式與方法。2.具備人文藝術、科技藝術之美學鑑賞能力與基本素養。3.能運用適當視覺元素增進創作的多樣性。4.能吸取藝術家與各國動畫之創作精神融入個人創作中。5.能瞭解情感、感覺、知覺、想像、空間與作品中的互動。
動畫影音製作能力	1.紮實手繪技法。2.熟悉2D繪圖工具應用。3.熟悉3D繪圖工具應用。4.學習遊戲製作分工中的專業知識。5.學習如何契合主題和潮流，設計有特色的造型。6.了解立體構成、空間結構、藝用解剖理念和平面設計。7.掌握數位技術：這是現代多媒體製作的關鍵，學生應該能夠結合不同媒體形式，創建多樣化的內容。
互動資訊與科技整合能力	1.學習程式設計基礎能力。2.學習程式設計進階知識。3.學習數學、物理學和人工智慧知識。4.進行創意設計獨立創作。5.團隊執行專案的技術整合能力。6.跨媒體平台的媒體內容創意整合能力。7.內容的製作能充分表達創意的精神。8.創意內容的視覺呈現。9.思考邏輯和宣傳理念的能力。10.成本控管和溝通協調能力。

『註:該課程之核心能力以紅色表示.』

教學目標
Course Objectives

本課程目標在提升設計美感與實作能力、具備介面設計知識與經驗、使了解主流介面設計語言與趨勢；從計畫開始到實機預覽，實際走過一次UX/UI設計流程，並於課程結束後有能相關的設計作品。

授課方式
Approach to Instruction

如遇學校宣布線上上課網址與說明如下
1.線上上課時會使用Google Meet 原則上上課前10分鐘會開啟中途若斷線了請再連線網址是一樣的
2.請準備耳Mic和有攝影機的電腦或直接用平板或手機也可以
3.請在要上課的電腦或行動裝置上先安裝Google Meet軟體或使用線上版若不是學校Google帳號登入請打［學號+姓名］上課前10分鐘老師會開教室喔網址如下
https://meet.google.com/sby-nmet-axu
可以加我的Line: stt945 請先告訴我你是誰
若無法登錄或是其他問題可以問同學或直接跟我聯絡喔

口頭報告
研討
演示說明

成績評定
Grading

期中:40%
期末:40%
作業:20%

參考書目
Textbooks and References

Figma UI/UX設計技巧實戰:打造擬真介面原型 https://shu.ebook.hyread.com.tw/bookDetail.jsp?id=311715
遊戲設計的藝術：架構世界、開發介面、創造體驗，聚焦遊戲設計與製作的手法與原理》Jesse Schell
譯者：盧靜，大家出版
人機介面與圖形監控應用實務(第七版)，宓哲民顏見明，全華圖書
設計的心理學，Donald A. Norman，遠流
情感＠設計，Donald A. Norman，遠流
設計．原點，Peg Faimon, John Weigand，馬可孛羅
好設計，4個法則就夠了，Robin Williams，臉譜
響應式網頁設計學習手冊，Peterson，OREILLY
This Is Service Design Doing, Stickdorn, Hormess, Lawrence, Schneider, OREILLY

週次
Week

進度內容
Syllabus

1(2/22~2/28)

課程簡介與評分方式說明

2(3/01~3/07)

設計導論與心理學

3(3/08~3/14)

圖形設計方法

4(3/15~3/21)

配色原理

5(3/22~3/28)

圖形設計作業評析

6(3/29~4/04)

平面設計本質與準則

7(4/05~4/11)

字型學與企業識別

8(4/12~4/18)

期中作業

9(4/19~4/25)

介面設計語言分析

10(4/26~5/02)

UX/UI 設計

11(5/03~5/09)

使用者經驗回饋與修正

12(5/10~5/16)

介面設計實作

13(5/17~5/23)

遊戲與VR/VR/XR介面研究

14(5/24~5/30)

介面設計報告與評析

15(5/31~6/06)

介面作品展示與應用方法
響應式介面設計

16(6/07~6/13)

期末作品報告

17(6/14~6/20)

多元教學週
實體與線上教材學習

18(6/21~6/27)

多元教學週
實體與線上教材學習

回上一層