移动端UI设计

第1章 初识移动端界面设计 1
1．1 移动端界面设计的特点 1
1．1．1 手机移动端界面设计的原则 3
1．1．2 PDA及车载移动设备界面的设计特点 4
1．1．3 移动端界面设计应注意的问题 5
1．2 三大主流平台与设计规范 6
1．2．1 iOS平台与设计的基本规范 6
1．2．2 Android平台与设计的基本规范 7
1．2．3 Windows平台与设计的基本规范 10
1．2．4 常用移动端界面优秀案例 13
思考与练习 13
第2章 色彩在移动的界面中的应用 14
2．1 色彩的基本知识 15
2．2 色彩的组成 16
2．3 色彩对比 18
2．3．1 色相对比 18
2．3．2 明度对比 19
2．3．3 纯度对比 20
2．3．4 补色对比 20
2．3．5 冷暖对比 21
2．3．6 面积对比 21
2．4 色彩的调和 22
2．4．1 同类色的调和 22
2．4．2 近似色的调和 23
2．4．3 对比色的调和 24
2．4．4 渐变色的调和 24
2．5 色调的变化 25
2．6 移动端界面色彩搭配的原则 28
2．6．1 UI三色搭配原则 29
2．6．2 色彩搭配应注意的问题 31
2．7 界面设计的配色技巧 33
思考与练习 37
第3章 移动端界面版式设计的原则 38
3．1 纸上布局法 38
3．2 软件布局法 39
3．3 确定整体风格 40
3．4 移动端界面常用的布局形式 49
3．5 界面构图的方法 54
思考与练习 56
第4章 移动端界面设计的基础 57
4．1 基础图形的绘制 57
4．1．1 认识图标 57
4．1．2 基础图形在移动端界面的应用 59
4．2 常见控件的设计 63
4．2．1 绘制立体开关控件 64
4．2．2 图标的设计 69
4．3 导航的设计模式 73
思考与练习 76
第5章 不同的界面风格 77
5．1 扁平化风格界面的设计制作 77
5．1．1 正确认识扁平化风格 77
5．1．2 移动端扁平化风格界面的制作 78
5．2 写实化风格界面的设计制作 86
5．3 卡通绘画风格界面的设计制作 98
思考与练习 103
第6章 综合案例 104
6．1 输入法皮肤的设计制作 104
6．1．1 输入法皮肤设计的原则 104
6．1．2 输入法设计案例解析 106
6．2 移动手机端应用界面的设计制作 109
6．2．1 移动手机端界面设计的基本原则 109
6．2．2 iPhone端App界面设计解析 110
6．3 移动端平板游戏界面的设计制作 119
6．3．1 平板界面的设计规范 119
6．3．2 iPad端的游戏界面设计解析 122
6．3．3 音乐播放器App 128
综合练习 140