7天精通Photoshop CS6 UI交互设计

第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 天 娱乐互动――播放器界面设计 240

成功的播放器界面设计具备哪些特征？ 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

相信大部分读者对用户界面并不算太陌生，随着各种高档电子产品的普及化，很多用户开始对用户界面提出了更高的要求。用户界面是帮助用户与机器设备进行交互的平台，一款优秀的界面应该是美观实用，并易于操作和学习的。
本书由浅入深、循序渐进地讲解了UI 界面设计相关的知识点和操作要点，读者只需按部就班地看完知识点，然后认认真真地做完案例即可毫不费力地掌握UI 界面设计。你不需要划重点，更不需要串知识点，这些都由我们来完成。
本书共分为7 章，分别为第1 天，快速入门――按钮设计；第2 天，牛刀小试――图标设计；第3 天，交互基础――登录界面设计；第4 天，网络天地――网页界面设计；第5 天，移动互联――手机界面设计；第6 天，娱乐互动――播放器界面设计和第7 天，交互应用――软件界面设计。
本书的知识点安排合理、条理清晰；内容全面完善、有针对性；操作案例精美实用、讲解详尽。配套的多媒体光盘中提供了本书中所有实例的相关视频教程，以及所有实例的源文件及素材，方便读者学习和参考。

7天时间掌握phtoshop UI设计，从零起步成高手