APPUI设计从入门到精通 Photoshop篇PDF电子书下载

第1章 移动APP界面设计基础 1

1.1关于手机 1

1.1.1手机的发展历史 1

1.1.2手机分辨率 2

1.1.3屏幕颜色 2

1.2 UI设计 3

1.2.1什么是UI设计 3

1.2.2主要性能 3

1.2.3相关控件 4

1.2.4手机UI设计 4

1.2.5手机UI设计的特点 4

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

1.3设计中的色彩搭配 5

1.3.1色彩的意象 5

1.3.2手机APP UI设计的用色规范 6

1.3.3 UI调色板 7

1.3.4 APP界面设计中色彩运用原理与对比原则 8

1.3.5色彩的搭配方法 9

1.4图标的格式 10

1.4.1 JPEG格式 10

1.4.2 PNG格式 10

案例1制作iOS 9拨号图标 11

1.4.3 GIF格式 14

1.4.4其他常用格式 14

1.5手机界面设计的尺寸标准 15

1.5.1分辨率 15

1.5.2英寸 16

1.5.3网点密度 17

1.5.4屏幕密度 17

1.6常用的软件工具 17

1.6.1 Photoshop 17

案例2制作iOS 9快捷按钮 19

1.6.2Illustrator 21

1.6.3 3ds Max 22

1.6.4 IconCool Studio 25

1.6.5 Image Optimizer 26

1.7总结扩展 26

1.7.1本章小结 26

1.7.2课后练习——制作iOS 9照片图标 27

第2章 常见的手机系统 28

2.1 iOS系统 28

2.1.1 iOS的发展过程 28

2.1.2 iOS的基本组件 32

2.1.3 iOS的开发工具和资源 34

2.1.4 iOS的设备 37

2.1.5 iOS 8与iOS 9的功能对比 37

2.2 Android系统 42

2.2.1 Android的发展过程 42

2.2.2 Android的基础UI组件 44

2.2.3关于深度定制的系统 45

2.3 Windows Phone系统 46

2.3.1 Windows Phone的发展历程 46

2.3.2了解Windows 10 47

2.3.3 Windows Phone系统的特色 48

2.4各种手机系统介绍 49

2.4.1 iOS的优缺点 49

2.4.2 Android的优缺点 50

2.4.3 Windows Phone的优缺点 51

2.4.4手机系统的发展前景 51

2.5总结扩展 51

2.5.1本章小结 52

2.5.2课后练习——制作iOS 9健康图标 52

第3章iOs设计元素 53

3.1 iOS 8与iOS 9的界面对比 53

3.1.1新字体 53

3.1.2应用切换 54

案例3制作应用程序切换界面 54

3.1.3 Spotlight搜索 58

3.1.4电池使用细节 58

3.1.5相机应用 58

3.1.6分享界面 59

3.1.7 Siri新界面 59

3.1.8键盘大小写切换 60

3.1.9听写界面 60

3.1.10圆角 60

3.2 iOS界面设计 61

3.2.1了解用户使用怎样的设备 61

3.2.2 iOS界面设计的原则 61

3.3 iOS界面设计规范 64

3.3.1界面布局 66

3.3.2颜色与字体 67

3.3.3语言风格 68

3.3.4确保程序在iPad和iPhone上通用 69

3.3.5重新考虑基于Web的设计 70

3.4 iOS基本图形的绘制 70

3.4.1线条的绘制 70

案例4制作记事本图标 71

3.4.2矩形的绘制 74

3.4.3圆角矩形的绘制 76

案例5制作智能小键盘 76

3.4.4圆形的绘制 79

案例6制作iOS 9的解锁界面 80

3.4.5其他形状 83

案例7制作iOS 9的选项图标 83

3.5控件的绘制 86

3.5.1活动指示器 86

案例8制作活动指示器 87

3.5.2日期和时间拾取器 91

案例9制作选择器 92

3.5.3详情按钮 94

3.5.4标签 96

3.5.5网络活动指示器 96

3.5.6页面控制 97

案例10制作页码指示器 98

3.5.7进度指示条 100

案例11制作信息界面 100

3.5.8刷新控制 103

3.5.9搜索框 103

案例12制作搜索框 104

3.5.10滚动条 107

案例13制作滚动条 108

3.5.11文本框 113

案例14制作文本框界面 113

3.5.12对话框 116

案例15制作对话框 116

3.5.13分段控件 118

案例16制作分段控件 119

3.5.14按钮 120

案例17制作开关按钮 121

3.6图标绘制 123

3.6.1图标设计的技巧 123

3.6.2应用图标 125

案例18制作APP Store图标 126

3.6.3聚光灯和设置图标 128

3.6.4导航栏、工具栏和Tab栏中的图标 129

案例19制作Tab栏中的小图标 130

3.7总结扩展 132

3.7.1本章小结 132

3.7.2课后练习——制作Safari浏览器界面 133

第4章iOS APP应用实战 134

4.1 iOS APP界面的布局规范 134

4.1.1 iOS APP界面尺寸规范 134

4.1.2 iOS的文本规范 135

4.1.3 iOS界面的配色技巧 135

4.2制作APP电商界面 135

案例20制作电商界面1——状态栏 136

案例21制作电商界面2——导航栏 138

案例22制作电商界面3——主体 141

案例23制作电商界面4——标签栏 143

4.3制作APP记事本界面 146

案例24制作记事本界面 146

4.4制作APP音乐播放器界面 151

案例25制作音乐播放器界面 151

4.5制作个人主页界面 157

案例26制作个人主页界面设计 157

4.6制作游戏界面 161

案例27制作游戏界面 161

4.7总结扩展 170

4.7.1本章小结 171

4.7.2课后练习——制作登录界面 171

第5章Android设计元素 172

5.1 Android 5.0与Android 6.0界面对比 172

5.2 Android UI概论 176

5.2.1主屏幕和二级菜单 176

5.2.2系统栏 176

5.2.3操作栏 176

5.3 Android UI设计原则 177

5.3.1漂亮的界面 177

案例28制作简洁的Android解锁界面 177

5.3.2更简单便捷的操作 180

5.3.3更加完善的工作流程 180

5.4 Android设计概述 181

5.4.1设备和显示 181

案例29 Android 6.0 Chrome图标 183

5.4.2字体 185

案例30制作Android E-mail发送界面 186

5.4.3写作风格 190

5.4.4颜色 192

5.5 Android基本图形绘制 193

5.5.1直线 193

案例31制作Android注册界面 194

5.5.2圆 198

案例32制作Android时间界面 199

5.5.3矩形 202

案例33制作简洁的Android软件界面 203

5.5.4圆角矩形 207

案例34制作简洁的Android推送界面 208

5.5.5其他形状 212

案例35制作简洁的Android图片预览界面 214

5.6 Android APP控件制作 216

5.6.1选项卡 216

案例36制作简洁的Android选项卡 218

5.6.2列表 219

案例37制作简洁的Android文件管理器 221

5.6.3滚动 224

案例38制作微信联系人界面 225

5.6.4下拉菜单 228

案例39制作Android下拉菜单 229

5.6.5按钮 232

案例40制作微信个人信息界面 233

5.6.6文本框 238

案例41制作Android文本框 239

5.6.7对话框 241

案例42制作Android对话框 242

5.6.8滑块 245

案例43制作Android闹钟声音滑块 245

5.6.9进度和动态 247

案例44制作Android音乐播放器 249

5.6.10开关 252

案例45制作Android开关 254

5.6.11分割线 257

5.6.12工具提示 259

5.6.13图标 259

案例46制作Android启动图标 260

5.7总结扩展 266

5.7.1本章小结 266

5.7.2课后练习——制作Android拨号界面 267

第6章Android APP应用实战 268

6.1 Android APP的设计规范 268

6.1.1 Android APP结构规范 268

6.1.2 Android APP切图规范 269

6.1.3 Android APP配色技巧 269

6.2制作在线电影APP界面 269

案例47制作在线电影APP 1——状态栏 269

案例48制作在线电影APP 2——选项栏 272

案例49制作在线电影APP 3——主界面 274

6.3制作记事本APP 277

案例50制作记事本APP 277

6.4制作音乐播放器界面 284

案例51制作音乐播放器界面 285

6.5制作聊天APP侧边栏 292

案例52制作聊天APP侧边栏 292

6.6总结扩展 292

6.6.1本章小结 298

6.6.2课后练习——制作APP人主页界面 299

第7章Windows Phone设计元素和应用实战 300

7.1 Windows Phone 10与Windows Phone 8.1界面对比 300

7.2 Windows Phone系统的特点 302

7.2.1通用Windows应用史 302

7.2.2 Windows Phone界面特色 302

7.3 Windows Phone设计原则 303

案例53制作Windows Phone主界面 305

7.4 Windows Phone界面框架 308

7.4.1页面标题 308

7.4.2进度指示器 309

7.4.3滚动指示器 309

7.4.4主题 310

7.5 Windows Phone用户界面框架 311

7.5.1主界面 311

7.5.2屏幕方向 311

7.5.3字体 311

7.5.4状态栏 312

案例54制作Windows Phone状态栏 312

7.5.5磁贴和通知 314

7.6 Windows Phone标准控件 314

7.6.1按键 315

7.6.2单选按钮 315

7.6.3复选框 315

7.6.4切换开关 316

7.6.5命令栏 316

7.6.6对话框 317

7.6.7进度控件 317

7.6.8搜索 318

7.7制作Windows Phone壁纸软件 319

案例55制作Windows Phone壁纸软件 319

7.8制作Windows Phone壁纸软件 322

案例56制作Windows PhoneQQ界面 322

7.9总结扩展 325

7.9.1本章小结 325

7.9.2课后练习——制作脑电波测试软件界面 326