创意UI——Photoshop玩转APP设计

图书目录:

目录

第 1 章 一起踏入APP 的世界

1.1 初识APP 8

1.1.1 什么是APP 8

1.1.2 手机APP 与平面UI 的区别 9

1.1.3 常见智能手机的操作系统 11

1.1.4 APP 的设计要点 15

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.1 屏幕尺寸 25

1.4 常见APP 设备标准尺寸 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 设计的特点和用户体验

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 重复与循环动作 45

2.2.2 连贯动作法和关键动作法 45

2.2.3 夸张的方式制作利于触碰 46

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

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.4.4 手机APP 启动页UI 设计 123

3.5 单击图标后的界面 127

3.5.1 手机APP 登录页面UI 设计 128

3.5.2 手机APP 引导页UI 设计 132

3.5.3 手机APP 启动页UI 设计 135

3.6 化腐朽为神奇的图片效果处理 139

3.6.1 调整照片色调 140

3.6.2 画中画效果 142

3.6.3 外边框效果 144

3.6.4 中国风写实木纹界面 146

3.6.5 卷页效果 152

第4 章 界面要素决定APP 风格

4.1 扁平化风格界面制作 159

实战1 安卓手机界面扁平化风格制作 159

实战2 windows 手机界面扁平化风格制作 164

实战3 iOS7 手机界面扁平化风格制作 167

4.2 立体图标界面制作 171

实战1 彩虹立体按钮涂图标界面 171

实战2 水晶立体图标界面 177

实战3 金属质感界面 182

4.3 照片图像界面制作 186

实战1 日照光效界面 186

实战2 光效处理界面 190

实战3 翻页照片界面 195

4.4 写实风格界面制作 199

实战1 超写实风格界面 199

实战2 中国风写实木纹界面 203

4.5 绘画艺术界面制作 209

实战1 手绘涂鸦艺术界面 209

实战2 动漫风格艺术界面 215

实战3 矢量插画风格界面 221

第5 章 不同应用系统应用

5.1 工具应用系统界面 227

实战1 安卓手机界面扁平化风格制作 227

实战2 闹钟应用界面 232

实战3 天气应用界面 236

实战4 手电应用界面 239

实战5 计算器应用界面 244

5.2 主题应用系统界面 249

实战1 超萌绘画界面 249

实战2 简洁创意界面 256

实战3 倾心主题手机界面 261

5.3 程序软件应用系统界面 270

实战 手机社交应用界面 270

实战2 手机相机应用界面 274

实战3 手机音乐应用界面 278

5.4 游戏应用系统界面 282

实战1 经典消除游戏界面 282

实战2 棋牌游戏界面 291

实战3 闯关游戏界面 300

附录

0 1 APP 资源共享 310

1.1 APP 精致图标欣赏 310

1.2 你不可不知的优 秀界面欣赏 311

1.3 你所需要的分层素材共享 312

0 2 APP 界面构成组件 313

2.1 主屏模式 314

2.2 声音 315

2.3 显示 315

2.4 应用程序管理器 316

2.5 语言和输入 316

2.6 日期和时间 317

2.7 辅助功能 317

0 3 App 产品设计禁忌 318

3.1 App 屏幕设计禁忌 318

3.2 App 文字设计禁忌 320

3.3 App 选项设计禁忌 321

3.4 App 按钮图标设计禁忌 322

3.5 App 的空间性设计禁忌 324