數(shù)字媒體交互設計（慕課版）

定　價：￥79.80

作　者：	張靖瑤
出版社：	人民郵電出版社
叢編項：
標　簽：	暫缺

ISBN：	9787115617873	出版時間：	2023-10-01	包裝：	平裝
開本：	16開	頁數(shù)：	213	字數(shù)：

內容簡介

　　內容提要數(shù)字媒體交互設計是在產(chǎn)品創(chuàng)建的初期搭建的簡單產(chǎn)品框架中實現(xiàn)用戶與產(chǎn)品進行交流互動的設計，它能夠按照客戶需求快速創(chuàng)建產(chǎn)品的線框圖、流程圖、原型和Word說明文檔等內容。同時交互設計還支持多人協(xié)作設計和共享版本的控制管理。本書由淺入深地講解了產(chǎn)品交互原型的創(chuàng)建方法和設計規(guī)范，以“知識解析+課堂案例”為主線展開講解：知識解析能幫助學生系統(tǒng)地了解Web和移動 UI 設計的各類規(guī)范；課堂案例能幫助學生快速熟悉移動 UI交互設計流程，提高學生實戰(zhàn)技能。幫助讀者快速掌握產(chǎn)品原型工具的使用方法和技巧，同時了解產(chǎn)品交互原型設計需要掌握的設計規(guī)范，全面、系統(tǒng)地介紹了網(wǎng)頁及移動 UI 設計及交互設計的基礎知識和操作技巧，主要內容包括交互設計開發(fā)流程、初識web及移動 UI 設計、UI 設計規(guī)范、Web及移動產(chǎn)品交互設計開發(fā)及項目實施等。章交互設計開發(fā)流程：介紹交互設計的基本概念與理論基礎、設計流程以及從實踐中總結的交互設計的方法體系，漸進的理解用戶體驗，為深入的學習建立良好的開端。第二、三章讓讀者了解web端和移動產(chǎn)品UI設計的規(guī)范，布局設計理論以及交互設計組件的分類和應用，雖然并不是每個項目都要實現(xiàn)所有的步驟，但掌握完整的流程步驟有助于設計師對于交互設計有全面的把握。第四章主要介紹了原型設計工具Axure RP9，如何使用Axure RP9以及對web端交互功能案例的詳解，包括Axure頁面設置、Axure常用元件、制作產(chǎn)品交互原型時的注意事項、基礎交互功能實訓案例，以及高保真交互實訓案例等內容。通過本章的學習，讀者能掌握Axure RP9的使用方法和技巧，并根據(jù)相關案例制作相應的交互原型。第五、六章移動端交互設計開發(fā)制作工具-墨刀及Adobe XD，主要介紹了通過墨刀、Adobe XD基礎知識，在軟件中實現(xiàn)交互功能的案例講解，包括基本工具的使用、基礎操作、插件介紹和高保真交互原型實訓案例等內容。通過學習，讀者能夠掌握如何將理論知識通過交互設計軟件創(chuàng)建原型的使用方法和技巧，完成原型的交互設計。鑒于實踐在交互設計中的重要作用，本書通過多個項目案例的實施進行分析研究，對設計團隊總結的設計方法進行了完整而詳細的介紹，幫助讀者對每個交互設計方法建立深刻的認識，掌握方法的實踐運用。同樣地，不是所有方法都適合每個項目，設計師應該根據(jù)實際需要和用戶目標量身設計方法體系。本書可作為職業(yè)院校數(shù)字媒體藝術類專業(yè)課程的教材，也可供移動 UI 設計初學者自學參考。

作者簡介

　　張靖瑤主編作為系部骨，曾參與的學校重要建設項目《基于數(shù)字工廠產(chǎn)品生產(chǎn)過程培養(yǎng)動漫人才的研究與實踐》獲得了教學成果獎二等獎。指導學生的作品《茅山道士》在第二屆天津市高等學校原創(chuàng)動漫大賽中榮獲高職組漫畫類獎。指導學生參加的《2018“新人杯”全國大學生室內設計競賽》，《2019年第十六屆中國手繪藝術設計大賽》均獲得了獎的成績。參與了教材《Photoshop CS5平面設計實例教程》的編寫工作。指導學生參加的2015KIDE 發(fā)明設計比賽獲得銅獎。并且通過培訓，獲得了北京水晶石教育中心建筑可視化合格證書，Adobe Illustrator CS5產(chǎn)品專家認證，AutoCAD2012產(chǎn)品專家認證等多個證書。其他參與編寫的人員均為數(shù)字藝術系系骨。具有豐富的教學經(jīng)驗，熟悉學生的認知規(guī)律，主編及參編了多部十三五、十四五規(guī)劃教材，主持及參與了多門精品資源共享課的建設；同時還得到了企業(yè)一線工程師的指導，企業(yè)工程師提供了項目案例資源，并進行了技術支持。

圖書目錄

目錄
項目1　交互設計開發(fā)流程與設計分析　1
1.1　交互設計基礎概念　1
1.1.1交互設計的定義　1
1.1.2交互設計與用戶體驗　1
1.1.3交互設計可用性原則　3
1.2　交互設計開發(fā)流程　6
1.3開發(fā)人員配置　9
1.4　產(chǎn)品交互原型分類　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　“家居”網(wǎng)頁交互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網(wǎng)頁設計的分類　31
2.4.2網(wǎng)頁交互UI組件的分類　32
2.5　項目實施-Web端“家居”網(wǎng)頁交互UI設計　38
2.5.1設計“家居”網(wǎng)頁首頁　38
2.5.2設計“家居”網(wǎng)頁交互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　移動端平臺界面設計規(guī)范　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動態(tài)元素的優(yōu)化存儲設置　68
3.8　項目實施-移動端“美食小吃”App 交互UI設計　70
3.8.1設計“美食小吃”App界面UI　70
3.8.2頁面適配　74
3.8.3實現(xiàn)美食App界面素材切片輸出　75
3.8.4使用Pxcook標注美食App界面　79
3.8.5美食App動態(tài)加載畫面優(yōu)化　85
3.9　項目小結　88
3.10　思政知識小課堂　88
3.11　鞏固與拓展　88
3.12習題　88
項目4　Web端“電商平臺”產(chǎn)品交互設計開發(fā)　90
4.1　Web端“電商平臺”產(chǎn)品交互設計開發(fā)項目背景分析　90
4.2　Web端“電商平臺”產(chǎn)品交互設計開發(fā)項目需求分析　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各個系統(tǒng)變量說明　99
4.3.6元件交互樣式　101
4.3.7動畫和邊界　102
4.4　Axure常用元件　103
4.4.1　Axure常用元件——動態(tài)面板　103
4.4.2　Axure常用元件——中繼器　106
4.4.3　Axure常用元件——內聯(lián)框架　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端“電商平臺”產(chǎn)品交互設計開發(fā)　114
4.6.1　使用“動態(tài)面板”制作Web端Banner輪播效果　114
4.6.2　使用“動態(tài)面板+顯示/隱藏”制作懸浮按鈕顯示與隱藏效果　118
4.6.3　使用“交互-移動”制作文字跑馬燈效果　123
4.6.4　使用“中繼器”制作商品列表頁　127
4.6.5　使用“交互-變量”制作功能　132
4.6.6　使用“動態(tài)面板+熱區(qū)”制作面板隨鼠標滑動　136
4.6.7　使用“內聯(lián)框架”制作添加視頻　141
4.6.8　使用“動態(tài)面板+移動”制作圖片放大預覽功能　146
4.7　項目小結　154
4.8　思政知識小課堂　154
4.9　鞏固與拓展　155
4.10　習題　155
項目5　App移動端“思政助手”產(chǎn)品交互設計開發(fā)　156
5.1App移動端“思政助手”產(chǎn)品交互設計開發(fā)項目背景分析　156
5.2App移動端“思政助手”產(chǎn)品交互設計開發(fā)項目需求分析　156
5.3　墨刀原型工具概述　157
5.3.1墨刀工作界面介紹　157
5.3.2墨刀元件介紹　162
5.3.3墨刀交互事件添加　170
5.3.4演示分享　172
5.3.5墨刀工具狀態(tài)功能詳解　176
5.4　項目實施——App移動端“思政助手”產(chǎn)品交互設計開發(fā)　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移動端“茶物語”產(chǎn)品交互設計開發(fā)　192
6.1　App移動端“茶物語”產(chǎn)品交互設計開發(fā)項目背景分析　192
6.2　App移動端“茶物語”產(chǎn)品交互設計開發(fā)項目需求分析　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移動端“茶物語”產(chǎn)品交互設計開發(fā)　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