第 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
第３章　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
第４章　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