本教材共分為以下5個部分:
第1章 交互設計概述,介紹了交互設汁的起源、基本概念和交互設計過程中的主要方法。同時介紹相關交叉學科的知識理論。
第2章 網頁設計中的交互設計交互設計師用什么軟件,主要介紹交互設計知識在網頁設計中運用,講解設計流程、要點和方法。
第3章 移動應用中的交互設計,主要介紹交互設計知識在移動應用中運用講解設計流程、要點和方法。
第4章 數字出版中的交互設計,主要介紹交互設計知識在數字出版中運用講解設計流程、要點和方法。
附錄 常見工具入門,介紹案例中使用到的兩款工具。介紹軟件的使用和基本建站方法,介紹 7.0工具的基本使用方法。
本教材例舉項目實例的基本形式如下:
基礎知識介紹:對章節準備實現的項目案例所涉及的知識點進行系統的講解、分析。
項目簡介:描述項目背景、項目需求、項目發布平臺和項目最終呈現形式。
項目構思:描述前期調研方法和結論,分析用戶需求和設計用戶模型。
項目設計:進行項目要素設計和項目信息結構設計,設計項目流程。
項目實施:描述具體項目案例的設計實施過程。
項目運行:展現項目結果。
項目實踐:根據完整項目學習總結,依據給定題目要求,設計交互環節,回顧教學內容。
1.適用對象
本教材適用于藝術設計及其他相關專業,另外也可作為軟件工程類、計算機類等其他交叉學科的本、專科基礎教材。
2.具備的知識和能力基礎
本教材講授交互設計的基礎理論知識,并提供大量生動的實際案例。教材適用于交互設計的初學者及希望了解此專業的新手設計師和期望改進設計流程或增加設計工具的相關人員。使用本教材的學員交互設計師用什么軟件,需具備計算機基礎操作能力和平面設計類軟件的使用能力,并具有熟練運用與整合相關學科知識的能力。
通過本課程的學習,使學生理解并掌握交互設計專業基礎知識和相關行業規范,設計出符合行業標準的界面和交互性設計作品。學生熟練運用相關專業知識提出問題、分析問題、解決問題,運用設計工具設計制作交互設計作品。培養學生全方位思維能力和交互系統宏觀思考能力及實際動手操作能力。同時,培養學生嚴謹的學習態度。
3.教學總體目標
通過學習本門課程,將為《網頁設計》《數字出版》《新媒體廣告》等后續課程奠定學習基礎,掌握不同平臺,不同內容的交互應用與創新,并且培養學生達成3個方面的CDIO能力指標,分別為個人素質、理論知識和專業技能方面:
從個人素質方面,要求學生具備實事求是、誠實守信的學習態度和行為習慣。
從理論知識方面,培養學生掌握專業基礎知識和交叉學科相關基礎知識,并將其合理運用的能力。
從專業技能方面,使學生掌握行業規范及設計流程。培養學生全方位思考的能力和分析、解決問題的能力,最終設計出實現設定目標的項目作品。
第1章交互設計概述1
1.1交互設計基礎1
1.1.1什么是交互設計1
1.1.2交互設計的起源與發展2
1.1.3交互設計的方法7
1.1.4交互設計的意義8
1.2用戶體驗9
1.2.1何為用戶體驗9
1.2.2用戶體驗的五大要素9
1.2.3用戶體驗和網站10
1.2.4用戶體驗和移動應用11
1.3界面設計11
1.3.1界面設計色彩12
1.3.2界面設計圖形19
1.3.3界面設計文字19
1.4新媒體設計20
1.4.1新媒體設計及其特征20
1.4.2常見媒體介紹21
課后習題21
第2章網頁設計中的交互設計23
2.1網頁設計概述23
2.1.1網頁設計介紹23
2.1.2網頁設計流程24
2.1.3網頁設計界面設計25
2.1.4網頁設計分類30
2.2網站設計中的交互設計37
2.2.1導航設計37
2.2.2表單設計41
2.2.3其他網頁交互類型42
2.3教育類網站設計案例45
2.3.1“思格”網站項目簡介46
2.3.2“思格”網站項目構思46
2.3.3“思格”網站項目設計47
2.3.4“思格”網站項目實施48
2.3.5“思格”網站項目運行53
2.4文化類網站設計案例53
2.4.1“咱覽”網站項目簡介53
2.4.2“咱覽”網站項目構思53
2.4.3“咱覽”網站項目設計54
2.4.4“咱覽”網站項目實施56
2.4.5“咱覽”網站項目運行67
課后習題67
2.5項目拓展70
第3章移動應用中的交互設計72
3.1移動應用設計概述72
3.1.1移動應用設計介紹72
3.1.2移動應用常見分類74
3.1.3移動應用項目設計原則74
3.2移動應用交互設計82
3.2.1移動應用設計中的手勢82
3.2.2常見移動應用中的交互方式84
3.2.3改善移動應用交互體驗的設計技巧87
3.2.4改善移動應用交互體驗的其他技巧90
3.3效率類移動應用交互設計案例97
3.3.1“印象筆記”應用項目簡介97
3.3.2“印象筆記”應用項目構思97
3.3.3“印象筆記”應用項目設計98
3.3.4“印象筆記”應用項目實施98
3.3.5“印象筆記”應用項目運行99
3.4工具類移動應用交互設計案例99
3.4.1“Save+”應用項目簡介99
3.4.2“Save+”應用項目構思99
3.4.3“Save+”應用項目設計100
3.4.4“Save+”應用項目實施101
3.4.5“Save+”應用項目運行103
3.5生活服務類移動應用交互設計案例103
3.5.1“急救天使”應用項目簡介103
3.5.2“急救天使”應用項目構思104
3.5.3“急救天使”應用項目設計104
3.5.4“急救天使”應用項目實施106
3.5.5“急救天使”應用項目運行111
3.6生活咨訊類移動應用交互設計案例112
3.6.1“花視”應用項目簡介112
3.6.2“花視”應用項目構思112
3.6.3“花視”應用項目設計113
3.6.4“花視”應用項目實施114
3.6.5“花視”應用項目運行120
課后習題120
3.7項目拓展124
第4章數字出版中的交互設計125
4.1數字出版概述125
4.1.1什么是數字出版126
4.1.2數字出版的特點126
4.1.3數字出版的變革126
4.1.4數字出版的發展趨勢與前景127
4.1.數字出版解決方案128
4.1.6數字出版中的交互設計129
4.2產品指南類數字出版物交互設計案例131
4.2.1“心悅”數字出版物項目簡介131
4.2.2“心悅”數字出版物項目構思132
4.2.3“心悅”數字出版物項目設計132
4.2.4“心悅”數字出版物項目實施133
4.2.5“心悅”數字出版物項目運行151
4.3創意類數字出版物交互設計案例152
4.3.1“我從未走遠”數字出版物項目簡介152
4.3.2“我從未走遠”數字出版物項目構思152
4.3.3“我從未走遠”數字出版物項目設計153
4.3.4“我從未走遠”數字出版物項目實施155
4.3.5“我從未走遠”數字出版物項目運行164
課后習題164
4.4項目拓展166
附錄快速入門167
附錄軟件快速入門173
附錄C學習知識要點及能力要點184
參考文獻186
本教材以學院的CDIO教學理念為指導,通過實際案例教學,使學生了解理論知識的運用和行業發展。教材以交互設計的各個應用方向為講授內容,以設計新媒體形態產品為目標導向,通過實際項目教學,使學生掌握交互設計的設計開發流程,更好地設計有實際應用價值的產品。