掃一掃
關注中圖網
官方微博
本類五星書更多>
-
>
全國計算機等級考試最新真考題庫模擬考場及詳解·二級MSOffice高級應用
-
>
決戰行測5000題(言語理解與表達)
-
>
軟件性能測試.分析與調優實踐之路
-
>
第一行代碼Android
-
>
JAVA持續交付
-
>
EXCEL最強教科書(完全版)(全彩印刷)
-
>
深度學習
移動端APP UI設計與交互基礎教程(微課版)(第2版) 版權信息
- ISBN：9787115567673
- 條形碼：9787115567673 ; 978-7-115-56767-3
- 裝幀：一般膠版紙
- 冊數：暫無
- 重量：暫無
- 所屬分類：>
移動端APP UI設計與交互基礎教程(微課版)(第2版) 本書特色
1.本書是系列教材改版采用四色印刷，案例精美、閱讀體驗感較好； 2.配套微課視頻、PPT、學期授課計劃、課時授課計劃等豐富教學資源； 3.突出培養讀者的崗位技能。
移動端APP UI設計與交互基礎教程(微課版)(第2版) 內容簡介
本書以Photoshop為工具，以iOS和Android設計規范為標準，由淺入深地講解APP圖標和多種組件的設計與實現方法。本書在原型圖繪制與交互設計方面著重講解軟件Axure常見的交互操作，突出實用性。此外，本書還以“UI社”APP產品開發過程為例，重點講解前期調研、競品分析、功能需求確定、原型圖繪制、視覺規范設計、頁面效果圖制作、標注和切圖等各環節的工作流程和思維過程，可使讀者對UI設計師崗位和整個行業有清晰的認識。 本書共8章，內容包括APP UI設計與交互概述、UI基礎知識、圖標設計、常見APP組件的設計與實現、交互設計與原型圖繪制、APP界面設計與實戰、標注與切圖、職業技能實訓指導。 本書適合作為高等教育本、專科院校計算機相關專業的教材，也可供UI設計愛好者自學使用。
移動端APP UI設計與交互基礎教程(微課版)(第2版) 目錄
第 1章 APP UI設計與交互概述 1
1．1 UI設計概述及行業發展前景 2
1．1．1 UI設計概述 2
1．1．2 交互設計概述 2
1．1．3 用戶體驗概述 4
1．1．4 移動端UI的操作系統 4
1．1．5 就業前景 5
1．2 如何學習UI設計 6
1．2．1 UI設計師常用軟件介紹 6
1．2．2 UI設計師設計理論的知識儲備 8
1．3 UI設計理論基礎 8
1．3．1 色彩三要素 9
1．3．2 UI設計配色基礎 10
1．3．3 配色組合推薦 11
1．3．4 小試牛刀（繪制APP功能界面） 13
1．4 APP UI界面設計的流行趨勢 14
1．4．1 極簡設計 15
1．4．2 玻璃擬態 15
1．4．3 3D元素 16
1．4．4 玻璃擬態元素的制作（玻璃卡片） 17
1．5 淺析APP產品開發流程 19
1．6 職場經驗分享 21
1．6．1 作品集 21
1．6．2 團隊的合力 21
1．6．3 學以致用 22
1．6．4 設計師應具備的視野 22
1．7 學習反思 23
1．7．1 本章小結 23
1．7．2 課后練習 23
第 2章 UI基礎知識 24
2．1 APP頁面分類解析 25
2．1．1 啟動頁、閃屏和引導頁 25
2．1．2 首頁 28
2．1．3 導航 30
2．1．4 詳情頁 32
2．1．5 注冊登錄頁 32
2．2 APP框架布局與基礎概念 33
2．2．1 認識APP框架布局 33
2．2．2 常見術語 34
2．3 iOS設計規范 36
2．3．1 iOS界面尺寸 36
2．3．2 iOS界面的框架尺寸 37
2．3．3 iOS界面的圖標尺寸 38
2．3．4 iOS字體規范 38
2．3．5 制作iOS標準界面（列表界面） 39
2．4 Android設計規范 41
2．4．1 Android界面尺寸 41
2．4．2 Android圖標尺寸與字體規范 42
2．4．3 制作Android標準界面 42
2．5 其他設計規范 43
2．5．1 邊距與間距 43
2．5．2 內容布局 45
2．5．3 常用顏色 45
2．6 學習反思 46
2．6．1 本章小結 46
2．6．2 課后練習 46
第3章 圖標設計 47
3．1 UI圖標設計 48
3．1．1 圖標的分類 48
3．1．2 常見存儲格式與圖標尺寸 49
3．1．3 APP啟動圖標的常見創意設計方法 50
3．2 線性圖標 51
3．2．1 線性圖標概述 51
3．2．2 線性圖標的制作（Wi-Fi圖標） 51
3．2．3 課堂鞏固練習（Keep圖標） 53
3．3 剪影類圖標 54
3．3．1 剪影類圖標概述 54
3．3．2 剪影類圖標的制作（抖音APP圖標） 54
3．3．3 課堂鞏固練習（微信圖標） 57
3．4 扁平化與長陰影圖標 57
3．4．1 扁平化與長陰影圖標概述 57
3．4．2 扁平化與長陰影圖標的制作（指南針圖標） 58
3．4．3 課堂鞏固練習（一組扁平化圖標） 61
3．5 擬物化圖標 61
3．5．1 擬物化圖標概述 61
3．5．2 擬物化圖標的制作（木紋質感翻頁日歷） 62
3．5．3 課堂鞏固練習（擬物齒輪） 66
3．6 學習反思 66
3．6．1 本章小結 66
3．6．2 課后練習 67
第4章 常見APP組件的設計與實現 68
4．1 UI Kit概述 69
4．2 按鈕 69
4．2．1 按鈕概述 69
4．2．2 按鈕的按壓狀態 70
4．2．3 按鈕的種類 71
4．2．4 按鈕的設計要點 72
4．2．5 扁平化按鈕的制作 73
4．2．6 質感按鈕的制作 74
4．2．7 課堂鞏固練習（水晶質感按鈕） 77
4．3 滑動條 77
4．3．1 扁平滑動條的制作 77
4．3．2 質感滑動條的制作 78
4．3．3 課堂鞏固練習（QQ音樂播放器） 80
4．4 表單 80
4．4．1 表單結構與設計要點 80
4．4．2 單選按鈕與復選框的制作 82
4．4．3 文本框與下拉框的制作 83
4．4．4 課堂鞏固練習（反饋頁表單） 84
4．5 數據圖表 84
4．5．1 數據圖表概述 84
4．5．2 數據圖表的制作 86
4．5．3 課堂鞏固練習（環形數據圖表） 89
4．6 Banner 89
4．6．1 Banner概述 89
4．6．2 Banner組件的制作 90
4．6．3 課堂鞏固練習（通欄Banner） 91
4．7 卡片 92
4．7．1 卡片概述 92
4．7．2 卡片組件的制作 92
4．7．3 課堂鞏固練習（信息卡片） 93
4．8 學習反思 94
4．8．1 本章小結 94
4．8．2 課后練習 94
第5章 交互設計與原型圖繪制 95
5．1 初識交互設計 96
5．1．1 交互設計概述 96
5．1．2 產品開發中的層級關系 97
5．1．3 相關工作經驗 98
5．2 初識產品原型 99
5．3 原型制作工具——Axure RP 100
5．3．1 Axure RP界面認知 100
5．3．2 Axure RP基本操作 101
5．3．3 繪制手機原型并存放于自己的元件庫 103
5．3．4 多頁面鞏固練習（繪制金融類APP原型圖） 104
5．4 Axure RP常見的交互應用 105
5．4．1 頁面跳轉 105
5．4．2 引導頁左右滑動效果 106
5．4．3 長頁面上下滾動效果 108
5．4．4 彈出消息框效果 110
5．4．5 側邊欄菜單滑入效果 113
5．4．6 表單驗證與登錄交互 114
5．5 學習反思 118
5．5．1 本章小結 118
5．5．2 課后練習 118
第6章 APP界面設計與實戰 119
6．1 APP項目實戰——“UI社”APP產品設計與實現 120
6．1．1 產品定位與背景簡要分析 120
6．1．2 競品分析 120
6．1．3 “UI社”APP產品架構梳理 125
6．1．4 繪制低保真原型圖 125
6．1．5 “UI社”APP的視覺規范 126
6．1．6 APP產品啟動圖標的制作 128
6．1．7 “引導頁”效果圖的制作 128
6．1．8 “登錄頁”效果圖的制作 129
6．1．9 “首頁”效果圖的制作 129
6．1．10 “發現頁”效果圖的制作 129
6．1．11 “上傳頁”效果圖的制作 130
6．1．12 “動態頁”與“動態詳情頁”效果圖的制作 130
6．1．13 “我的頁”效果圖的制作 131
6．1．14 其他頁面效果圖 132
6．2 學習反思 133
6．2．1 本章小結 133
6．2．2 課后練習 133
第7章 標注與切圖 135
7．1 標注 136
7．1．1 標注工具概述 136
7．1．2 Markman的使用方法 137
7．1．3 標注的內容 138
7．1．4 “UI社”APP項目“引導頁”標注 139
7．1．5 “UI社”APP項目“登錄頁”標注 139
7．1．6 “UI社”APP項目“首頁”標注 140
7．1．7 “UI社”APP項目“教程功能列表頁”標注 141
7．2 切圖 141
7．2．1 切圖概述 141
7．2．2 圖片資源命名規范 142
7．2．3 切圖工具——Cutterman 142
7．2．4 iOS平臺與Android平臺下的切圖 143
7．2．5 點9圖 145
7．3 學習反思 147
7．3．1 本章小結 147
7．3．2 課后練習 147
第8章 職業技能實訓指導 148
8．1 實訓意義和目的 149
8．2 實訓要求與考核標準 149
8．2．1 實訓的總體要求 149
8．2．2 考核標準 149
8．3 實訓步驟引導 150
8．3．1 確定項目題材 150
8．3．2 確定色彩、字體與間距標準 150
8．3．3 繪制確定圖標 151
8．3．4 制作各級頁面 152
1．1 UI設計概述及行業發展前景 2
1．1．1 UI設計概述 2
1．1．2 交互設計概述 2
1．1．3 用戶體驗概述 4
1．1．4 移動端UI的操作系統 4
1．1．5 就業前景 5
1．2 如何學習UI設計 6
1．2．1 UI設計師常用軟件介紹 6
1．2．2 UI設計師設計理論的知識儲備 8
1．3 UI設計理論基礎 8
1．3．1 色彩三要素 9
1．3．2 UI設計配色基礎 10
1．3．3 配色組合推薦 11
1．3．4 小試牛刀（繪制APP功能界面） 13
1．4 APP UI界面設計的流行趨勢 14
1．4．1 極簡設計 15
1．4．2 玻璃擬態 15
1．4．3 3D元素 16
1．4．4 玻璃擬態元素的制作（玻璃卡片） 17
1．5 淺析APP產品開發流程 19
1．6 職場經驗分享 21
1．6．1 作品集 21
1．6．2 團隊的合力 21
1．6．3 學以致用 22
1．6．4 設計師應具備的視野 22
1．7 學習反思 23
1．7．1 本章小結 23
1．7．2 課后練習 23
第 2章 UI基礎知識 24
2．1 APP頁面分類解析 25
2．1．1 啟動頁、閃屏和引導頁 25
2．1．2 首頁 28
2．1．3 導航 30
2．1．4 詳情頁 32
2．1．5 注冊登錄頁 32
2．2 APP框架布局與基礎概念 33
2．2．1 認識APP框架布局 33
2．2．2 常見術語 34
2．3 iOS設計規范 36
2．3．1 iOS界面尺寸 36
2．3．2 iOS界面的框架尺寸 37
2．3．3 iOS界面的圖標尺寸 38
2．3．4 iOS字體規范 38
2．3．5 制作iOS標準界面（列表界面） 39
2．4 Android設計規范 41
2．4．1 Android界面尺寸 41
2．4．2 Android圖標尺寸與字體規范 42
2．4．3 制作Android標準界面 42
2．5 其他設計規范 43
2．5．1 邊距與間距 43
2．5．2 內容布局 45
2．5．3 常用顏色 45
2．6 學習反思 46
2．6．1 本章小結 46
2．6．2 課后練習 46
第3章 圖標設計 47
3．1 UI圖標設計 48
3．1．1 圖標的分類 48
3．1．2 常見存儲格式與圖標尺寸 49
3．1．3 APP啟動圖標的常見創意設計方法 50
3．2 線性圖標 51
3．2．1 線性圖標概述 51
3．2．2 線性圖標的制作（Wi-Fi圖標） 51
3．2．3 課堂鞏固練習（Keep圖標） 53
3．3 剪影類圖標 54
3．3．1 剪影類圖標概述 54
3．3．2 剪影類圖標的制作（抖音APP圖標） 54
3．3．3 課堂鞏固練習（微信圖標） 57
3．4 扁平化與長陰影圖標 57
3．4．1 扁平化與長陰影圖標概述 57
3．4．2 扁平化與長陰影圖標的制作（指南針圖標） 58
3．4．3 課堂鞏固練習（一組扁平化圖標） 61
3．5 擬物化圖標 61
3．5．1 擬物化圖標概述 61
3．5．2 擬物化圖標的制作（木紋質感翻頁日歷） 62
3．5．3 課堂鞏固練習（擬物齒輪） 66
3．6 學習反思 66
3．6．1 本章小結 66
3．6．2 課后練習 67
第4章 常見APP組件的設計與實現 68
4．1 UI Kit概述 69
4．2 按鈕 69
4．2．1 按鈕概述 69
4．2．2 按鈕的按壓狀態 70
4．2．3 按鈕的種類 71
4．2．4 按鈕的設計要點 72
4．2．5 扁平化按鈕的制作 73
4．2．6 質感按鈕的制作 74
4．2．7 課堂鞏固練習（水晶質感按鈕） 77
4．3 滑動條 77
4．3．1 扁平滑動條的制作 77
4．3．2 質感滑動條的制作 78
4．3．3 課堂鞏固練習（QQ音樂播放器） 80
4．4 表單 80
4．4．1 表單結構與設計要點 80
4．4．2 單選按鈕與復選框的制作 82
4．4．3 文本框與下拉框的制作 83
4．4．4 課堂鞏固練習（反饋頁表單） 84
4．5 數據圖表 84
4．5．1 數據圖表概述 84
4．5．2 數據圖表的制作 86
4．5．3 課堂鞏固練習（環形數據圖表） 89
4．6 Banner 89
4．6．1 Banner概述 89
4．6．2 Banner組件的制作 90
4．6．3 課堂鞏固練習（通欄Banner） 91
4．7 卡片 92
4．7．1 卡片概述 92
4．7．2 卡片組件的制作 92
4．7．3 課堂鞏固練習（信息卡片） 93
4．8 學習反思 94
4．8．1 本章小結 94
4．8．2 課后練習 94
第5章 交互設計與原型圖繪制 95
5．1 初識交互設計 96
5．1．1 交互設計概述 96
5．1．2 產品開發中的層級關系 97
5．1．3 相關工作經驗 98
5．2 初識產品原型 99
5．3 原型制作工具——Axure RP 100
5．3．1 Axure RP界面認知 100
5．3．2 Axure RP基本操作 101
5．3．3 繪制手機原型并存放于自己的元件庫 103
5．3．4 多頁面鞏固練習（繪制金融類APP原型圖） 104
5．4 Axure RP常見的交互應用 105
5．4．1 頁面跳轉 105
5．4．2 引導頁左右滑動效果 106
5．4．3 長頁面上下滾動效果 108
5．4．4 彈出消息框效果 110
5．4．5 側邊欄菜單滑入效果 113
5．4．6 表單驗證與登錄交互 114
5．5 學習反思 118
5．5．1 本章小結 118
5．5．2 課后練習 118
第6章 APP界面設計與實戰 119
6．1 APP項目實戰——“UI社”APP產品設計與實現 120
6．1．1 產品定位與背景簡要分析 120
6．1．2 競品分析 120
6．1．3 “UI社”APP產品架構梳理 125
6．1．4 繪制低保真原型圖 125
6．1．5 “UI社”APP的視覺規范 126
6．1．6 APP產品啟動圖標的制作 128
6．1．7 “引導頁”效果圖的制作 128
6．1．8 “登錄頁”效果圖的制作 129
6．1．9 “首頁”效果圖的制作 129
6．1．10 “發現頁”效果圖的制作 129
6．1．11 “上傳頁”效果圖的制作 130
6．1．12 “動態頁”與“動態詳情頁”效果圖的制作 130
6．1．13 “我的頁”效果圖的制作 131
6．1．14 其他頁面效果圖 132
6．2 學習反思 133
6．2．1 本章小結 133
6．2．2 課后練習 133
第7章 標注與切圖 135
7．1 標注 136
7．1．1 標注工具概述 136
7．1．2 Markman的使用方法 137
7．1．3 標注的內容 138
7．1．4 “UI社”APP項目“引導頁”標注 139
7．1．5 “UI社”APP項目“登錄頁”標注 139
7．1．6 “UI社”APP項目“首頁”標注 140
7．1．7 “UI社”APP項目“教程功能列表頁”標注 141
7．2 切圖 141
7．2．1 切圖概述 141
7．2．2 圖片資源命名規范 142
7．2．3 切圖工具——Cutterman 142
7．2．4 iOS平臺與Android平臺下的切圖 143
7．2．5 點9圖 145
7．3 學習反思 147
7．3．1 本章小結 147
7．3．2 課后練習 147
第8章 職業技能實訓指導 148
8．1 實訓意義和目的 149
8．2 實訓要求與考核標準 149
8．2．1 實訓的總體要求 149
8．2．2 考核標準 149
8．3 實訓步驟引導 150
8．3．1 確定項目題材 150
8．3．2 確定色彩、字體與間距標準 150
8．3．3 繪制確定圖標 151
8．3．4 制作各級頁面 152
展開全部
移動端APP UI設計與交互基礎教程(微課版)(第2版) 作者簡介
吳豐，黃河水利職業學院優秀教師，曾出版多部相關教材： 1）網頁設計與制作（Dreamweaver CS6+HTML5+CSS3版），獨著，ISBN: 9787302403845，清華大學出版社，2015年12月出版。 2）Dreamweaver CS5網頁設計與制作(DIV+CSS版)，主編，ISBN: 9787302286172，清華大學出版社，2012年7月出版。
書友推薦
- >
朝聞道
- >
唐代進士錄
- >
龍榆生：詞曲概論/大家小書
- >
山海經
- >
企鵝口袋書系列·偉大的思想20:論自然選擇(英漢雙語)
- >
回憶愛瑪儂
- >
煙與鏡
- >
隨園食單
本類暢銷
