中圖網(wǎng)小程序
一鍵登錄
更方便
本類五星書更多>
-
>
闖進(jìn)數(shù)學(xué)世界――探秘歷史名題
-
>
中醫(yī)基礎(chǔ)理論
-
>
當(dāng)代中國政府與政治(新編21世紀(jì)公共管理系列教材)
-
>
高校軍事課教程
-
>
思想道德與法治(2021年版)
-
>
毛澤東思想和中國特色社會主義理論體系概論(2021年版)
-
>
中醫(yī)內(nèi)科學(xué)·全國中醫(yī)藥行業(yè)高等教育“十四五”規(guī)劃教材
移動APP UI設(shè)計與制作(微課版) 版權(quán)信息
- ISBN：9787302645184
- 條形碼：9787302645184 ; 978-7-302-64518-4
- 裝幀：平裝-膠訂
- 冊數(shù)：暫無
- 重量：暫無
- 所屬分類：>>
移動APP UI設(shè)計與制作(微課版) 本書特色
全面講解移動APP UI的設(shè)計理論、制作思路、設(shè)計原則和各類規(guī)范。詳解圖標(biāo)、基礎(chǔ)控件、閃屏頁、引導(dǎo)頁、首頁、播放頁和詳情頁等各種界面元素的設(shè)計方法，結(jié)合各類典型案例，助您快速掌握APP UI設(shè)計的實戰(zhàn)技能。
一線設(shè)計師成功商業(yè)案例的完美詮釋 設(shè)計思路 知識拓展 視頻教學(xué)，給您帶來全新的UI學(xué)習(xí)體驗，讓設(shè)計變得高效。
移動APP UI設(shè)計與制作(微課版) 內(nèi)容簡介
本書介紹了移動AppUI設(shè)計理論和各種界面元素的設(shè)計方法。全書共分13章，內(nèi)容涵蓋Ⅵ設(shè)計的基礎(chǔ)理論，AppUI設(shè)計的要點，設(shè)計原則和規(guī)范，圖標(biāo)、基礎(chǔ)I控件、閃屏頁、引導(dǎo)頁、空白頁、首頁、個人中心頁、列表頁、播放頁和詳情頁的設(shè)計方法等，力求為讀者帶來良好的學(xué)習(xí)體驗。
移動APP UI設(shè)計與制作(微課版) 目錄
第1章 UI設(shè)計知識講解
1.1 UI設(shè)計的基本概念 2
1.2 UI設(shè)計的組成 2
1.2.1 用戶研究 2
1.2.2 交互設(shè)計 3
1.2.3 界面設(shè)計 3
1.3 UI設(shè)計原則 3
1.4 了解移動App操作平臺 5
1.4.1 蘋果iOS系統(tǒng) 5
1.4.2 Android系統(tǒng) 5
1.5 UI設(shè)計流程 5
第2章 App UI設(shè)計要點
2.1 UI設(shè)計的常用構(gòu)圖類型 8
2.1.1 網(wǎng)格構(gòu)圖 8
2.1.2 環(huán)形構(gòu)圖 8
2.1.3 三角形構(gòu)圖 9
2.1.4 折線形構(gòu)圖 9
2.1.5 列表型構(gòu)圖 10
2.2 布局設(shè)計的要素 10
2.2.1 界面的留白 10
2.2.2 界面內(nèi)容的對齊方式 11
2.2.3 界面內(nèi)容的間距 12
2.2.4 界面內(nèi)容的層次 12
2.3 UI設(shè)計中的色彩 14
2.3.1 主色/輔助色/點綴色 14
2.3.2 如何配色 15
第3章 iOS設(shè)計原則及規(guī)范
3.1 iOS設(shè)計原則 18
3.1.1 統(tǒng)一化 18
3.1.2 凸顯內(nèi)容 18
3.1.3 適應(yīng)化 19
3.1.4 層級性 20
3.1.5 易操作性 20
3.2 iOS界面尺寸與控件的
設(shè)計規(guī)范 21
3.2.1 界面尺寸 21
3.2.2 界面三大要素 22
3.2.3 欄 22
3.2.4 字體規(guī)范 24
3.2.5 色彩控件規(guī)范 27
3.2.6 按鈕控件規(guī)范 27
3.2.7 分割線規(guī)范 28
3.2.8 頭像規(guī)范 28
3.2.9 提示框規(guī)范 29
3.2.10 輸入框規(guī)范 29
3.2.11 間距規(guī)范 29
3.2.12 圖標(biāo)規(guī)范 30
第4章 圖標(biāo)設(shè)計
4.1 圖標(biāo)概述 32
4.1.1 圖標(biāo)的定義 32
4.1.2 圖標(biāo)的重要性 32
4.2 圖標(biāo)的類型 33
4.2.1 擬物圖標(biāo) 33
4.2.2 扁平圖標(biāo) 34
4.2.3 微扁平、輕擬物 34
4.2.4 線性圖標(biāo) 35
4.2.5 面性圖標(biāo) 35
4.2.6 文字圖標(biāo) 35
4.2.7 “新擬物”風(fēng)格圖標(biāo) 36
4.3 應(yīng)用圖標(biāo)的設(shè)計風(fēng)格 36
4.3.1 中文文字圖標(biāo) 36
4.3.2 英文字母圖標(biāo) 37
4.3.3 數(shù)字圖標(biāo) 38
4.3.4 特殊符號圖標(biāo) 38
4.3.5 圖形圖標(biāo) 39
案例——繪制日歷工具圖標(biāo) 41
案例——繪制計算器工具圖標(biāo) 46
案例——繪制繪圖工具圖標(biāo) 53
案例——繪制音樂播放工具圖標(biāo) 58
4.4 App中的功能圖標(biāo) 63
4.5 功能圖標(biāo)的風(fēng)格 64
4.5.1 線性圖標(biāo) 64
4.5.2 面形圖標(biāo) 64
4.5.3 MBE圖標(biāo) 65
4.6 圖標(biāo)繪制方法 66
4.6.1 布爾運(yùn)算 66
4.6.2 貝塞爾曲線 66
案例——制作keyline線 67
案例——繪制線性圖標(biāo) 70
案例——繪制剪影圖標(biāo) 73
案例——繪制MBE風(fēng)格圖標(biāo) 77
4.7 功能圖標(biāo)的應(yīng)用 82
第5章 基礎(chǔ)UI控件制作
5.1 什么是UI控件 84
5.2 UI控件的交互分類 84
5.3 常見基礎(chǔ)控件 84
案例——制作簡潔開關(guān)控件 85
案例——制作立體開關(guān)控件 88
案例——制作條狀載入進(jìn)度條控件 93
案例——制作環(huán)狀載入進(jìn)度條控件 98
案例——制作滑塊控件 101
案例——制作增益調(diào)節(jié)控件 110
案例——制作音頻播放控件 123
第6章 閃屏頁設(shè)計
6.1 閃屏頁的概念 130
6.2 閃屏頁的常見類型 130
6.2.1 品牌宣傳型 130
6.2.2 節(jié)假關(guān)懷型 130
6.2.3 廣告運(yùn)營型 131
案例——制作品牌宣傳型閃屏頁 132
案例——制作廣告運(yùn)營型閃屏頁 136
案例——制作節(jié)氣關(guān)懷型閃屏頁 142
案例——制作節(jié)日關(guān)懷型閃屏頁 145
第7章 引導(dǎo)頁設(shè)計
7.1 引導(dǎo)頁的概念 150
7.2 引導(dǎo)頁的常見類型 150
7.2.1 功能介紹型 150
7.2.2 情感代入型 151
7.3 浮層引導(dǎo)頁 151
案例——制作功能介紹型引導(dǎo)頁 152
案例——制作閱讀App引導(dǎo)頁 156
案例——制作食譜App引導(dǎo)頁 160
案例——制作移動辦公App引導(dǎo)頁 164
案例——制作兒童教育App引導(dǎo)頁 170
案例——制作浮層引導(dǎo)頁 176
第8章 空白頁設(shè)計
8.1 空白頁的概念 182
8.2 空白頁的常見類型 182
8.2.1 首次進(jìn)入型 182
8.2.2 錯誤提示型 182
案例——制作購物車空白頁 183
案例——制作頁面丟失
提示空白頁 186
案例——制作消息中心空白頁 188
案例——制作資料審核空白頁 192
第9章 首頁設(shè)計
9.1 首頁的概念 196
9.2 首頁的常見類型 196
9.2.1 列表型 196
9.2.2 圖標(biāo)型 197
9.2.3 卡片型 197
9.2.4 綜合型 197
案例——制作外賣App首頁 198
案例——制作健身App首頁 205
第10章 個人中心頁設(shè)計
10.1 個人中心頁的概念 214
10.2 個人中心頁的常見形式 214
案例——制作個人中心頁 215
案例——制作學(xué)習(xí)類App
個人中心頁 221
第11章 列表頁設(shè)計
11.1 列表頁的概念 228
11.2 列表頁的常見類型 228
11.2.1 單行列表 228
11.2.2 雙行列表 228
11.2.3 時間軸 229
11.2.4 圖庫列表 229
案例——制作圖庫列表頁 230
案例——制作天氣預(yù)報App列表頁 233 第12章 播放頁設(shè)計
12.1 播放頁的概念 240
12.2 播放頁的分類 240
案例——制作音樂播放頁 241
案例——制作音頻播放頁 248
第13章 詳情頁設(shè)計
13.1 詳情頁的概念 256
13.2 詳情頁的常見類型 256
案例——制作購物App詳情頁 257
案例——制作相冊App詳情頁 265
案例——制作旅游景點介紹詳情頁 270
案例——制作食譜詳情頁 275
1.1 UI設(shè)計的基本概念 2
1.2 UI設(shè)計的組成 2
1.2.1 用戶研究 2
1.2.2 交互設(shè)計 3
1.2.3 界面設(shè)計 3
1.3 UI設(shè)計原則 3
1.4 了解移動App操作平臺 5
1.4.1 蘋果iOS系統(tǒng) 5
1.4.2 Android系統(tǒng) 5
1.5 UI設(shè)計流程 5
第2章 App UI設(shè)計要點
2.1 UI設(shè)計的常用構(gòu)圖類型 8
2.1.1 網(wǎng)格構(gòu)圖 8
2.1.2 環(huán)形構(gòu)圖 8
2.1.3 三角形構(gòu)圖 9
2.1.4 折線形構(gòu)圖 9
2.1.5 列表型構(gòu)圖 10
2.2 布局設(shè)計的要素 10
2.2.1 界面的留白 10
2.2.2 界面內(nèi)容的對齊方式 11
2.2.3 界面內(nèi)容的間距 12
2.2.4 界面內(nèi)容的層次 12
2.3 UI設(shè)計中的色彩 14
2.3.1 主色/輔助色/點綴色 14
2.3.2 如何配色 15
第3章 iOS設(shè)計原則及規(guī)范
3.1 iOS設(shè)計原則 18
3.1.1 統(tǒng)一化 18
3.1.2 凸顯內(nèi)容 18
3.1.3 適應(yīng)化 19
3.1.4 層級性 20
3.1.5 易操作性 20
3.2 iOS界面尺寸與控件的
設(shè)計規(guī)范 21
3.2.1 界面尺寸 21
3.2.2 界面三大要素 22
3.2.3 欄 22
3.2.4 字體規(guī)范 24
3.2.5 色彩控件規(guī)范 27
3.2.6 按鈕控件規(guī)范 27
3.2.7 分割線規(guī)范 28
3.2.8 頭像規(guī)范 28
3.2.9 提示框規(guī)范 29
3.2.10 輸入框規(guī)范 29
3.2.11 間距規(guī)范 29
3.2.12 圖標(biāo)規(guī)范 30
第4章 圖標(biāo)設(shè)計
4.1 圖標(biāo)概述 32
4.1.1 圖標(biāo)的定義 32
4.1.2 圖標(biāo)的重要性 32
4.2 圖標(biāo)的類型 33
4.2.1 擬物圖標(biāo) 33
4.2.2 扁平圖標(biāo) 34
4.2.3 微扁平、輕擬物 34
4.2.4 線性圖標(biāo) 35
4.2.5 面性圖標(biāo) 35
4.2.6 文字圖標(biāo) 35
4.2.7 “新擬物”風(fēng)格圖標(biāo) 36
4.3 應(yīng)用圖標(biāo)的設(shè)計風(fēng)格 36
4.3.1 中文文字圖標(biāo) 36
4.3.2 英文字母圖標(biāo) 37
4.3.3 數(shù)字圖標(biāo) 38
4.3.4 特殊符號圖標(biāo) 38
4.3.5 圖形圖標(biāo) 39
案例——繪制日歷工具圖標(biāo) 41
案例——繪制計算器工具圖標(biāo) 46
案例——繪制繪圖工具圖標(biāo) 53
案例——繪制音樂播放工具圖標(biāo) 58
4.4 App中的功能圖標(biāo) 63
4.5 功能圖標(biāo)的風(fēng)格 64
4.5.1 線性圖標(biāo) 64
4.5.2 面形圖標(biāo) 64
4.5.3 MBE圖標(biāo) 65
4.6 圖標(biāo)繪制方法 66
4.6.1 布爾運(yùn)算 66
4.6.2 貝塞爾曲線 66
案例——制作keyline線 67
案例——繪制線性圖標(biāo) 70
案例——繪制剪影圖標(biāo) 73
案例——繪制MBE風(fēng)格圖標(biāo) 77
4.7 功能圖標(biāo)的應(yīng)用 82
第5章 基礎(chǔ)UI控件制作
5.1 什么是UI控件 84
5.2 UI控件的交互分類 84
5.3 常見基礎(chǔ)控件 84
案例——制作簡潔開關(guān)控件 85
案例——制作立體開關(guān)控件 88
案例——制作條狀載入進(jìn)度條控件 93
案例——制作環(huán)狀載入進(jìn)度條控件 98
案例——制作滑塊控件 101
案例——制作增益調(diào)節(jié)控件 110
案例——制作音頻播放控件 123
第6章 閃屏頁設(shè)計
6.1 閃屏頁的概念 130
6.2 閃屏頁的常見類型 130
6.2.1 品牌宣傳型 130
6.2.2 節(jié)假關(guān)懷型 130
6.2.3 廣告運(yùn)營型 131
案例——制作品牌宣傳型閃屏頁 132
案例——制作廣告運(yùn)營型閃屏頁 136
案例——制作節(jié)氣關(guān)懷型閃屏頁 142
案例——制作節(jié)日關(guān)懷型閃屏頁 145
第7章 引導(dǎo)頁設(shè)計
7.1 引導(dǎo)頁的概念 150
7.2 引導(dǎo)頁的常見類型 150
7.2.1 功能介紹型 150
7.2.2 情感代入型 151
7.3 浮層引導(dǎo)頁 151
案例——制作功能介紹型引導(dǎo)頁 152
案例——制作閱讀App引導(dǎo)頁 156
案例——制作食譜App引導(dǎo)頁 160
案例——制作移動辦公App引導(dǎo)頁 164
案例——制作兒童教育App引導(dǎo)頁 170
案例——制作浮層引導(dǎo)頁 176
第8章 空白頁設(shè)計
8.1 空白頁的概念 182
8.2 空白頁的常見類型 182
8.2.1 首次進(jìn)入型 182
8.2.2 錯誤提示型 182
案例——制作購物車空白頁 183
案例——制作頁面丟失
提示空白頁 186
案例——制作消息中心空白頁 188
案例——制作資料審核空白頁 192
第9章 首頁設(shè)計
9.1 首頁的概念 196
9.2 首頁的常見類型 196
9.2.1 列表型 196
9.2.2 圖標(biāo)型 197
9.2.3 卡片型 197
9.2.4 綜合型 197
案例——制作外賣App首頁 198
案例——制作健身App首頁 205
第10章 個人中心頁設(shè)計
10.1 個人中心頁的概念 214
10.2 個人中心頁的常見形式 214
案例——制作個人中心頁 215
案例——制作學(xué)習(xí)類App
個人中心頁 221
第11章 列表頁設(shè)計
11.1 列表頁的概念 228
11.2 列表頁的常見類型 228
11.2.1 單行列表 228
11.2.2 雙行列表 228
11.2.3 時間軸 229
11.2.4 圖庫列表 229
案例——制作圖庫列表頁 230
案例——制作天氣預(yù)報App列表頁 233 第12章 播放頁設(shè)計
12.1 播放頁的概念 240
12.2 播放頁的分類 240
案例——制作音樂播放頁 241
案例——制作音頻播放頁 248
第13章 詳情頁設(shè)計
13.1 詳情頁的概念 256
13.2 詳情頁的常見類型 256
案例——制作購物App詳情頁 257
案例——制作相冊App詳情頁 265
案例——制作旅游景點介紹詳情頁 270
案例——制作食譜詳情頁 275
展開全部
書友推薦
- >
詩經(jīng)-先民的歌唱
- >
羅庸西南聯(lián)大授課錄
- >
伊索寓言-世界文學(xué)名著典藏-全譯本
- >
巴金－再思錄
- >
名家?guī)阕x魯迅:故事新編
- >
伯納黛特,你要去哪(2021新版)
- >
中國歷史的瞬間
- >
史學(xué)評論
本類暢銷
