《數字媒體互動設計（慕課版）》是2023年人民郵電出版社出版的圖書。
基本介紹
- 中文名：數字媒體互動設計（慕課版）
- 作者：張靖瑤
- 語言：中文
- 出版時間：2023年10月1日
- 出版社： 人民郵電出版社
- 頁數：214 頁
- ISBN：9787115617873
- 開本：16 開
- 裝幀：平裝
內容簡介,圖書目錄,
內容簡介
數字媒體互動設計是在產品創建的初期搭建的簡單產品框架中實現用戶與產品進行交流互動的設計，它能夠按照客戶需求快速創建產品的線框圖、流程圖、原型和Word說明文檔等內容。同時互動設計還支持多人協作設計和共享版本的控制管理。
本書由淺入深地講解了產品互動原型的創建方法和設計規範，以“知識解析+課堂案例”為主線展開講解：知識解析能幫助學生系統地了解Web和移動 UI 設計的各類規範；課堂案例能幫助學生快速熟悉移動 UI互動設計流程，提高學生實戰技能。
幫助讀者快速掌握產品原型工具的使用方法和技巧，同時了解產品互動原型設計需要掌握的設計規範，全面、系統地介紹了網頁及移動 UI 設計及互動設計的基礎知識和操作技巧，主要內容包括互動設計開發流程、初識web及移動 UI 設計、UI 設計規範、Web及移動產品互動設計開發及項目實施等。
第一章互動設計開發流程：介紹互動設計的基本概念與理論基礎、設計流程以及從實踐中總結的互動設計的方法體系，漸進的理解用戶體驗，為更深入的學習建立良好的開端。
第二、三章讓讀者了解web端和移動產品UI設計的規範，布局設計理論以及互動設計組件的分類和套用，雖然並不是每個項目都要實現所有的步驟，但掌握完整的流程步驟有助於設計師對於互動設計有更全面的把握。
第四章主要介紹了原型設計工具Axure RP9，如何使用Axure RP9以及對web端互動功能案例的詳解，包括Axure頁面設定、Axure常用元件、製作產品互動原型時的注意事項、基礎互動功能實訓案例，以及高保真互動實訓案例等內容。通過本章的學習，讀者能掌握Axure RP9的使用方法和技巧，並根據相關案例製作相應的互動原型。
第五、六章移動端互動設計開發製作工具-墨刀及Adobe XD，主要介紹了通過墨刀、Adobe XD基礎知識，在軟體中實現互動功能的案例講解，包括基本工具的使用、基礎操作、外掛程式介紹和高保真互動原型實訓案例等內容。通過學習，讀者能夠掌握如何將理論知識通過互動設計軟體創建原型的使用方法和技巧，完成原型的互動設計。
鑒於實踐在互動設計中的重要作用，本書通過多個項目案例的實施進行分析研究，對設計團隊總結的設計方法進行了完整而詳細的介紹，幫助讀者對每個互動設計方法建立更深刻的認識，掌握方法的實踐運用。同樣地，不是所有方法都適合每個項目，設計師應該根據實際需要和用戶目標量身定製設計方法體系。
本書可作為職業院校數字媒體藝術類專業課程的教材，也可供移動 UI 設計初學者自學參考。
圖書目錄
項目1 互動設計開發流程與設計分析 1
1．1 互動設計基礎概念 1
1．1．1互動設計的定義 1
1．1．2互動設計與用戶體驗 1
1．1．3互動設計可用性原則 3
1．2 互動設計開發流程 6
1．3開發人員配置 9
1．4 產品互動原型分類 10
1．5 互動設計常用軟體 12
1．5．1Visio 12
1．5．2 Teambition 12
1．5．3墨刀 13
1．5．4 Axure RP 13
1．5．5 Adobe XD 14
1．6 項目實施-互動設計案例分析 14
1．7 項目小結 16
1．8 思政知識小課堂 16
1．9 鞏固與拓展 16
1．10習題 17
項目2 Web端“家居”互動UI設計 18
2．1 “家居”網頁互動UI項目背景分析 18
2．2 互動UI布局設計 18
2．2．1 布局設計理論與分析 18
2．2．2版式設計常見類型與分析 26
2．3 互動UI基礎元素設定 28
2．3．1界面尺寸 28
2．3．2文字設計 30
2．3．3色彩搭配 30
2．4 互動UI設計類型分析 31
2．4．1網頁設計的分類 31
2．4．2網頁互動UI組件的分類 32
2．5 項目實施-Web端“家居”網頁互動UI設計 38
2．5．1設計“家居”網頁首頁 38
2．5．2設計“家居”網頁互動UI導航選單組件 42
2．6 項目小結 45
2．7思政知識小課堂 45
2．8 鞏固與拓展 45
2．9 習題 45
項目3 移動端“美食小吃”App互動UI設計 47
3．1 “美食小吃”App互動UI設計項目背景分析 47
3．2 App互動UI設計項目需求分析 47
3．3 App頁面視覺層次結構與視覺引導 48
3．3．1層次結構的構建 48
3．3．2視覺引導及反饋 50
3．4 App 界面元素構成設計 52
3．4．1 App 互動界面的構成概念 53
3．4．2 App界面元素設計的構成方法 54
3．5 App界面布局風格設計 56
3．6 移動端平台界面設計規範 57
3．6．1 Android平台 57
3．6．2 iOS平台 60
3．7 App互動UI設計流程分析 64
3．7．1版式界面設計的概念梳理 64
3．7．2切圖的重要性 67
3．7．3界面標註的注意事項 67
3．7．4 Ps動態元素的最佳化存儲設定 68
3．8 項目實施-移動端“美食小吃”App 互動UI設計 70
3．8．1設計“美食小吃”App界面UI 70
3．8．2頁面適配 74
3．8．3實現美食App界面素材切片輸出 75
3．8．4使用Pxcook標註美食App界面 79
3．8．5美食App動態載入畫面最佳化 85
3．9 項目小結 88
3．10 思政知識小課堂 88
3．11 鞏固與拓展 88
3．12習題 88
項目4 Web端“電商平台”產品互動設計開發 90
4．1 Web端“電商平台”產品互動設計開發項目背景分析 90
4．2 Web端“電商平台”產品互動設計開發項目需求分析 90
4．3 Axure RP9工具介紹 92
4．3．1Axure RP 9的工作界面 92
4．3．2Axure RP9的元件庫 94
4．3．3Axure RP9中的互動功能添加 96
4．3．4Axure互動使用說明 98
4．3．5各個系統變數說明 99
4．3．6元件互動樣式 101
4．3．7動畫和邊界 102
4．4 Axure常用元件 103
4．4．1 Axure常用元件——動態面板 103
4．4．2 Axure常用元件——中繼器 106
4．4．3 Axure常用元件——內聯框架 110
4．5 查看原型 111
4．5．1Axure原型快速預覽 111
4．5．2預覽選項設定 111
4．5．3Axure原型生成HTML檔案 112
4．5．4Axure原型生成Word說明書 113
4．6 項目實施——Web端“電商平台”產品互動設計開發 114
4．6．1 使用“動態面板”製作Web端Banner輪播效果 114
4．6．2 使用“動態面板+顯示/隱藏”製作懸浮按鈕顯示與隱藏效果 118
4．6．3 使用“互動-移動”製作文字跑馬燈效果 123
4．6．4 使用“中繼器”製作商品列表頁 127
4．6．5 使用“互動-變數”製作秒殺倒計時功能 132
4．6．6 使用“動態面板+熱區”製作面板隨滑鼠滑動 136
4．6．7 使用“內聯框架”製作添加視頻 141
4．6．8 使用“動態面板+移動”製作圖片放大預覽功能 146
4．7 項目小結 154
4．8 思政知識小課堂 154
4．9 鞏固與拓展 155
4．10 習題 155
項目5 App移動端“思政助手”產品互動設計開發 156
5．1App移動端“思政助手”產品互動設計開發項目背景分析 156
5．2App移動端“思政助手”產品互動設計開發項目需求分析 156
5．3 墨刀原型工具概述 157
5．3．1墨刀工作界面介紹 157
5．3．2墨刀元件介紹 162
5．3．3墨刀互動事件添加 170
5．3．4演示分享 172
5．3．5墨刀工具狀態功能詳解 176
5．4 項目實施——App移動端“思政助手”產品互動設計開發 178
5．4．1 “思政助手”——底部導航功能製作 178
5．4．2 “思政助手”——TAB切換功能製作 183
5．4．3 “思政助手”——點讚效果製作 186
5．4．4 “思政助手”——圖片左右滾動效果製作 188
5．5 項目小結 189
5．6 思政知識小課堂 190
5．7 鞏固與拓展 190
5．8 習題 190
項目6 App移動端“茶物語”產品互動設計開發 192
6．1 App移動端“茶物語”產品互動設計開發項目背景分析 192
6．2 App移動端“茶物語”產品互動設計開發項目需求分析 192
6．3 Adobe XD工具介紹 193
6．3．1 Adobe XD的基礎操作 193
6．3．2 Adobe XD的基本工具 201
6．3．3 使用Adobe XD完成原型 211
6．3．4 使用Adobe XD成果輸出 215
6．4 項目實施——App移動端“茶物語”產品互動設計開發 216
6．4．1 Loading動畫效果 216
6．4．2 左右滑動的效果 218
6．4．3 輪播圖的演示效果 219
6．5 項目小結 221
6．6 思政知識小課堂 222
6．7 鞏固與拓展 222
6．8 習題 222
