7天精通Photoshop CS6 UI交互设计 全彩PDF电子书下载

第1天快速入门——按钮设计 1

按钮设计为何如此重要？ 2

1.1 什么是界面设计 2

1.2 图形界面的分类 3

1.3 导航栏和按钮的设计要点 5

1.3.1 导航栏 5

1.3.2 按钮 6

1.4 数字化图像基础 6

1.4.1 位图图像 6

1.4.2 矢量图像 6

1.5 Photoshop CS6的工作界面 7

1.6 优化配置Photoshop 8

1.7 文件的基本操作 8

1.7.1 新建文件 9

1.7.2 打开文件 9

1.7.3 存储文件 10

1.8 图像的变换操作 10

1.8.1 移动图像 10

1.8.2 缩放图像 11

1.8.3 旋转图像 11

1.8.4 斜切图像 11

1.8.5 扭曲图像 12

1.8.6 透视图像 12

1.8.7 变形 13

1.8.8 自由变换 13

1.9 设置前景色和背景色 13

1.9.1 使用“拾色器”对话框 14

1.9.2 使用“颜色”面板 14

1.9.3 使用“色板”面板 14

自我检测 15

自测01制作简捷开机按钮 16

自测02制作网站主页按钮 20

自测03制作精美下载按钮 24

自测04制作水晶质感按钮 29

自测05制作时尚音乐按钮 33

自测06制作逼真镜头按钮 38

自测07制作游戏网站导航栏 44

第2天 UI设计基础——图标设计 50

图标到底有什么作用？ 51

2.1 图标设计的意义 51

2.2 图标的设计原则 52

2.2.1 可识别性原则 52

2.2.2 与环境协调的原则 52

2.2.3 差异性原则 53

2.2.4 视觉效果的原则 53

2.2.5 创造性原则 53

2.3 图层的概念 54

2.4 图层的基本操作 54

2.4.1 新建图层 54

2.4.2 复制、删除图层 55

2.4.3 调整图层顺序 57

2.5 图层混合模式 58

2.5.1 组合模式组 58

2.5.2 加深模式组 58

2.5.3 减淡模式组 58

2.5.4 对比模式组 58

2.5.5 比较模式组 59

2.5.6 色彩模式组 59

2.6 画笔工具 59

2.7 设置渐变色 60

自我检测 62

自测08制作精致的音箱图标 63

自测09制作逼真的西瓜图标 69

自测10制作金属质感的时钟图标 74

自测11制作立体图标 81

自测12制作逼真的iPod nano图标 86

第3天 交互基础——登录界面设计 93

登录界面的重要性体现在何处？ 94

3.1 登录界面的设计要求 94

3.2 登录界面的设计原则 96

3.3 登录界面设计需要注意的事项 96

3.4 形状工具 97

3.4.1 矩形工具和椭圆工具 97

3.4.2 角矩形工具 98

3.4.3 多边形工具和直线工具 99

3.4.4 自定形状工具 100

3.5 强大的“图层样式” 101

3.5.1 添加图层样式 101

3.5.2 导入外部样式 102

3.6 图层蒙版 103

3.6.1 创建图层蒙版 103

3.6.2 启用与停用图层蒙版 104

3.7 剪贴蒙版 104

3.8 创建与编辑文字 105

3.8.1 “字符”面板 106

3.8.2 创建文字 107

3.8.3 对文字进行转换 108

自我检测 110

自测13制作古典式登录界面 111

自测14制作笔记本式登录界面 118

自测15制作清新的网站登录界面 124

自测16制作精致的iCloud登录界面 130

自测17制作查询系统登录界面 135

第4天 网络天地——网页界面设计 143

怎样才算成功的网页界面？ 144

4.1 网页界面设计的分类 144

4.1.1 环境性界面 145

4.1.2 情感性界面 145

4.1.3 功能性界面 145

4.2 网页界面构成元素 146

4.2.1 文字 146

4.2.2 图像 146

4.2.3 色彩 147

4.2.4 多媒体 147

4.3 网页界面的设计原则 148

4.3.1 视觉美观性原则 148

4.3.2 为用户考虑原则 148

4.3.3 主题突出原则 149

4.3.4 整体性原则 149

4.3.5 内容与形式相统一原则 149

4.3.6 更新和维护原则 150

4.4 选区的创建与编辑 150

4.4.1 单行选框工具、单列选框工具 150

4.4.2 矩形选框工具、椭圆选框工具 151

4.4.3 多边形套索工具 152

4.4.4 磁性套索工具 153

4.5 常用的图像调整命令 154

4.5.1 “色阶”命令 154

4.5.2 “曲线”命令 155

4.5.3 “色相／饱和度”命令 156

4.6 调整图层的创建与编辑 157

4.6.1 创建调整图层 157

4.6.2 编辑调整图层 157

4.7 调整图层与调整命令的区别 157

自我检测 159

自测18制作旅游网站页面——背景图 160

自测19制作旅游网站页面——导航和其他 163

自测20制作设计公司网站页面——框架和背景 167

自测21制作设计公司网站页面——导航和其他 172

自测22制作房地产网站页面 177

自测23制作科技网站页面 182

第5天 移动互联——手机界面设计 189

怎样的手机图形界面设计才算是成功的？ 190

5.1 以用户为中心的手机界面设计 190

5.2 手机界面的一致性和个性化 191

5.2.1 界面效果的协调一致性 191

5.2.2 界面效果的个性化 192

5.3 手机界面设计的特征 193

5.4 路径与锚点 193

5.4.1 路径的类型 193

5.4.2 锚点的类型 194

5.5 “钢笔工具”详解 194

5.5.1 创建直线段 195

5.5.2 创建曲线 195

5.6 管理路径 196

5.6.1 选择／取消选择路径 197

5.6.2 更改路径缩览图大小 197

5.7 编辑和调整路径 198

5.7.1 转换点工具 198

5.7.2 直接选择工具 198

5.7.3 路径选择工具 200

5.8 路径与选区的转换 200

5.8.1 将路径转换为选区 201

5.8.2 将选区转换为路径 201

5.9 存储路径 201

自我检测 202

自测24制作手机电量图标 203

自测25制作通话记录界面 207

自测26制作手机天气信息界面 215

自测27制作功能选择界面 220

自测28制作手机信息界面 228

自测29制作手机功能界面 234

第6天 娱乐互动——播放器界面设计 241

成功的播放器界面设计具备哪些特征？ 242

6.1 注重人性化的设计 242

6.1.1 舒适性 242

6.1.2 可靠性 243

6.1.3 个性化 243

6.2 播放器界面设计原则 244

6.2.1 协调统一性 244

6.2.2 创意性 244

6.2.3 视觉冲击力 245

6.3 存储渐变、图案与画笔 245

6.3.1 存储渐变 245

6.3.2 存储图案 246

6.3.3 存储画笔 247

6.4 常用的滤镜命令 248

6.4.1 高斯模糊 248

6.4.2 径向模糊 248

6.4.3 添加杂色 249

6.4.4 USM锐化 249

自我检测 250

自测30制作时尚黑色播放器 251

自测31制作质感播放器 257

自测32制作简约灵动的白色播放器 264

自测33制作个性的橄榄球式播放器 269

自测34制作精美的QQ音乐皮肤 278

第7天 交互应用——软件界面设计 286

软件界面的发展历程是怎样的？ 287

7.1 软件界面设计简介 287

7.2 软件界面设计的标准 288

7.3 软件界面设计的原则 288

7.4 关于智能对象 289

7.4.1 创建智能对象 289

7.4.2 编辑智能对象 290

7.4.3 替换智能对象 291

7.5 关于智能滤镜 292

7.5.1 应用智能滤镜 292

7.5.2 编辑智能滤镜 293

7.5.3 修改智能滤镜混合选项 294

7.5.4 隐藏／显示智能滤镜 294

7.5.5 控制智能滤镜显示范围 294

7.6 通道、蒙版和选区 296

7.6.1 “通道”面板 296

7.6.2 关于蒙版和通道 297

7.6.3 存储／载入选区 297

自我检测 299

自测35制作时尚的软件登录界面 300

自测36制作软件发布界面 305

自测37制作网络电话软件界面 310

自测38制作漂亮的软件下拉菜单 317

自测39制作视频播放器软件界面 324

附录 333

Adobe Photoshop CC的新增功能 333

全新的智能锐化滤镜 333

可编辑的圆角矩形 333

无损图片拉伸 334

区域调节Camera Raw 334

条件触发脚本 335

“液化”可用于智能对象 335

其他改进 335