Photoshop CC 移動(dòng)UI設(shè)計(jì)案例教程(全彩慕課版)(第2版)
定 價(jià):79.8 元
叢書名:高等院校數(shù)字藝術(shù)精品課程系列教材
- 作者:劉軍偉 孫楊高 邢亞男
- 出版時(shí)間:2024/9/1
- ISBN:9787115644336
- 出 版 社:人民郵電出版社
- 中圖法分類:TP391.413
- 頁(yè)碼:
- 紙張:膠版紙
- 版次:
- 開本:16開
本書全面、系統(tǒng)地介紹移動(dòng)UI設(shè)計(jì)的相關(guān)知識(shí),具體包括初識(shí)移動(dòng)UI設(shè)計(jì)、移動(dòng)UI設(shè)計(jì)規(guī)范、iOS系統(tǒng)界面設(shè)計(jì)、Android系統(tǒng)界面設(shè)計(jì)和App界面設(shè)計(jì)實(shí)戰(zhàn)等內(nèi)容。
本書以課堂案例為主線,通過(guò)案例操作,學(xué)生能夠盡快熟悉移動(dòng)UI設(shè)計(jì)的思路與流程。書中的知識(shí)講解部分用于幫助學(xué)生了解移動(dòng)UI設(shè)計(jì)的各類規(guī)范;課堂練習(xí)和課后習(xí)題部分用于提高學(xué)生的實(shí)際應(yīng)用能力,拓寬學(xué)生的設(shè)計(jì)思路;設(shè)計(jì)實(shí)戰(zhàn)部分用于幫助學(xué)生綜合運(yùn)用所學(xué)知識(shí),順利達(dá)到移動(dòng)UI設(shè)計(jì)實(shí)戰(zhàn)水平。
本書與時(shí)俱進(jìn)融入“二十大”精神,全面提升學(xué)生綜合素養(yǎng);全彩印刷,版式精美;全書以案例為主線,案例豐富,講解清晰,實(shí)用性強(qiáng);配有慕課、微課、PPT課件、素材、大綱等,資源非常豐富
劉軍偉,男,漢族,1980年出生,山東濰坊人,2003年畢業(yè)于淮北煤炭師范學(xué)院(現(xiàn)淮北師范大學(xué))計(jì)算機(jī)科學(xué)與技術(shù)專業(yè),現(xiàn)為無(wú)錫科技職業(yè)學(xué)院副教授。中國(guó)計(jì)算機(jī)學(xué)會(huì)高級(jí)會(huì)員。曾獲金磚國(guó)家職業(yè)技能大賽優(yōu)秀專家、江蘇省職業(yè)院校技能大賽優(yōu)秀指導(dǎo)教師、區(qū)優(yōu)秀教育工作者、區(qū)教書育人模范人物、校優(yōu)秀教師、校優(yōu)秀共產(chǎn)黨員、校守正教學(xué)之星等稱號(hào)。主編教材2部;近年來(lái)主持或作為核心成員參與省級(jí)以上科研項(xiàng)目6項(xiàng);撰寫論文10余篇,其中EI期刊1篇;指導(dǎo)學(xué)生獲省級(jí)以上技能大賽獲獎(jiǎng)9項(xiàng);申獲發(fā)明專利1項(xiàng),實(shí)用新型專利6項(xiàng)。
第 1章 初識(shí)移動(dòng)UI設(shè)計(jì)
1.1 移動(dòng)UI設(shè)計(jì)的相關(guān)概念 2
1.1.1 UI設(shè)計(jì)的概念 2
1.1.2 移動(dòng)UI設(shè)計(jì)的概念 2
1.1.3 App的概念 3
1.2 移動(dòng)UI設(shè)計(jì)的操作平臺(tái) 3
1.2.1 iOS平臺(tái) 3
1.2.2 Android系統(tǒng)平臺(tái) 4
1.3 移動(dòng)UI設(shè)計(jì)的特點(diǎn) 4
1.4 移動(dòng)UI設(shè)計(jì)的常用軟件 5
1.4.1 界面設(shè)計(jì)類軟件 5
1.4.2 動(dòng)效設(shè)計(jì)類軟件 6
1.4.3 網(wǎng)頁(yè)設(shè)計(jì)類軟件 7
1.4.4 三維渲染類軟件 7
1.4.5 思維導(dǎo)圖設(shè)計(jì)類軟件 8
1.4.6 交互原型設(shè)計(jì)類軟件 8
1.5 移動(dòng)UI設(shè)計(jì)的流程 9
1.5.1 分析調(diào)研 10
1.5.2 交互設(shè)計(jì) 10
1.5.3 交互自查 11
1.5.4 界面設(shè)計(jì) 11
1.5.5 界面測(cè)試 12
1.5.6 設(shè)計(jì)驗(yàn)證 12
第2章 移動(dòng)UI設(shè)計(jì)規(guī)范
2.1 iOS設(shè)計(jì)規(guī)范 14
2.1.1 iOS設(shè)計(jì)單位及尺寸 14
2.1.2 iOS界面結(jié)構(gòu) 15
2.1.3 iOS基本布局 16
2.1.4 iOS字體規(guī)范 18
2.1.5 iOS圖標(biāo)規(guī)范 19
2.2 Android系統(tǒng)設(shè)計(jì)規(guī)范 22
2.2.1 Android系統(tǒng)設(shè)計(jì)單位及尺寸 22
2.2.2 Android系統(tǒng)界面結(jié)構(gòu) 23
2.2.3 Android系統(tǒng)基本布局 23
2.2.4 Android系統(tǒng)字體規(guī)范 26
2.2.5 Android系統(tǒng)圖標(biāo)規(guī)范 26
第3章 iOS界面設(shè)計(jì)
3.1 內(nèi)容 32
3.1.1 課堂案例——制作旅游類App閃屏頁(yè) 32
3.1.2 圖表 34
3.1.3 圖像視圖 34
3.1.4 文本視圖 34
3.1.5 網(wǎng)頁(yè)視圖 35
3.2 布局和組織 35
3.2.1 課堂案例——制作旅游類App酒店詳情頁(yè) 35
3.2.2 方框 48
3.2.3 集合 49
3.2.4 顯示控件 49
3.2.5 標(biāo)簽 49
3.2.6 列表和表格 50
3.3 菜單和操作 50
3.3.1 課堂案例——制作旅游類App個(gè)人中心頁(yè) 50
3.3.2 活動(dòng)視圖 61
3.3.3 按鈕 61
3.3.4 上下文菜單 61
3.3.5 編輯菜單 62
3.3.6 菜單 62
3.3.7 彈出式按鈕 62
3.3.8 下拉式按鈕 63
3.3.9 工具欄 63
3.4 導(dǎo)航和搜索 63
3.4.1 課堂案例——制作旅游類App首頁(yè) 63
3.4.2 導(dǎo)航欄 74
3.4.3 搜索欄 74
3.4.4 邊欄 74
3.4.5 標(biāo)簽欄 75
3.5 呈現(xiàn)方式 75
3.5.1 課堂案例——制作旅游類App引導(dǎo)頁(yè) 75
3.5.2 操作表單 79
3.5.3 提醒 79
3.5.4 頁(yè)面控件 80
3.5.5 彈窗 80
3.5.6 滾動(dòng)視圖 80
3.5.7 表單 80
3.5.8 窗口 81
3.6 選擇和輸入 82
3.6.1 課堂案例——制作旅游類App登錄頁(yè) 82
3.6.2 顏色池 87
3.6.3 選擇器 88
3.6.4 分段控件 88
3.6.5 滑塊 89
3.6.6 步進(jìn)器 89
3.6.7 文本框 89
3.6.8 切換 90
3.6.9 虛擬鍵盤 90
3.7 狀態(tài) 90
3.7.1 課堂案例——制作旅游類App消息頁(yè) 90
3.7.2 儀表 96
3.7.3 進(jìn)度指示符 96
3.8 課堂練習(xí)——制作旅游類App訂購(gòu)房型頁(yè) 97
3.9 課后習(xí)題——制作旅游類App定制路線頁(yè) 98
第4章 Android系統(tǒng)界面設(shè)計(jì)
4.1 操作組件 100
4.1.1 課堂案例——制作家具類App詳情頁(yè) 100
4.1.2 常規(guī)按鈕 112
4.1.3 懸浮操作按鈕 113
4.1.4 擴(kuò)展懸浮操作按鈕 114
4.1.5 圖標(biāo)按鈕 115
4.1.6 分段按鈕 116
4.2 反饋組件 116
4.2.1 課堂案例——制作家具類App分類頁(yè) 116
4.2.2 角標(biāo) 121
4.2.3 進(jìn)度指示器 122
4.2.4 底部提示欄 122
4.2.5 工具提示 123
4.3 容器組件 124
4.3.1 課堂案例——制作家具類App個(gè)人中心頁(yè) 124
4.3.2 卡片 128
4.3.3 走馬燈 129
4.3.4 對(duì)話框 130
4.3.5 分隔線 131
4.3.6 列表 131
4.4 導(dǎo)航組件 133
4.4.1 課堂案例——制作家具類App首頁(yè) 133
4.4.2 底部應(yīng)用欄 142
4.4.3 導(dǎo)航欄 142
4.4.4 抽屜式導(dǎo)航 143
4.4.5 導(dǎo)航軌道 144
4.4.6 搜索 145
4.4.7 選項(xiàng)卡 146
4.4.8 頂部應(yīng)用欄 147
4.5 選擇組件 147
4.5.1 課堂案例——制作家具類App購(gòu)物車頁(yè) 147
4.5.2 復(fù)選框 153
4.5.3 紙片 154
4.5.4 菜單 154
4.5.5 單選按鈕 155
4.5.6 滑塊 155
4.5.7 開關(guān) 156
4.6 文本輸入組件 157
4.6.1 課堂案例——制作家具類App注冊(cè)頁(yè) 157
4.6.2 文本域 160
4.7 課堂練習(xí)——制作家具類App引導(dǎo)頁(yè) 161
4.8 課后習(xí)題——制作家具類App搜索頁(yè) 162
第5章 App界面設(shè)計(jì)實(shí)戰(zhàn)
5.1 閃屏頁(yè) 164
5.1.1 品牌推廣型 164
5.1.2 活動(dòng)廣告型 164
5.1.3 節(jié)日關(guān)懷型 165
5.2 引導(dǎo)頁(yè) 166
5.2.1 功能說(shuō)明型 166
5.2.2 產(chǎn)品推廣型 166
5.3 首頁(yè) 167
5.3.1 列表型 167
5.3.2 網(wǎng)格型 167
5.3.3 卡片型 168
5.3.4 綜合型 168
5.4 個(gè)人中心頁(yè) 168
5.5 詳情頁(yè) 169
5.6 登錄頁(yè) 169
5.7 課堂案例——制作“三餐”美食App 170
5.8 課堂練習(xí)——制作“侃侃”社交App 217
5.9 課后習(xí)題——制作“潮貨”電商App 218