本書圍繞UI 設(shè)計師崗位能力要求,在認真分析職業(yè)崗位需求和學(xué)生認知規(guī)律的基礎(chǔ)上全面規(guī)劃和組織內(nèi)容,合理安排教學(xué)單元的順序。全書共分為6 章,主要內(nèi)容包括:移動端UI 設(shè)計概述;移動產(chǎn)品設(shè)計流程與用戶體驗;UI 界面設(shè)計原則與規(guī)范;UI 設(shè)計藝術(shù)表現(xiàn);UI 元素設(shè)計;UI 設(shè)計實戰(zhàn)。本書包含了大量精美的界面元素、APP 應(yīng)用界面視覺設(shè)計的案例,利用較詳細的布局規(guī)劃、創(chuàng)意思維、配色方案、組件分析等來對案例的創(chuàng)作思路進行闡述,向讀者介紹移動UI 視覺設(shè)計的創(chuàng)作技巧。本書主要適用于高等學(xué)校移動互聯(lián)應(yīng)用技術(shù)專業(yè)和藝術(shù)設(shè)計相關(guān)專業(yè)的學(xué)生,也可作為移動終端UI設(shè)計人員的入門用書。為方便教學(xué),本書提供電子課件等教學(xué)資源,請登錄華信教育資源網(wǎng)(www.hxedu.com.cn)免費下載。
朱穎博,女,北京郵電大學(xué)世紀學(xué)院藝術(shù)與傳媒學(xué)院講師。研究方向:設(shè)計藝術(shù)學(xué)、數(shù)字媒體藝術(shù)教育經(jīng)歷:2006年7月畢業(yè)于北京印刷學(xué)院藝術(shù)設(shè)計專業(yè),獲學(xué)士學(xué)位;2009年4月畢業(yè)于北京印刷學(xué)院設(shè)計藝術(shù)學(xué)專業(yè),獲碩士學(xué)位。所獲獎勵:2011年11月,獲得第五屆全國數(shù)字藝術(shù)設(shè)計大賽優(yōu)秀指導(dǎo)教師; 2013年12月,教育部教育管理信息中心授予第八屆全國信息技術(shù)應(yīng)用水平大賽*佳指導(dǎo)教師獎。
第1章 移動端UI設(shè)計概述
1.1 移動媒體 2
1.2 UI設(shè)計 2
1.2.1 UI的范疇 2
1.2.2 移動端UI設(shè)計 5
1.3 UI設(shè)計的歷史與現(xiàn)狀 5
1.3.1 圖形界面發(fā)展歷史 5
1.3.2 UI設(shè)計的方向 16
第2章 移動產(chǎn)品設(shè)計流程與用戶體驗
2.1 移動產(chǎn)品開發(fā)設(shè)計的五個
層次 20
2.1.1 戰(zhàn)略層設(shè)計 20
2.1.2 范圍層設(shè)計 21
2.1.3 結(jié)構(gòu)層設(shè)計 22
2.1.4 框架層設(shè)計 22
2.1.5 表現(xiàn)層設(shè)計 23
2.2 設(shè)計流程中的用戶體驗
設(shè)計 23
2.2.1 用戶體驗概念 23
2.2.2 用戶體驗價值 24
2.2.3 用戶體驗?zāi)P?24
2.2.4 用戶體驗引入工作
流程 25
2.3 移動設(shè)計操作流程 34
2.3.1 流程圖 34
2.3.2 移動設(shè)計階段與分工 36
第3章 UI界面設(shè)計原則與規(guī)范
3.1 UI界面設(shè)計原則 42
3.1.1 一致性原則 42
3.1.2 簡潔性原則 43
3.1.3 人性化原則 44
3.2 UI界面設(shè)計規(guī)范 44
3.2.1 界面尺寸及適配規(guī)范 44
3.2.2 iOS界面設(shè)計規(guī)范 47
第4章 UI設(shè)計藝術(shù)表現(xiàn)
4.1 UI視覺設(shè)計流程 50
4.2 移動端UI視覺風(fēng)格要素 51
4.2.1 文字 51
4.2.2 圖形圖像 55
4.2.3 色彩 56
4.2.4 版式 57
4.3 UI設(shè)計風(fēng)格與手法 61
4.3.1 擬物化 61
4.3.2 扁平化 64
4.3.3 Material Design 65
4.3.4 繪畫風(fēng)格 67
4.3.5 攝影風(fēng)格 69
4.4 UI色彩設(shè)計 74
4.4.1 色彩基礎(chǔ)知識 74
4.4.2 UI色彩設(shè)計技巧 76
4.4.3 UI色彩搭配方式 77
第5章 UI元素設(shè)計
5.1 圖標設(shè)計 86
5.1.1 圖標概述 86
5.1.2 圖標尺寸與類型 86
5.1.3 圖標隱喻設(shè)計 87
5.1.4 圖標設(shè)計過程 89
5.2 UI控件設(shè)計 92
5.2.1 UI控件概述 92
5.2.2 UI常見控件 92
5.2.3 UI控件質(zhì)感設(shè)計 109
第6章 UI設(shè)計實戰(zhàn)
6.1 原型設(shè)計 114
6.1.1 原型設(shè)計類型 114
6.1.2 常用原型設(shè)計軟件 115
6.1.3 Axure RP實戰(zhàn)操作 118
6.2 界面實戰(zhàn)制作 133
6.2.1 常用界面制作軟件 133
6.2.2 實操案例 134
6.3 設(shè)計資源 146
6.3.1 字庫資源 146
6.3.2 圖庫資源 146
6.3.3 交流論壇 147
參考文獻 149