移动UI界面设计（微课版）

内容提要本书主要讲解了iOS和Android这2种主流智能手机操作系统界面和APP元素，基本风格，全面解析了各类APP界面的具体绘制方法与技巧。本书共5章。章，主要讲解移动UI的设计概论，度量单位、图片格式、设计原则、设计流程以及当今主流系统的基本知识。第2章至第3章，分别讲解了iOS、Android2种主流智能手机操作系统设计规范和设计原则，以及图形、控件、图标和完整界面的集体制作方法。第4章，主要通过APP的应用实战来向用户展示如何制作不同类型的APP界面。本书配套源文件和教学视频，读者可以结合书、练习文件和教学视频，提升APP界面设计学习效率。本书适合UI设计爱好者、APP界面设计从业者阅读，也适合作为各院校相关设计专业的参考教材。

第 1章移动UI设计基础

1.1　UI设计概论　2

1.1.1　什么是UI设计　2

1.1.2　什么是APP　3

1.1.3　手机APP UI与平面UI的区别　6

1.1.4　用于制作APP UI的常用软件　7

1.2　手机界面设计尺寸的度量单位　13

1.2.1　英寸　13

1.2.2　分辨率　14

1.2.3　屏幕密度　15

1.2.4　网点密度　16

1.3　常见的图片格式　16

1.3.1　位图　16

1.3.2　矢量图　20

1.4　APP UI的设计原则　21

1.4.1　视觉一致性原则　21

1.4.2　视觉简易性原则　22

1.4.3　从用户的考虑角度出发　23

1.5　手机界面的色彩搭配与视觉效果　23

1.5.1　冷暖色调的对比　23

1.5.2　色彩的意向　24

1.5.3　色彩的搭配技巧　25

1.5.4　APP界面配色原则　26

1.5.5　APP UI设计的用色规范　28

1.6　APP的设计流程　29

1.6.1　简单大方的设计理念　29

案例　绘制相机图标　30

1.6.2　的设计创意　33

1.6.3　全面分析应用需求　34

1.6.4　确认APP的设计工作　34

1.7　APP移动端的设计趋势　35

1.7.1　专注用户体验　35

1.7.2　使用模糊的背景　36

案例　绘制登陆界面　36

1.7.3　简单的导航模式　40

1.7.4　大胆而醒目的字体运用　40

1.7.5　更简单的配色　41

1.7.6　用户界面的情景感知　41

1.8　主流手机系统的发展历程　42

1.8.1　iOS系统　42

1.8.2　Android系统　45

1.8.3　Windows Phone系统　49

1.9　不同系统UI视觉的主要组成要素及特征　51

1.9.1　iOS系统中的组成要素及特征　51

1.9.2　Android系统中的组成要素及特征　53

1.9.3　Windows Phone系统　55

1.9.4　手机系统的发展前景　57

1.10　专家支招　58

1.10.1　App屏幕设计禁忌　58

1.10.2　App文字设计禁忌　59

1.10.3　App按钮图标设计禁忌　59

1.10.4　APP选项设计禁忌　60

1.10.5　APP空间设计禁忌　60

1.11　总结扩展　61

1.11.1　本章小结　61

1.11.2　举一反三——绘制时钟图标　61

第　2章 iOS APP系统应用

2.1　iOS UI设计基础　64

2.1.1　iOS的设计特色　64

2.1.2　适应性和布局　68

2.1.3　停止与启动　71

2.1.4　导航　72

2.1.5　模态情景　73

2.1.6　交互性与反馈　74

2.1.7　动画　76

2.1.8　颜色和字体　77

2.2　iOS的界面设计规范　80

2.2.1　iOS界面设计尺寸　80

2.2.2　iOS设计元素尺寸　81

2.2.3　iOS界面图标尺寸　81

2.2.4　iOS界面文本尺寸　82

2.3　iOS的图标运用　83

2.3.1　iOS图标设计的原则　83

2.3.2　iOS应用程序图标　85

案例　绘制日历图标　86

2.3.3　栏按钮图标　90

2.4　iOS用户界面元素　92

2.4.1　状态栏　92

2.4.2　导航栏　93

2.4.3　标签栏　94

案例　制作面　94

2.4.4　搜索栏　103

2.4.5　工具栏　103

案例　制作界面　104

2.4.6　表格视图　108

案例　制作表格视图　109

2.4.7　活动视图　114

2.4.8　动作　114

2.4.9　警告提醒　115

2.4.10　编辑菜单　116

2.4.11　浮动框　116

2.4.12　模态视图　116

2.5　控件的绘制　117

2.5.1　活动指