移动端UI设计

本书较为全面地讲解了移动端UI界面的设计与制作，以培养学生的UI设计理念和方法为基础，结合Photoshop、Illustrator等软件，有针对性地剖析设计制作的实施策略与过程，以训练和提高学生UI界面设计的制作技能。全书共6章，内容包括初识移动端界面设计、色彩在移动的界面中的应用、移动端界面版式设计的原则、 移动端界面设计的基础、不同的界面风格，以及综合案例。特别是在综合案例中，通过不同界面风格的多个递进的设计实例，从任务分析、功能定位、制作步骤入手对界面设计的制作进行全过程讲解。本书结构合理、内容翔实、图文并茂，将艺术设计的知识与技巧融入其中，引导读者进行思考及软件操作实践，提升读者的审美、审艺能力，使之尽快成为具有优选设计思想和理念的平面设计实用型、技能型人才。本书适合职业院校界面设计相关专业使用，也可作为界面设计初学者的入门参考书。

崔建成，男，1965年生于文登市，毕业于山东师范大学。1987年进入山东省青岛工艺美术学校CAD中心从事计算机辅助设计工作，现为青岛科技大学文学与艺术学院副教授，实训中心副主任。

   第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