第1章 初識移動端界面設(shè)計 001
1.1 移動端界面設(shè)計的概述 001
1.1.1 移動端界面設(shè)計的范疇 003
1.1.2 移動端界面設(shè)計的原則 003
1.2 主流平臺與設(shè)計規(guī)范 005
1.2.1 iOS與基本設(shè)計規(guī)范 005
1.2.2 Android與基本設(shè)計規(guī)范 006
1.2.3 移動端界面設(shè)計優(yōu)秀案例 007
第2章 色彩在移動界面中的應用 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 補色對比 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 色彩搭配應注意的問題 027
2.7 界面設(shè)計配色技巧 029
第3章 移動端界面設(shè)計要素 035
3.1 移動端界面構(gòu)成要素 035
3.1.1 啟動圖標 035
3.1.2 啟動頁 036
3.1.3 引導頁 036
3.1.4 登錄注冊頁 037
3.1.5 缺省頁 038
3.1.6 首頁 038
3.1.7 模塊頁 039
3.2 設(shè)計表現(xiàn)方法 040
3.2.1 紙上法 040
3.2.2 軟件法 041
3.3 風格確定 041
3.3.1 扁平化 042
3.3.2 新擬物化 049
3.3.3 3D化 050
3.4 應注意的問題 050
第4章 移動端界面版式設(shè)計 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è)計應注意的問題 058
4.3 版式設(shè)計案例分析 060
第5章 移動端界面圖標與組件設(shè)計 064
5.1 認識圖標 064
5.1.1 圖標類型 064
5.1.2 圖標設(shè)計形式 065
5.1.3 圖標設(shè)計規(guī)范 066
5.1.4 圖標設(shè)計應注意的問題 067
5.2 認識組件 070
5.2.1 組件類型 070
5.2.2 組件規(guī)范 071
5.3 圖標與組件的設(shè)計與制作 072
5.3.1 圖標的設(shè)計與制作 072
5.3.2 開關(guān)控件制作（見圖5-44） 075
第6章 界面風格的設(shè)計與制作 082
6.1 扁平化風格界面的設(shè)計與制作 082
6.1.1 正確認識扁平化風格 082
6.1.2 移動端扁平化風格界面制作 083
6.2 寫實化風格界面設(shè)計與制作 091
6.3 卡通繪畫風格界面設(shè)計與制作 103
第7章 綜合案例 109
7.1 輸入法皮膚的設(shè)計與制作 109
7.1.1 輸入法皮膚設(shè)計原則 109
7.2.2 輸入法界面設(shè)計案例解析 111
7.2 移動手機端應用界面設(shè)計制作 113
7.3 游戲界面設(shè)計與制作 121
7.4 音樂播放器App 127
7.5 新生報到小程序 138
?