「首頁」：修訂間差異

← 較舊編輯較新編輯 →

視覺化wikitext

於 2025年11月20日 (四) 22:42 的修訂

江振維

Chiang, Chen-Wei Ph.D.

國立臺北商業大學創意科技與產品設計系助理教授
Asst. Prof., Dept. of Creative Technology & Product Design, NTUB

Connect

Email: skipclass@gmail.com

Web: interaction.tw

Scholar: Google Scholar

GitHub: chenweichiang

YouTube: Channel

Discord: Join Server

Expertise

#HCI #NewMediaArt #UserResearch #DesignStrategy

Experience

Education

九州大學藝術工學博士 (設計策略)

Roles

臺灣科技藝術教育協會理事長
臺灣科技藝術學會秘書長/理事

Adjunct

臺藝大多媒體動畫碩士班
清大藝術學院
北藝大新媒體藝術系

Awards (Mentor)

K.T. 科技藝術獎 (Gold/Bronze)
Asia Digital Art Award
Young Pin Design Award (Finalist)

★ AI Teaching Assistants (課程助教)

ChatGPT: 點此進入江振維課程助教

Gemini: 點此進入江振維課程助教

About

江振維博士畢業於日本九州大學，現任教於國立臺北商業大學。他的研究與創作聚焦於人機互動、新媒體藝術與使用者研究。作品曾於SIGGRAPH Asia、馬德里現代科技藝術節及國立臺灣美術館等地展出。

他致力於創造「好玩」的互動體驗，認為這能激發觀眾的赤子之心。近期的研究關注都市環境中的非人類生物存在。

Chiang, Chen-Wei is an Asst. Prof. at NTUB. He holds a Ph.D. in Design Strategy from Kyushu University. His work focuses on HCI, New Media Art, and User Research, exploring the concept of "Fun" and the coexistence of life in urban environments.

Current Courses

114-1 Sem.

設計與理論 Design

科技與實作 Tech

Resources & Tools

學術紀錄

課程規範

工具箱

Last Updated: 2025/10/11 • Responsive Design

@@ 第1行： / 第1行： @@
-{| style="width:100%; max-width:1100px; margin:0 auto; font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; background-color:#f4f5f7; border-collapse:separate; border-spacing:15px; color:#2d3436;"
+<div style="width:100%; max-width:1100px; margin:0 auto; font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; background-color:#f4f5f7; color:#2d3436; box-sizing: border-box;">
-|-
-| colspan="2" |
+<div style="background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%); color:white; border-radius:16px; padding:40px 30px; box-shadow: 0 10px 20px rgba(44, 62, 80, 0.15); margin-bottom: 20px;">
-<div style="background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%); color:white; border-radius:16px; padding:40px 30px; box-shadow: 0 10px 20px rgba(44, 62, 80, 0.15);">
+<div style="font-size:2.8em; font-weight:800; letter-spacing:-1px; margin-bottom:5px; line-height:1.2;">江振維</div>
-<div style="font-size:2.8em; font-weight:800; letter-spacing:-1px; margin-bottom:5px;">江振維</div>
+<div style="font-size:1.5em; font-weight:300; opacity:0.9;">Chiang, Chen-Wei <span style="font-size:0.7em; background:rgba(255,255,255,0.2); padding:2px 10px; border-radius:20px; vertical-align: middle;">Ph.D.</span></div>
-<div style="font-size:1.5em; font-weight:300; opacity:0.9;">Chiang, Chen-Wei <span style="font-size:0.7em; background:rgba(255,255,255,0.2); padding:2px 10px; border-radius:20px;">Ph.D.</span></div>
+<div style="margin-top:20px; font-size:1.1em; border-left:4px solid #e67e22; padding-left:15px; line-height:1.5;">
-<div style="margin-top:20px; font-size:1.1em; border-left:4px solid #e67e22; padding-left:15px;">
 國立臺北商業大學 創意科技與產品設計系 助理教授<br>
 Asst. Prof., Dept. of Creative Technology & Product Design, NTUB
 </div>
 </div>
-|-
-| style="width:32%; vertical-align:top;" |
+<div style="display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-start;">
+<div style="flex: 1 1 300px; min-width: 280px;">
 <div style="background:white; border-radius:16px; padding:25px; box-shadow: 0 4px 12px rgba(0,0,0,0.03); margin-bottom:15px;">
 <div style="font-weight:bold; color:#b2bec3; font-size:0.9em; text-transform:uppercase; margin-bottom:15px;">Connect</div>
 <div style="display:flex; flex-direction:column; gap:10px;">
 <div style="background:#f8f9fa; padding:10px 15px; border-radius:8px; border:1px solid #eee;">
@@ 第39行： / 第40行： @@
 <div style="background:white; border-radius:16px; padding:25px; box-shadow: 0 4px 12px rgba(0,0,0,0.03); margin-bottom:15px;">
 <div style="font-weight:bold; color:#b2bec3; font-size:0.9em; text-transform:uppercase; margin-bottom:15px;">Expertise</div>
-<span style="display:inline-block; background:#e3f2fd; color:#0984e3; padding:6px 12px; border-radius:20px; font-size:0.9em; margin:0 2px 5px 0; font-weight:bold;">#HCI</span>
+<div style="line-height: 2;">
-<span style="display:inline-block; background:#e3f2fd; color:#0984e3; padding:6px 12px; border-radius:20px; font-size:0.9em; margin:0 2px 5px 0; font-weight:bold;">#NewMediaArt</span>
+<span style="display:inline-block; background:#e3f2fd; color:#0984e3; padding:4px 12px; border-radius:20px; font-size:0.9em; font-weight:bold;">#HCI</span>
-<span style="display:inline-block; background:#e3f2fd; color:#0984e3; padding:6px 12px; border-radius:20px; font-size:0.9em; margin:0 2px 5px 0; font-weight:bold;">#UserResearch</span>
+<span style="display:inline-block; background:#e3f2fd; color:#0984e3; padding:4px 12px; border-radius:20px; font-size:0.9em; font-weight:bold;">#NewMediaArt</span>
-<span style="display:inline-block; background:#ffeaa7; color:#d35400; padding:6px 12px; border-radius:20px; font-size:0.9em; margin:0 2px 5px 0; font-weight:bold;">#DesignStrategy</span>
+<span style="display:inline-block; background:#e3f2fd; color:#0984e3; padding:4px 12px; border-radius:20px; font-size:0.9em; font-weight:bold;">#UserResearch</span>
+<span style="display:inline-block; background:#ffeaa7; color:#d35400; padding:4px 12px; border-radius:20px; font-size:0.9em; font-weight:bold;">#DesignStrategy</span>
+</div>
 </div>
@@ 第65行： / 第68行： @@
 </div>
-| style="vertical-align:top;" |
+</div> <div style="flex: 999 1 500px; min-width: 300px; max-width: 100%;">
 <div style="background:#ffffff; border:2px solid #2c3e50; color:#333; border-radius:16px; padding:20px; margin-bottom:15px; box-shadow: 0 8px 16px rgba(44, 62, 80, 0.1);">
 <div style="font-weight:bold; text-transform:uppercase; letter-spacing:1px; font-size:1.1em; margin-bottom:15px; color:#2c3e50; border-bottom:1px solid #eee; padding-bottom:10px;">
@@ 第71行： / 第75行： @@
 </div>
 <div style="display:flex; gap:15px; flex-wrap:wrap;">
-<div style="background:#f0f7ff; padding:10px 15px; border-radius:8px; border-left:4px solid #0984e3; width:100%;">
+<div style="background:#f0f7ff; padding:10px 15px; border-radius:8px; border-left:4px solid #0984e3; flex: 1 1 300px;">
 '''ChatGPT:''' [https://chatgpt.com/g/g-6740a661a1648191bdb58e336536fb23-jiang-zhen-wei-ke-cheng-zhu-jiao 點此進入江振維課程助教]
 </div>
-<div style="background:#fefcf5; padding:10px 15px; border-radius:8px; border-left:4px solid #f1c40f; width:100%;">
+<div style="background:#fefcf5; padding:10px 15px; border-radius:8px; border-left:4px solid #f1c40f; flex: 1 1 300px;">
 '''Gemini:''' [https://gemini.google.com/gem/1H835mKsgFEdLM8MM492-M2eo9Sk7KMpK?usp=sharing 點此進入江振維課程助教]
 </div>
@@ 第99行： / 第103行： @@
 </div>
-{| style="width:100%; border-spacing:10px; border-collapse:separate;"
+<div style="display: flex; flex-wrap: wrap; gap: 15px;">
-|-
+<div style="flex: 1 1 250px; background:#fdfbf7; padding:15px; border-radius:12px;">
-| style="width:50%; background:#fdfbf7; padding:15px; border-radius:12px; vertical-align:top;" |
 <div style="font-weight:bold; color:#d35400; margin-bottom:8px;">設計與理論 Design</div>
 * [[11401設計思考|設計思考]]
 * [[11401設計脈絡與實踐|設計脈絡與實踐]]
 * [[11401感知科技與產品設計|感知科技與產品設計]]
 * [[11401設計專題|設計專題]]
-| style="width:50%; background:#f4faff; padding:15px; border-radius:12px; vertical-align:top;" |
+</div>
+<div style="flex: 1 1 250px; background:#f4faff; padding:15px; border-radius:12px;">
 <div style="font-weight:bold; color:#2980b9; margin-bottom:8px;">科技與實作 Tech</div>
 * [[11401開放軟體程式設計|開放軟體程式設計]]
 * [[11401前瞻科技講座|前瞻科技講座]]
 * [[116級畢業專題|116級畢業專題]]
-|}
+</div>
+</div>
 </div>
 <div style="background:white; border-radius:16px; padding:30px; box-shadow: 0 4px 12px rgba(0,0,0,0.03);">
 <div style="font-size:1.5em; font-weight:bold; margin-bottom:15px; color:#2d3436;">Resources & Tools</div>
-{| style="width:100%;"
-|-
+<div style="display: flex; flex-wrap: wrap; gap: 20px;">
-| style="vertical-align:top; width:33%;" |
+<div style="flex: 1 1 200px;">
 '''學術紀錄'''
 * [[新媒體藝術與互動裝置作品年表|作品年表]]
 * [[演講論文工作坊等其他經歷列表|演講與工作坊]]
-| style="vertical-align:top; width:33%;" |
+</div>
+<div style="flex: 1 1 200px;">
 '''課程規範'''
 * [[課程規則]]
 * [[海報製作格式]]
 * [[課程小助教 MIRA 目前能力說明|MIRA 助教說明]]
-| style="vertical-align:top; width:33%;" |
+</div>
+<div style="flex: 1 1 200px;">
 '''工具箱'''
 * [[AI工具]]
 * [[程式工具]]
 * [[研究文章AI輔助撰寫方式|AI 論文輔助]]
-|}
+</div>
+</div>
 </div>
-<div style="text-align:center; margin-top:30px; color:#b2bec3; font-size:0.8em;">
+</div> </div> <div style="text-align:center; margin-top:30px; color:#b2bec3; font-size:0.8em; padding-bottom: 20px;">
-Last Updated: 2025/10/11 • Designed for Readability
+Last Updated: 2025/10/11 • Responsive Design
 </div>
-|}
+</div>