互動式界面設計

互動式界面設計課程是西安郵電大學建設的慕課、國家精品線上開放課程。該課程於2018年11月19日首次在中國大學MOOC開課。該課程授課教師是石雲平、李天龍、李永文、雷子昂。據2021年6月中國大學MOOC官網顯示，該課程已開課6次。

該課程共6章，包括感知移動設備、用戶體驗與UI互動設計、移動產品的創意和原型草圖設計、移動產品中的中保真原型設計、高保真原型視覺設計、移動產品原型設計之AxureRP的內容。

基本介紹

• 中文名：互動式界面設計
• 類別：慕課、國家精品線上開放課程
• 授課教師：石雲平、李天龍、李永文、雷子昂
• 建設院校：西安郵電大學
• 開課時間：2018年11月19日（首次）
• 授課平台：中國大學MOOC

課程性質

課程定位

該課程由“用戶體驗設計”+“互動原型設計”兩大部分組成，通過課程的學習，使學習者了解移動設計的特點、用戶體驗的設計方法；掌握用戶體驗設計的三大流程和互動原型設計的相關方法和套用技巧以及高保真原型互動設計工具Axure，從而使學習者具備從藝術設計到技術實現的互動設計能力。

適應對象

該課程適合數字媒體藝術相關專業的移動設計初學者，對移動設計感興趣、想進入此領域的設計師，以及對企業家、開發人員、產品經理、質量保證人員和銷售與客服，同時適用於設計師在設計領域轉型。

課程簡介

互動式界面設計課程共6章，具體內容如下：

第一章，介紹移動設計的特點、創新—網際網路思維和移動設備中的人機互動設計以及三大主流平台和套用等。

第二章，介紹用戶體驗與UI互動設計的術語和常識、三大模型、三大流程等內容。

第三章，介紹移動產品的創意、確定產品定位、繪製原型草圖及進行原型草圖可用性測試等內容。

第四章，介紹移動產品的圖示設計規範、色彩設計規範、文字的使用規範、布局規範。

第五章，介紹利用圖形劃分區域，界面設計中色彩的語言和情感、用色規律、文字使用技巧、圖示設計技巧及數字界面的三大風格等內容。

第六章，介紹移動產品原型設計之AxureRP，在此基礎上Axure RP8.0軟體的使用技巧。

課程大綱

第一講 感知移動設備	4.3 移動產品的文字的使用規範
1.1 移動設計的特點	4.4 移動產品的布局規範
1.2 移動設計的創新—網際網路思維	第四講單元測試
1.3 移動設備中的人機互動設計	第五講 高保真原型視覺設計
1.4 移動套用的生命周期	5.1如何利用圖形劃分區域
1.5 移動設備的三大主流平台和套用	5.2 界面設計中色彩的語言和情感
第一講單元測驗	5.3 界面中的用色規律
第二講 用戶體驗與UI互動設計	5.4 界面中的文字使用技巧
2.1 如何將用戶體驗做到極致	5.5 數字界面的三大風格
2.2 UI設計基本術語和常識	5.6 界面中的圖示設計技巧
2.3 移動產品原型設計工具	5.7 移動套用中特殊界面的設計技巧
2.4 UI互動設計的三大模型	第五講單元測試
2.5 用戶體驗設計的三大流程	第六講 移動產品原型設計之AxureRP
第二講單元測試	6.1 如何快速了解Axure RP8.0軟體
第三講 移動產品的創意和原型草圖設計	6.2 Axure高保真原型設計互動基礎
3.1 移動產品的創意	6.3 Axure互動基礎實例--用戶登錄
3.2 如何確定產品市場定位	6.4 Axure中流程圖頁面的使用技巧
3.3 用戶研究方法	6.5 Axure中如何使用動態面板
3.4 移動產品的需求分析	6.6 Axure中如何套用動態面板實現圖片輪播效果
3.5 如何進行“痛點”分析	6.7 Axure中如何使用內聯框架
3.6 頭腦風暴與思維導圖	6.8 Axure中如何套用動態面板與內聯框架的綜合套用
3.7 如何繪製原型草圖	6.9 Axure中如何實現變數在頁面間的傳遞
3.8 如何進行原型草圖可用性測試	6.10 如何使用Axure中的中繼器元件
3.9 用戶思維之同理心	6.11 Axure中如何插入動態視頻
第三講單元測試	6.12 Axure中如何實現輸入支付密碼
第四講 移動產品中的中保真原型設計	6.13 Axure中如何實現倒計時獲取驗證碼
4.1 移動產品的圖示設計規範	第六講單元測試
4.2移動產品的色彩設計規範

（註：課程大綱排版從左到右列）

開課信息

開課次數	開課時間	學時安排	授課教師	參與人數
第1次開課	2018年11月19日~2019年01月13日	3~5小時每周	石雲平、李天龍、李永文、雷子昂	9990
第2次開課	2019年04月02日~2019年05月24日	3~5小時每周		8754
第3次開課	2019年11月04日~2019年12月16日	3~5小時每周		6663
第4次開課	2020年02月24日~2020年03月31日	4小時每周		6053
第5次開課	2020年05月04日~2020年06月30日	4~5小時每周		6152
第6次開課	2021年02月26日~2021年05月10日	3~5小時每周		1792
表格內容參考資料

教學目標

1、了解移動設計的特點和移動設計中用戶體驗的設計方法；

2、掌握用戶體驗設計的三大流程和方法；

3、掌握原型測試方法與技巧；

4、掌握移動設計產品市場調研、市場需求分析和用戶需求分析的方法；

5、了解中保真原型設計的圖示設計規範、顏色設計規範、文字設計規範和布局規範；

6、掌握視覺設計的技巧；

7、能熟練使用Axure RP軟體進行移動產品原型設計。

學習預備

• 預備知識

1、具有基本的平面設計知識；

2、具備圖形圖像藝術設計能力；

3、會熟練使用至少一種圖形圖像處理軟體；

4、具備團隊合作能力。

• 學習資料

參考書籍

書名	作者	出版社
《中國新媒體發展報告 No.7（2016）》	唐緒軍	社會科學文獻出版社
《設計心理學 3：情感化設計》	【美】諾曼	中信出版社
《About Face 3 互動設計精髓》	【美】庫伯等	電子工業出版社
《簡約至上互動式設計四策略》	【英】科爾伯恩	人民郵電出版社
《互動設計之路》	Alan Cooper	電子工業出版社
《用戶體驗要素：以用戶為中心的產品設計》	【美】加瑞特	機械工業出版社
《移動浪潮，移動智慧型如何改變世界》	【美】麥可.塞勒	中信出版社
《用戶體驗多面手》	【美】莉亞·布雷	華中科技大學出版社
《潮流 UI 設計必修課》	“火星時代”常麗	人民郵電出版社
《術與道移動套用 UI 設計必修課》	余振華	人民郵電出版社
《用戶體驗與產品創新設計》	羅仕鑒，朱上上	機械工業出版社
《在你身邊為你設計-騰訊的用戶體驗設計之道》	騰訊公司用戶研究與體驗設計部	電子工業出版社
《點石成金：訪客至上的網頁設計秘籍》	【美】克魯格	機械工業出版社
《當用戶體驗設計遇上敏捷》	【英】Lindsay Ratcliffe，Marc McNeill	人民郵電出版社
《品位移動設計》	趙大羽，關東升	人民郵電出版社
《移動設計》	傅小貞，胡甲超，鄭元攏	電子工業出版社
《IDEO，設計改變一切》	【英】蒂姆·布朗	萬卷出版公司
《寫給大家看的設計書（第 4 版）》	【美】Robin Williams	人民郵電出版社
《設計師要懂心理學》	【美】Susan Weinschenk	人民郵電出版社
《版式設計原理》	【日本】佐佐木剛士	中國青年出版社
《每天懂一點色彩心理學》	【日本】原田玲仁	陝西師範大學出版社
《啟示錄：打造用戶喜愛的產品》	【美】Marty Cagan	中國科技大學出版社
表格內容參考資料

參考材料

名稱	來源
《超全面的移動端尺寸基礎知識科普指南》	優設網

參考教材

書名	作者	出版時間	ISBN	出版社
《用戶體驗與UI互動設計》	石雲平、魯晨、雷子昂	2017年	978-7-5657-1982-0	中國傳媒大學出版社

考核標準

單元測驗占30%；單元作業占30%；考試占40%；總分60~84分為合格，85分以上為優秀。

教師簡介

石雲平，女，1977年6月出生，碩士，西安郵電大學副教授、數字媒體藝術系主任、數字媒體藝術專業負責人。

李天龍，男，1980年6月生，甘肅武威人，西安郵電大學人文社科學院教授，兼任馬克思主義理論專業碩士研究生導師。

李永文，女，碩士研究生，西安郵電大學數字媒體系講師。

雷子昂，男，碩士研究生，西安郵電大學數字藝術學院講師。