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