數字媒體互動設計中級——App產品互動設計方法與案例

數字媒體互動設計中級——App產品互動設計方法與案例

基本介紹

  • 中文名
  • 作者
  • 類別
  • 出版社
  • 出版時間
  • 開本
  • 裝幀
  • ISBN
內容簡介,作者簡介,圖書目錄,

內容簡介

作者簡介

圖書目錄

3.1 認識思維導圖 38
3.1.1 思維導圖是什麼 38
3.1.2 思維導圖構成的要素 38
3.1.3 繪製思維導圖的步驟 39
3.2 使用Mindjet MindManager繪製思維導圖 40
3.2.1 認識Mindjet MindManager 40
3.2.2 使用Mindjet MindManager繪製思維導圖的方法及技巧 40
3.3 思維導圖在App產品設計中的套用 45
3.3.1 使用思維導圖分析線上教育類App產品結構 46
3.3.2 使用思維導圖分析閱讀類App產品結構 51
3.4 同步強化模擬題 59
作業:使用思維導圖分析兩款同類型的App產品結構 60
第4章 製作流程圖 61
4.1 認識流程圖 62
4.1.1 什麼是流程圖 62
4.1.2 流程圖的構成 63
4.1.3 繪製流程圖的步驟 65
4.2 使用OmniGraffle繪製流程圖 67
4.2.1 使用OmniGraffle繪製流程圖的方法 67
4.2.2 繪製購買會員流程圖 71
4.3 使用流程圖分析App產品 73
4.3.1 製作流程圖 73
4.3.2 分析流程圖 75
4.4 同步強化模擬題 76
作業:製作發紅包流程圖 77
第5章 App產品互動原型設計 78
5.1 認識原型設計 79
5.1.1 什麼是原型圖和線框圖 79
5.1.2 原型圖設計的目的 80
5.2 繪製原型圖的基本流程 80
5.2.1 收集用戶信息 80
5.2.2 繪製草圖 82
5.2.3 製作原型圖 82
5.2.4 製作互動稿 83
5.2.5 可用性測試 84
5.3 認識墨刀 86
5.3.1 墨刀的基本使用方法 86
5.3.2 使用墨刀繪製App產品原型圖 92
5.4 同步強化模擬題 98
作業:選擇一款App產品,使用墨刀軟體繪製它的原型圖和互動稿 99
第6章 移動端App產品設計規範 100
6.1 移動端App產品設計中常用的單位 101
6.2 基於iOS系統的App界面設計規範 102
6.2.1 iOS界面尺寸 102
6.2.2 iOS圖示尺寸 104
6.2.3 iOS字型 104
6.3 基於Android系統的App界面設計規範 105
6.3.1 Android界面尺寸 105
6.3.2 Android圖示尺寸 106
6.3.3 Android字型 106
6.4 App產品通用設計規範 107
6.4.1 全局邊距 107
6.4.2 卡片間距 108
6.5 同步強化模擬題 109
作業:設計一款音樂類App產品的界面 110
第7章 組件設計 111
7.1 認識移動端UI設計組件 112
7.1.1 UI設計組件 112
7.1.2 組件的優勢 113
7.1.3 基於組件的設計方法 113
7.1.4 引入組件化的時間 117
7.1.5 使用組件化的方法 118
7.2 導航 118
7.2.1 底部標籤式導航 118
7.2.2 分段控制式導航 119
7.2.3 列表式導航 120
7.2.4 抽屜式導航 120
7.2.5 宮格式導航 121
7.2.6 卡片式導航 122
7.2.7 下拉選單式導航 123
7.3 引導 123
7.3.1 嵌入式引導 124
7.3.2 幻燈片式引導 124
7.3.3 浮層式引導 125
7.4 載入 126
7.4.1 全螢幕載入 126
7.4.2 上拉 下拉載入 126
7.4.3 分步載入 127
7.5 網路異常 127
7.5.1 整頁提示 127
7.5.2 占位符 128
7.5.3 警示框提示 129
7.5.4 界面內嵌提示 129
7.5.5 Toast提示 129
7.5.6 Tips提示 130
7.6 空數據類型 131
7.6.1 初始狀態 131
7.6.2 清空狀態 131
7.6.3 出錯狀態 132
7.7 提示 133
7.7.1 數字提示 133
7.7.2 紅點提示 134
7.7.3 彈框提示 134
7.7.4 系統推送提示 135
7.8 操作 136
7.8.1 底部操作列表 136
7.8.2 底部浮層視圖 136
7.8.3 底部工具列 136
7.8.4 編輯選單 137
7.8.5 按鈕 138
7.8.6 選擇器 138
7.8.7 下拉選單 139
7.8.8 文本框 140
7.9 單元控制項 140
7.9.1 開關控制項 140
7.9.2 搜尋框 140
7.9.3 圖示 141
7.9.4 滑塊 142
7.9.5 進度 142
7.9.6 選框 143
7.9.7 頁面控制項 144
7.10 App組件庫套用案例 144
7.11 同步強化模擬題 152
作業:製作iPhone界面組件 153
第8章 微互動設計 154
8.1 微互動的基礎知識 155
8.1.1 什麼是微互動 155
8.1.2 微互動的作用 158
8.2 Adobe XD的使用方法 159
8.2.1 Adobe XD的工作界面 159
8.2.2 Adobe XD的基本操作 162
8.2.3 製作高保真原型圖 174
8.3 創建可互動式原型 177
8.3.1 製作頁面跳轉互動效果 177
8.3.2 製作輪播圖互動效果 179
8.4 同步強化模擬題 182
作業:製作好好住App的界面原型圖和微互動效果 183
第9章 運動類App產品設計全流程 184
9.1 案例說明 185
9.2 設計準備 185
9.2.1 用戶研究 186
9.2.2 競品分析 188
9.2.3 繪製思維導圖 190
9.2.4 產品定位 192
9.3 原型設計 192
9.3.1 線框圖 192
9.3.2 原型圖 193
9.4 界面設計 196
作業:閱讀類App產品設計 198
第10章 App產品運營:喜馬拉雅
如何通過運營手段成為行業先鋒 199
10.1 初創期 200
10.2 發展期 200
10.3 成熟期 202
10.4 同步強化模擬題 205
作業:為生鮮電商類App產品做運營活動 206
附錄 同步強化模擬題答案速查表 207

相關詞條

熱門詞條

聯絡我們