本书主要讲解了iOS、Android和Windows Phone这三种主流智慧型手机的作业系统界面、App元素和基本风格，全面解析了各类App界面的具体绘製方法与技巧。

本书共5章。第1章和第2章主要讲解智慧型手机的分类、设计原则、图形元素的格式和App的设计流程等App
界面设计基础知识。第3章至第5章分别讲解了iOS、Android和Windows Phone三种主流智慧型手机作业系统设计规範和设计原则，以及图形、控制项、图示和完整界面的具体製作方法。

本书适合UI设计爱好者、App界面设计从业者阅读，也适合作为各院校相关设计专业的教材。

第1章 手机UI设计基本概念　1

1.1　关于手机　2

1.1.1　手机的分类　2

1.1.2　手机的解析度　3

1.1.3　手机的色彩级别　3

1.2　了解UI设计　3

1.2.1　什幺是UI设计　4

1.2.2　手机UI设计　4

1.2.3　手机UI设计的特点　4

1.2.4　手机UI与平面UI的区别　5

1.3　手机界面设计的原则　5

1.3.1　界面效果的整体性和一致性　5

1.3.2　界面效果的个性化　5

1.3.3　界面视觉元素的规範　6

1.4　手机界面设计的流程　6

1.4.1　确认设计对象　6

1.4.2　绘製设计草稿　7

1.4.3　完成界面绘製　7

1.4.4　输出正确格式　8

1.5　图示的格式和大小　8

1.5.1　PNG、GIF和JPEG格式　8

1.5.2　其他格式　9

1.5.3　图示的大小　9

1.6　设计尺寸的单位　10

1.6.1　解析度　10

1.6.2　英寸　10

1.6.3　网点密度　11

1.6.4　萤幕密度　11

1.7　常用软体工具　12

1.7.1　Photoshop　12

1.7.2　Illustrator　12

1.7.3　Flash　12

1.7.4　3DS Max　12

1.7.5　Iconcool studio和Image Optimizer　13

1.8　本章小结　13

练习题　14

第2章　常见的手机系统　15

2.1　苹果系统（iOS）　16

2.1.1　iOS界面特色　16

2.1.2　iOS的基础UI组件　16

2.1.3　iOS开发工具　16

2.1.4　iOS的设备　17

2.1.5　iOS 8与iOS 9　18

2.2　安卓系统（Android）　22

2.2.1　Android优势　23

2.2.2　Android界面特色　23

2.2.3　Android的基础UI组件　23

2.2.4　关于深度定製系统　23

2.3　Windows Phone作业系统　26

2.3.1　了解Windows Phone　26

2.3.2　Windows Phone 7与Windows Phone 8系统　26

2.3.3　Windows Phone 8系统特色　26

2.3.4　Windows Phone的基础UI组件　28

2.4　其他系统　28

2.4.1　Symbian作业系统　28

2.4.2　黑莓系统　28

2.5　本章小结　29

练习题　30

第3章　iOS系统套用　31

3.1　iOS App设计概述　32

3.1.1　关注主任务　32

3.1.2　提升用户关注内容的权重　32

3.1.3　使用方法明显、易显　32

3.1.4　使用以用户为中心的术语　33

3.1.5　界面元素要一致　33

3.2　iOS系统界面设计规範　33

3.2.1　确保程式通过　33

3.2.2　确保程式在iPhone和iPad上通用　34

3.2.3　重新考虑基于Web的设计　34

3.3　iOS系统基本图形绘製　34

案例　绘製iOS 9的解锁界面　35

案例　绘製iOS 9小图示　38

3.4　iOS系统控制项的绘製　40

案例　绘製iOS 9日期拾取器　44

案例　绘製iOS 9的分段控制项　47

3.5　iOS图示绘製　48

3.5.1　设计图示的特点　48

3.5.2　设计图示的标準　49

3.5.3　图示的分类　49

案例　绘製iOS 9的拨号图示　52

3.6　设计中的图片　54

案例　绘製扁平化图示　55

3.7　iOS 8与iOS 9界面对比　58

3.7.1　新字型　58

3.7.2　套用切换　59

3.7.3　Spotlight　59

3.7.4　电池使用细节　59

3.7.5　相机套用　59

3.7.6　分享界面　60

3.7.7　Siri界面　60

3.7.8　键盘大小写切换　60

3.7.9　听写界面　60

3.7.10　圆角　61

3.8　综合案例　61

综合案例——绘製滑动界面　61

综合案例——绘製iOS　9 游戏中心界面　64

综合案例——绘製游戏小界面　70

3.9　本章小结　76

练习题　77

第4章　Android系统套用　78

4.1　Android App UI概论　79

4.2　Android App UI设计原则　80

4.3　Androd界面设计风格　83

4.3.1　设备与显示　83

4.3.2　主题样式　83

4.3.3　单位和格线　83

4.3.4　触摸反应　84

4.3.5　字型　85

4.3.6　颜色　85

4.3.7　图示　85

案例　绘製Android通知图示　87

4.3.8　写作风格　89

4.4　Android App常用结构　89

4.5　控制项设计　90

案例　绘製Android固定选项卡　91

案例　绘製Android进度条　96

案例　绘製Android开关按钮　98

案例　绘製Android提示对话框　101

4.6　绘製启动图示　103

4.6.1　图示设计规範　104

案例　绘製Android电子信箱图示　104

4.6.2　图示的特点　109

4.6.3　绘製图示时的注意问题　109

4.6.4　图示类型　109

案例　绘製Android选择栏　110

4.7　特效的使用　112

4.8　综合案例　113

综合案例——绘製Android解锁界面　113

综合案例——绘製Android通知栏　117

4.9　本章小结　122

练习题　123

第5章　Windows Phone系统套用　124

5.1　Windows Phone App设计特点　125

5.2　Windows Phone App设计原则　126

5.3　界面设计框架　127

5.3.1　页面标题　127

5.3.2　进度指示器　127

5.3.3　滚动查看器　128

5.3.4　主题　128

5.4　UI设计的分类　128

5.4.1　开始萤幕　128

5.4.2　萤幕方向　129

5.4.3　通知　129

5.4.4　文本字型　129

5.4.5　状态栏　130

5.5　应用程式控制项设计　130

5.5.1　应用程式控制项分类　130

5.5.2　系统控制项规範　132

5.6　Windows Phone 图示绘製　133

5.7　综合案例　134

综合案例——绘製Windows　Phone语音设计界面　134

综合案例——绘製Windows　Phone应用程式界面　136

综合案例——绘製Windows　Phone可爱游戏界面　141

5.8　本章小结　148

练习题　149

附录一　Android M作业系统前瞻　150

附录二　Windows Phone　10

作业系统前瞻　152