Photoshop CC 移動UI設計案例教程(全彩慕課版)(第2版)
劉軍偉 孫楊高 邢亞男
相關主題
商品描述
本書全面、系統地介紹移動UI設計的相關知識,具體包括初識移動UI設計、移動UI設計規範、iOS系統界面設計、Android系統界面設計和App界面設計實戰等內容。
本書以課堂案例為主線,通過案例操作,學生能夠盡快熟悉移動UI設計的思路與流程。書中的知識講解部分用於幫助學生瞭解移動UI設計的各類規範;課堂練習和課後習題部分用於提高學生的實際應用能力,拓寬學生的設計思路;設計實戰部分用於幫助學生綜合運用所學知識,順利達到移動UI設計實戰水平。
作者簡介
刘军伟,男,汉族,1980年出生,山东潍坊人,2003年毕业于淮北煤炭师范学院(现淮北师范大学)计算机科学与技术专业,现为无锡科技职业学院副教授。中国计算机学会高级会员。曾获金砖国家职业技能大赛优秀专家、江苏省职业院校技能大赛优秀指导教师、区优秀教育工作者、区教书育人模范人物、校优秀教师、校优秀共产党员、校守正教学之星等称号。主编教材2部;近年来主持或作为核心成员参与省级以上科研项目6项;撰写论文10余篇,其中EI期刊1篇;指导学生获省级以上技能大赛获奖9项;申获发明专利1项,实用新型专利6项。
目錄大綱
第 1章 初識移動UI設計
1.1 移動UI設計的相關概念 2
1.1.1 UI設計的概念 2
1.1.2 移動UI設計的概念 2
1.1.3 App的概念 3
1.2 移動UI設計的操作平臺 3
1.2.1 iOS平臺 3
1.2.2 Android系統平臺 4
1.3 移動UI設計的特點 4
1.4 移動UI設計的常用軟件 5
1.4.1 界面設計類軟件 5
1.4.2 動效設計類軟件 6
1.4.3 網頁設計類軟件 7
1.4.4 三維渲染類軟件 7
1.4.5 思維導圖設計類軟件 8
1.4.6 交互原型設計類軟件 8
1.5 移動UI設計的流程 9
1.5.1 分析調研 10
1.5.2 交互設計 10
1.5.3 交互自查 11
1.5.4 界面設計 11
1.5.5 界面測試 12
1.5.6 設計驗證 12
第2章 移動UI設計規範
2.1 iOS設計規範 14
2.1.1 iOS設計單位及尺寸 14
2.1.2 iOS界面結構 15
2.1.3 iOS基本佈局 16
2.1.4 iOS字體規範 18
2.1.5 iOS圖標規範 19
2.2 Android系統設計規範 22
2.2.1 Android系統設計單位及尺寸 22
2.2.2 Android系統界面結構 23
2.2.3 Android系統基本佈局 23
2.2.4 Android系統字體規範 26
2.2.5 Android系統圖標規範 26
第3章 iOS界面設計
3.1 內容 32
3.1.1 課堂案例——製作旅游類App閃屏頁 32
3.1.2 圖表 34
3.1.3 圖像視圖 34
3.1.4 文本視圖 34
3.1.5 網頁視圖 35
3.2 佈局和組織 35
3.2.1 課堂案例——製作旅游類App酒店詳情頁 35
3.2.2 方框 48
3.2.3 集合 49
3.2.4 顯示控件 49
3.2.5 標簽 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 導航和搜索 63
3.4.1 課堂案例——製作旅游類App首頁 63
3.4.2 導航欄 74
3.4.3 搜索欄 74
3.4.4 邊欄 74
3.4.5 標簽欄 75
3.5 呈現方式 75
3.5.1 課堂案例——製作旅游類App引導頁 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 狀態 90
3.7.1 課堂案例——製作旅游類App消息頁 90
3.7.2 儀表 96
3.7.3 進度指示符 96
3.8 課堂練習——製作旅游類App訂購房型頁 97
3.9 課後習題——製作旅游類App定製路線頁 98
第4章 Android系統界面設計
4.1 操作組件 100
4.1.1 課堂案例——製作傢具類App詳情頁 100
4.1.2 常規按鈕 112
4.1.3 懸浮操作按鈕 113
4.1.4 擴展懸浮操作按鈕 114
4.1.5 圖標按鈕 115
4.1.6 分段按鈕 116
4.2 反饋組件 116
4.2.1 課堂案例——製作傢具類App分類頁 116
4.2.2 角標 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 導航組件 133
4.4.1 課堂案例——製作傢具類App首頁 133
4.4.2 底部應用欄 142
4.4.3 導航欄 142
4.4.4 抽屜式導航 143
4.4.5 導航軌道 144
4.4.6 搜索 145
4.4.7 選項卡 146
4.4.8 頂部應用欄 147
4.5 選擇組件 147
4.5.1 課堂案例——製作傢具類App購物車頁 147
4.5.2 復選框 153
4.5.3 紙片 154
4.5.4 菜單 154
4.5.5 單選按鈕 155
4.5.6 滑塊 155
4.5.7 開關 156
4.6 文本輸入組件 157
4.6.1 課堂案例——製作傢具類App註冊頁 157
4.6.2 文本域 160
4.7 課堂練習——製作傢具類App引導頁 161
4.8 課後習題——製作傢具類App搜索頁 162
第5章 App界面設計實戰
5.1 閃屏頁 164
5.1.1 品牌推廣型 164
5.1.2 活動廣告型 164
5.1.3 節日關懷型 165
5.2 引導頁 166
5.2.1 功能說明型 166
5.2.2 產品推廣型 166
5.3 首頁 167
5.3.1 列表型 167
5.3.2 網格型 167
5.3.3 卡片型 168
5.3.4 綜合型 168
5.4 個人中心頁 168
5.5 詳情頁 169
5.6 登錄頁 169
5.7 課堂案例——製作“三餐”美食App 170
5.8 課堂練習——製作“侃侃”社交App 217
5.9 課後習題——製作“潮貨”電商App 218