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