第1章 一起踏入App的世界 8
1.1 初识App 8
1.1.1 什么是App 8
1.1.2 手机App与平面UI的区别 9
1.1.3 常见智能手机的操作系统 11
1.1.4 App的设计要点 14
1.1.5 常见App设计的经典案例 17
1.2 四大App主流应用商店 19
1.2.1 苹果商店 19
1.2.2 谷歌商店 20
1.2.3 惠普商店 20
1.2.4 黑莓商店 21
1.3 App的草图设计流程及方法 22
1.3.1 制作App的市场定位 22
1.3.2 草图的绘制 22
1.3.3 视觉设计 23
1.3.4 最终定案 24
1.4 常见App设备标准尺寸 25
1.4.1 屏幕尺寸 25
1.4.2 屏幕分辨率 27
1.4.3 屏幕密度 28
1.5 设备中图标尺寸大小规格 29
1.5.1 图标尺寸 30
1.5.2 图标格式 30
1.6 App的界面构成 31
1.6.1 导航栏 33
1.6.2 屏幕栏 34
1.6.3 下方按钮栏 34
1.7 给你的App一点颜色看看 35
1.7.1 冷暖色调对比 36
1.7.2 色彩搭配技巧 37
1.7.3 常见APP界面色彩 37
1.8 那些你不可不知的App分类 38
1.8.1 应用程序 38
1.8.2 欢迎界面 39
1.8.3 游戏APP设计 39
1.9 制作App常用的设计软件 40
1.9.1 Photoshop CS6 40
1.9.2 Illustrator CS6 40
第2章 App设计的特点和用户体验 42
2.1 App的特性 42
2.1.1 虚拟键盘 42
2.1.2 目录导航 43
2.1.3 功能操作 45
2.1.4 自上而下的操作 46
2.1.5 减少输入 47
2.1.6 足够大的按钮面积 47
2.1.7 多点触控手势 48
2.2 图标的设计要点 49
2.2.1 图标的可识别性 49
2.2.2 注重图标的创新性 53
2.2.3 图标设计的连续性 54
2.3 App的下载平台 56
2.3.1 安卓系统下载平台 59
2.3.2 iOS系统下载平台 60
2.3.3 Windows Phone系统下载平台 61
2.4 App与用户体验 62
2.4.1 App设计要点 63
2.4.2 用户体验 70
2.5 三大主流平台与App之间的关系 78
2.5.1 安卓平台 79
2.5.2 iOS平台 80
2.5.3 Windows Phone平台 81
第3章 Photoshop创作个性App 84
3.1 基础图形的绘制 84
3.1.1 圆形、椭圆 85
3.1.2 方形、长方形 88
3.1.3 圆角矩形 90
3.1.4 组合图形 92
3.1.5 虚线框 94
3.1.6 自定义形状 96
3.2 手机App中常见按钮的制作 98
3.2.1 开关 99
3.2.2 下拉选框 102
3.2.3 滑动条 104
3.2.4 对话框 106
3.3 让人过目不忘的启动图标 108
3.3.1 安卓系统启动图标 109
3.3.2 iOS系统启动图标 111
3.3.3 Windows系统启动图标 112
3.4 个性图标的制作 113
3.4.1 扁平化图标 114
3.4.2 高清质感图标 116
3.4.3 游戏图标 119
3.5 单击图标后的界面 123
3.5.1 手机App登录页面UI设计 124
3.5.2 手机App引导页UI设计 128
3.5.3 手机App启动页UI设计 131
3.6 化腐朽为神奇的图片效果处理 135
3.6.1 调整照片色调 136
3.6.2 画中画效果 138
3.6.3 外边框效果 140
3.6.4 卷页效果 142
第4章 界面要素决定App风格 149
4.1 扁平化风格界面制作 149
实战1 安卓手机界面扁平化风格制作 149
实战2 Windows手机界面扁平化风格制作 154
实战3 iOS 7手机界面扁平化风格制作 157
4.2 立体图标界面制作 161
实战1 彩虹立体按钮涂图标界面 161
实战2 水晶立体图标界面 167
实战3 金属质感界面 172
4.3 照片图像界面制作 176
实战1 日照光效界面 176
实战2 光效处理界面 180
实战3 翻页照片界面 185
4.4 写实风格界面制作 189
实战1 超写实风格界面 189
实战2 中国风写实木纹界面 193
4.5 绘画艺术界面制作 199
实战1 手绘涂鸦艺术界面 199
实战2 动漫风格艺术界面 205
实战3 矢量插画风格界面 211
第5章 不同应用系统界面 217
5.1 工具应用系统界面 217
实战1 通信主界面 217
实战2 闹钟应用界面 222
实战3 天气应用界面 226
实战4 手电应用界面 229
实战5 计算器应用界面 234
5.2 主题应用系统界面 239
实战1 超萌绘画界面 239
实战2 简洁创意界面 246
实战3 清新主题手机界面 251
5.3 程序软件应用系统界面 260
实战1 手机社交应用界面 260
实战2 手机相机应用界面 264
实战3 手机音乐应用界面 268
5.4 游戏应用系统界面 272
实战1 经典消除游戏界面 272
实战2 棋牌游戏界面 281
实战3 闯关游戏界面 290
附录 300
A App资源共享 300
A.1 App精致图标欣赏 300
A.2 你不可不知的优秀界面欣赏 301
A.3 你所需要的分层素材共享 302
B App界面构成组件 303
B.1 主屏模式 304
B.2 声音 305
B.3 显示 305
B.4 应用程序管理器 306
B.5 语言和输入 306
B.6 日期和时间 307
B.7 辅助功能 307
C App产品设计禁忌 308
C.1 App屏幕设计禁忌 308
C.2 App文字设计禁忌 310
C.3 App选项设计禁忌 311
C.4 App按钮图标设计禁忌 312
C.5 App空间性设计禁忌 314