第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
展开
