Photoshop移动UI创意设计

第1章 学习Photoshop基础知识

1.1??认识Photoshop工作区 2

1.1.1??管理文档窗口 2

1.1.2??操作面板组 5

1.1.3??认识选项栏 8

1.1.4??认识工具箱 8

1.1.5??隐藏工具的操作技巧 9

1.2??创建Photoshop工作环境 9

1.2.1??创建新文档 9

1.2.2??打开图像 10

1.2.3??打开*近使用的文档 11

1.2.4??将分层素材存储为JPG格式 11

1.2.5??【存储】与【存储副本】命令 12

第2章 UI设计知识讲解

2.1??UI设计的基本概念 15

2.2??UI设计的一般流程 17

2.3??UI设计的常用软件 20

2.4??UI与应用的关系 23

2.5??UI设计中的规范 25

2.5.1??基础规范 25

2.5.2??视觉原则 26

2.5.3??尺寸设置 27

2.5.4??切图命名 27

2.6??图标设计原则 29

2.6.1??图标基调 29

2.6.2??颜色形式 30

2.6.3??图标轮廓 31

2.6.4??图标背景 33

2.6.5??设计手法 33

2.7??UI设计中的尺寸及规范 34

2.7.1??iOS尺寸概念 34

2.7.2??iOS尺寸规范 36

2.7.3??Android尺寸设计规范 37

2.7.4??主流浏览器的界面参数 38

2.7.5??常见的屏幕尺寸大全 39

2.8??UI设计中的色彩学 40

2.9??UI设计中的心理学 43

2.9.1??7±2法则 43

2.9.2??格式塔原则 43

2.9.3??费茨定律 44

2.9.4??雷斯托夫效应 44

2.9.5??席克定律 44

2.10??新拟物化设计要点 45

2.11??提升UI界面趣味的设计技巧 46

第3章 基础UI控件制作

3.1??什么是UI控件 49

3.1.1??UI控件的分类细则 49

3.1.2??基础UI控件的制作方法 51

3.2??UI控件与UI之间的关系 52

3.2.1??上下文菜单 52

3.2.2??编辑菜单 52

3.2.3??分段控制器 53

3.2.4??页面控制器 53

3.2.5??标签 53

3.2.6??内容刷新控件 54

3.2.7??进度指示 54

3.3??标签栏控件设计规范 54

3.4??下拉菜单的设计规范 55

3.4.1??下拉菜单类型 55

3.4.2??下拉菜单状态 55

3.4.3??下拉菜单原则 56

3.5??UI控件的使用范围 59

3.6??制作简洁开关控件 61

3.7??制作开机控件 62

3.8??制作载入进度条控件 63

3.9??制作滑块控件 66

3.10??制作透明按钮 68

3.11??制作增益调节旋钮 71

3.12??拓展训练 76

3.12.1??圆形开关按钮 76

3.12.2??音频调节控件 77

第4章 简洁扁平化图标设计

4.1??理论知识——扁平化设计 79

4.1.1??什么是扁平化设计 79

4.1.2??扁平化设计的优点和缺点 79

4.1.3??扁平化设计的四大原则 80

4.1.4??扁平化设计的实用技巧 81

4.2??通话图标设计 82

4.3??邮件图标设计 83

4.4??健康医疗图标设计 85

4.5??导航图标设计 86

4.6??相册图标设计 87

4.7??无线标识图标设计 88

4.8??卡包管理图标设计 89

4.9??天气图标设计 92

4.10??日历图标设计 93

4.11??四叶草图标设计 95

4.12??健身图标设计 97

4.13??经典相机图标设计 98

4.14??应用商店图标设计 101

4.15??手电筒图标设计 103

4.16??标识图标设计 106

4.17??旅行家图标设计 110

4.18??卡片管理图标设计 113

4.19??娱乐应用图标设计 116

4.20??拓展训练 119

4.20.1??便签图标设计 119

4.20.2??加速图标 119

第5章 形象拟物化图标设计

5.1??什么是拟物化图标 122

5.2??拟物化图标基础知识 123

5.2.1??图标的定义 123

5.2.2??图标的使用历史 124

5.2.3??以功能分类图标 124

5.2.4??以视觉分类图标 126

5.2.5??拟物化图标设计原则 127

5.2.6??拟物化图标设计技巧 127

5.3??拟物化图标设计规范 128

5.4??时尚时钟图标设计 130

5.5??煎蛋图标设计 133

5.6??文件管理图标设计 135

5.7??麦克风图标设计 139

5.8??数码音箱图标设计 143

5.9??超强写实吉他图标设计 150

5.10??拓展训练 157

5.10.1??写实计算器 157

5.10.2??小黄人图标 157

5.10.3??唱片机图标 158

第6章 超强写实质感图标设计

6.1??写实图标的特点 160

6.2??写实图标设计指南 161

6.2.1??辅助中文字体 161

6.2.2??英文数字及特殊符号 161

6.2.3??质感图标图形 162

6.2.4??质感图标色彩 163

6.2.5??图标版形 164

6.2.6??质感图标设计重点 164

6.3??如何设计出高质量图标 165

6.4??质感磨砂文件夹图标设计 167

6.5??塑料质感插座设计 168

6.6??写实木盒爱心图标设计 172

6.7??超强质感安全图标设计 176

6.8??金属质感网络图标设计 179

6.9??质感闪电应用图标设计 182

6.10??精致唱片图标设计 185

6.11??金属质感调节器设计 192

6.12??拓展训练 199

6.12.1??透明质感图标 199

6.12.2??原生纸质感图标 200

第7章 娱乐与多媒体应用界面设计

7.1??娱乐界面的设计重点 202

7.2??娱乐界面的特点 202

7.3??娱乐界面的设计手法 204

7.4??多媒体应用界面的特点 205

7.5??提升界面设计质感原则 206

7.6??音乐应用登录界面设计 208

7.7??音乐播放器界面设计 210

7.8??智能手表界面设计 214

7.9??平板电脑应用界面设计 219

7.10??直播应用界面设计 225

7.11??拓展训练 230

7.11.1??iPhone收音机界面制作 230

7.11.2??iPhone电影购票界面制作 231

第8章 潮流趣味游戏界面设计

8.1??游戏界面的特点 233

8.2??游戏界面的分类 234

8.3??游戏界面的基本特征 237

8.4??如何设计出漂亮的游戏界面 237

8.5??游戏通关界面设计 240

8.6??小猪快跑游戏界面设计 246

8.7??斗地主游戏界面设计 255

8.8??糖果游戏主体界面设计 264

8.9??拓展训练 274

8.9.1??射击大战游戏界面设计 274

8.9.2??数字主题游戏界面设计 275

第9章 手机主流应用界面设计

9.1??手机主流应用界面的特点 277

9.2??主流界面的种类 278

9.3??主流界面的特质 280

9.4??主流界面的设计技巧 283

9.5??动感锁屏界面设计 286

9.6??扫码界面设计 287

9.7??应用登录界面设计 289

9.8??Windows phone手机界面设计 292

9.9??智能家电控制界面设计 296

9.10??财经统计界面设计 301

9.11??动漫应用界面设计 305

9.12??云教育界面设计 310

9.13??拓展训练 315

9.13.1??下载数据界面 315

9.13.2??App游戏安装页 316