本書較為全面地講解了移動端UI界面的設(shè)計(jì)與制作,以培養(yǎng)學(xué)生的UI設(shè)計(jì)理念和方法為基礎(chǔ),結(jié)合Photoshop、Illustrator等軟件,有針對性地剖析設(shè)計(jì)制作的實(shí)施策略與過程,以訓(xùn)練和提高學(xué)生UI界面設(shè)計(jì)的制作技能。全書共6章,內(nèi)容包括初識移動端界面設(shè)計(jì)、色彩在移動的界面中的應(yīng)用、移動端界面版式設(shè)計(jì)的原則、 移動端界面設(shè)計(jì)的基礎(chǔ)、不同的界面風(fēng)格,以及綜合案例。特別是在綜合案例中,通過不同界面風(fēng)格的多個(gè)遞進(jìn)的設(shè)計(jì)實(shí)例,從任務(wù)分析、功能定位、制作步驟入手對界面設(shè)計(jì)的制作進(jìn)行全過程講解。本書結(jié)構(gòu)合理、內(nèi)容翔實(shí)、圖文并茂,將藝術(shù)設(shè)計(jì)的知識與技巧融入其中,引導(dǎo)讀者進(jìn)行思考及軟件操作實(shí)踐,提升讀者的審美、審藝能力,使之盡快成為具有先進(jìn)設(shè)計(jì)思想和理念的平面設(shè)計(jì)實(shí)用型、技能型人才。本書適合職業(yè)院校界面設(shè)計(jì)相關(guān)專業(yè)使用,也可作為界面設(shè)計(jì)初學(xué)者的入門參考書。
崔建成,島科技大學(xué)藝術(shù)學(xué)院副教授、碩士生導(dǎo)師、圖形圖像設(shè)計(jì)中心主任、全國信息化計(jì)算機(jī)應(yīng)用高級交互設(shè)計(jì)師;主要研究方向:視覺傳達(dá)藝術(shù)設(shè)計(jì)、數(shù)字媒體藝術(shù)設(shè)計(jì)。多年來一直從事教學(xué)與研究工作,先后出版30余部學(xué)術(shù)著作及教材。其中,主持完成的由高等教育出版社出版的《實(shí)用美術(shù)基礎(chǔ)》、電子工業(yè)出版社出版的《移動端UI設(shè)計(jì)》等4部教材先后入選國家“十二五”、“十三五”職業(yè)教育規(guī)劃教材;主持完成山東省一流本科課程《中國傳統(tǒng)書籍裝幀設(shè)計(jì)虛擬仿真實(shí)驗(yàn)項(xiàng)目》;主持完成教育部協(xié)同育人課程體系改革項(xiàng)目《書刊編輯學(xué)》精品在線開放課程等多項(xiàng)省部級教科研項(xiàng)目。
第1章 初識移動端界面設(shè)計(jì) 001
1.1 移動端界面設(shè)計(jì)的概述 001
1.1.1 移動端界面設(shè)計(jì)的范疇 003
1.1.2 移動端界面設(shè)計(jì)的原則 003
1.2 主流平臺與設(shè)計(jì)規(guī)范 005
1.2.1 iOS與基本設(shè)計(jì)規(guī)范 005
1.2.2 Android與基本設(shè)計(jì)規(guī)范 006
1.2.3 移動端界面設(shè)計(jì)優(yōu)秀案例 007
第2章 色彩在移動界面中的應(yīng)用 010
2.1 終端顯示色彩基本知識 011
2.2 色彩的組成 012
2.3 色彩的對比 014
2.3.1 色相對比 015
2.3.2 明度對比 015
2.3.3 純度對比 016
2.3.4 補(bǔ)色對比 016
2.3.5 冷暖對比 017
2.3.6 面積對比 017
2.4 色彩的調(diào)和 018
2.4.1 同類色的調(diào)和 018
2.4.2 近似色的調(diào)和 019
2.4.3 對比色的調(diào)和 019
2.4.4 漸變色的調(diào)和 020
2.5 色調(diào)的變化 021
2.6 移動界面色彩搭配原則 023
2.6.1 界面色彩搭配層級 024
2.6.2 色彩搭配應(yīng)注意的問題 027
2.7 界面設(shè)計(jì)配色技巧 029
第3章 移動端界面設(shè)計(jì)要素 035
3.1 移動端界面構(gòu)成要素 035
3.1.1 啟動圖標(biāo) 035
3.1.2 啟動頁 036
3.1.3 引導(dǎo)頁 036
3.1.4 登錄注冊頁 037
3.1.5 缺省頁 038
3.1.6 首頁 038
3.1.7 模塊頁 039
3.2 設(shè)計(jì)表現(xiàn)方法 040
3.2.1 紙上法 040
3.2.2 軟件法 041
3.3 風(fēng)格確定 041
3.3.1 扁平化 042
3.3.2 新擬物化 049
3.3.3 3D化 050
3.4 應(yīng)注意的問題 050
第4章 移動端界面版式設(shè)計(jì) 053
4.1 移動端界面常見版式 053
4.1.1 列表式布局 053
4.1.2 宮格式布局 054
4.1.3 卡片式布局 054
4.1.4 瀑布流式布局 055
4.1.5 多面板式布局 056
4.1.6 旋轉(zhuǎn)木馬式布局 056
4.1.7 彈出框式布局 057
4.1.8 抽屜式布局 057
4.2 版式設(shè)計(jì)應(yīng)注意的問題 058
4.3 版式設(shè)計(jì)案例分析 060
第5章 移動端界面圖標(biāo)與組件設(shè)計(jì) 064
5.1 認(rèn)識圖標(biāo) 064
5.1.1 圖標(biāo)類型 064
5.1.2 圖標(biāo)設(shè)計(jì)形式 065
5.1.3 圖標(biāo)設(shè)計(jì)規(guī)范 066
5.1.4 圖標(biāo)設(shè)計(jì)應(yīng)注意的問題 067
5.2 認(rèn)識組件 070
5.2.1 組件類型 070
5.2.2 組件規(guī)范 071
5.3 圖標(biāo)與組件的設(shè)計(jì)與制作 072
5.3.1 圖標(biāo)的設(shè)計(jì)與制作 072
5.3.2 開關(guān)控件制作(見圖5-44) 075
第6章 界面風(fēng)格的設(shè)計(jì)與制作 082
6.1 扁平化風(fēng)格界面的設(shè)計(jì)與制作 082
6.1.1 正確認(rèn)識扁平化風(fēng)格 082
6.1.2 移動端扁平化風(fēng)格界面制作 083
6.2 寫實(shí)化風(fēng)格界面設(shè)計(jì)與制作 091
6.3 卡通繪畫風(fēng)格界面設(shè)計(jì)與制作 103
第7章 綜合案例 109
7.1 輸入法皮膚的設(shè)計(jì)與制作 109
7.1.1 輸入法皮膚設(shè)計(jì)原則 109
7.2.2 輸入法界面設(shè)計(jì)案例解析 111
7.2 移動手機(jī)端應(yīng)用界面設(shè)計(jì)制作 113
7.3 游戲界面設(shè)計(jì)與制作 121
7.4 音樂播放器App 127
7.5 新生報(bào)到小程序 138
?