第1章 UI设计基础 14
1.1 了解UI设计 14
1.1.1 什么是UI 14
1.1.2 常见的UI设计分类 14
1.1.3 UI设计的重要性 16
1.1.4 了解交互的概念 16
1.2 数字化图像的基础 16
1.2.1 常见的图像格式 16
1.2.2 常见的图像模式 17
1.3 初识Photoshop CS6 18
1.3.1 文件的基本操作 18
1.3.2 图像的变换 20
实战1 简洁方向按钮 21
1.3.3 实现不同的渐变效果 24
实战2 清新环保按钮 25
实战3 不规则形状翻页按钮 28
实战4 水晶流光按钮 31
实战5 绿色清新玻璃按钮 35
实战6 大气质感按钮 37
实战7 沉稳深邃的时钟按钮 42
实战8 立体IE浏览器按钮 47
1.4 高手之道 51
1.4.1 优化Photoshop CS6的设置 51
1.4.2 自定义快捷键 51
1.5 本章小结 51
第2章 图标设计 53
2.1 了解图标设计 53
2.1.1 什么是图标 53
2.1.2 图标的作用 53
2.1.3 图标设计的意义 53
2.2 图标设计的原则 53
2.3 图层的基本操作 54
2.3.1 选择图层 55
2.3.2 创建、复制、移动图层 55
2.3.3 重命名、删除图层 56
2.3.4 添加图层样式 56
实战9可爱的糖果手杖图标 57
2.4 钢笔工具 61
2.4.1 创建路径 61
2.4.2 编辑路径 62
实战10鲜嫩的水果图标 63
2.5 形状工具 67
2.5.1 圆角矩形工具 67
2.5.2 自定形状工具 67
实战11 华丽彩色图标 68
实战12 超级逼真的话筒图标 71
实战13 水晶质感图标 76
实战14 精美的小锁图标 81
实战15 透明回收站图标 85
实战16 3D立体闹钟图标 89
实战17 精美的播放器图标 96
2.6 高手之道 105
2.6.1 关于智能对象 105
2.6.2 图标的尺寸和格式 105
2.7 本章小结 105
第3章 网页设计 107
3.1 网页的类型 107
3.1.1 环境性界面 107
3.1.2 情感性界面 107
3.1.3 功能性界面 107
3.2 网页界面构成元素 108
3.2.1 文本 108
3 2.2 图像 108
3.2.3 多媒体 108
3.2.4 色彩 108
3.3 网页设计的原则 108
3.3.1 视觉美观 109
3.3.2 从用户着手 109
3.3.3 主题突出 109
3.3.4 整体性 109
3.3.5 更新与维护 109
3.4 图层“混合模式” 109
3.4.1 组合模式组 110
3.4.2 加深模式组 110
3.4.3 减淡模式组 110
3.4.4 对比模式组 111
3.5 图层蒙版与剪贴蒙版 112
3.5.1 图层蒙版 112
3.5.2 剪贴蒙版 112
实战18 玻璃质感网站登录界面——玻璃 113
实战19 玻璃质感网站登录界面——标头 116
实战20 玻璃质感网站登录界面——按钮和文本框 118
实战21 玻璃质感网站登录界面——切图 121
实战22 清新简洁的网站导航——导航 123
实战23 清新简洁的网站导航——切图 127
实战24 挂牌样式下拉菜单——头部 128
实战25 挂牌样式下拉菜单——底部 130
实战26 挂牌样式下拉菜单——切图 133
实战27 时尚简洁电子商务网站——导航与索引菜单 136
实战28 时尚简洁电子商务网站——背景 138
实战29 时尚简洁电子商务网站——主体与版底 141
实战30 时尚简洁电子商务网站——切图 145
实战31 华丽深邃的电子产品网页——背景 148
实战32 华丽深邃的电子产品网页——导航 151
实战33 华丽深邃的电子产品网页——版底与Logo 152
实战34 华丽深邃的电子产品网页——切图 154
3.6 高手之道 157
3.6.1 设置“画笔工具” 157
3.6.2 登录界面的设计要求 158
3.7 本章小结 158
第4章 软件界面设计 160
4.1 软件界面设计简介 160
4.1.1 软件界面设计的目的 160
4.1.2 软件界面设计的分类 160
4.2 软件界面设计的原则 161
4.3 图层样式中的“混合选项” 162
4.3.1 高级混合 162
4.3.2 混合颜色带 163
4.4 巧用“样式”面板 164
4.4.1 使用“样式”面板中的样式 164
4.4.2 载入样式 164
4.4.3 调整显示方式 165
实战35 制作视频转换器界面——背景框架 166
实战36 视频转换器界面——文件列表与播放器 168
实战37 视频转换器界面——主菜单与抬头 175
实战38 视频转换器界面——文本框与按钮组 178
实战39 视频转换器界面——项目进程条与开始按钮 181
实战40 手机小游戏界面——木框与按钮 183
实战41 手机小游戏界面——文字与文本框 187
实战42 手机小游戏界面——标题与背景 191
实战43 手机游戏购物界面——框架 194
实战44 手机游戏购物界面——标志 197
实战45 手机游戏购物界面——文本框 199
实战46 手机游戏购物界面——素材处理与装饰 202
实战47 在线聊天软件界面——框架 205
实战48 在线聊天软件界面——标题栏、头像与图标 208
实战49 在线聊天软件界面——联系人列表 212
4.5 高手之道 215
4.5.1 巧妙合并形状 215
4.5.2 合理使用“色板”面板 215
4.6 本章小结 215
第5章 手机界面设计 217
5.1 手机界面设计基本常识 217
5.1.1 常见的手机显示屏分辨率 217
5.1.2 手机界面的色彩级别 217
5.1.3 手机界面设计图标的尺寸 217
5.2 手机界面构成的基本单位 217
5.3 手机界面设计的特征 218
5.4 手机界面设计的原则 218
5.4.1 界面效果的整体性和一致性 218
5.4.2 界面效果的个性化 219
5.4.3 界面视觉元素的规范性 219
5.5 选区的创建方法 219
5.5.1 矩形选框工具和椭圆选框工具 219
5.5.2 套索工具和多边形套索工具 221
5.5.3 钢笔工具 221
5.6 图像调整命令 221
5.6.1 色阶 222
5.6.2 曲线 222
5.6.3 色相／饱和度 223
5.7 设置文字属性 223
5.7.1 “字符”面板 223
5.7.2 选择文本 225
实战50 逼真的皮革质感图标 226
实战51 精美的手机电池图标 231
实战52 手机主界面 238
实战53 手机拨号界面 244
实战54 新建信息界面 250
实战55 iPhone 5手机主界面——图标 260
实战56 iPhone5手机主界面 264
5.8 高手之道 267
5.8.1 调整图层和调整命令 267
5.8.2 手机的基本类型 268
5.8.3 关于手机界面的切图 268
5.9 本章小结 268
第6章 播放器界面设计 270
6.1 播放器界面设计的原则 270
6.1.1 统一性 270
6.1.2 创意性 270
6.1.3 视觉冲击力 270
6.2 注重人性化 270
6.2.1 舒适性 270
6.2.2 可靠性 271
6.2.3 个性化 271
6.3 Photoshop CS6中的滤镜 271
6.3.1 高斯模糊 271
6.3.2 云彩 271
6.3.3 镜头光晕 272
6.3.4 高反差保留 272
6.3.5 USM锐化 272
6.4 色彩范围与快速蒙版 273
6.4.1 色彩范围 273
6.4.2 快速蒙版 274
6.5 调整图层与调整命令 275
6.5.1 创建调整图层 275
6.5.2 照片滤镜 275
6.5.3 色彩平衡 276
实战57 简洁可爱的播放器——主体 277
实战58 简洁可爱的播放器——扬声器 281
实战59 简洁可爱的播放器——文字和按钮 285
实战60 简洁可爱的播放器——导线 287
实战61 亮丽时尚的播放器——底部 290
实战62 亮丽时尚的播放器——操作盘 293
实战63 新颖的双箭头式播放器——装饰 295
实战64 新颖的双箭头式播放器——控制按钮 297
实战65 新颖的双箭头式播放器——滑块、菜单和其他 299
实战66 个性播放器界面——底座和装饰 303
实战67 个性播放器界面——底盘和屏幕 307
实战68 个性播放器界面——图标和按钮 311
实战69 个性播放器界面——扬声器、信息与logo 314
实战70 个性播放器界面——按键 318
6.6 高手之道 323
6.6.1 磁性套索工具 323
6.6.2 强大的“调整边缘” 323
6.7 本章小结 324