书籍详情
移动界面Photoshop UI设计十全大补(Web/App)
作者:曾军梅 著
出版社:清华大学出版社
出版时间:2017-03-01
ISBN:9787302455943
定价:¥89.00
购买这本书可以去
内容简介
智能手机App UI 设计使目前比较热门的专业,也是一块新兴的平面设计领域。本书使用 Photoshop CC 软件通过大量精彩的示例和扎实的理论知识,介绍了App UI 界面设计原理、界 面元素以及整体设计。本书对示例从简单的平面图标和立体图标开始,到复杂的质感表现及按 钮、列表框、登录界面、导航栏等进行了讲解,*后介绍了全套App UI 设计示例。本书示例丰富, 风格多样,从清新的扁平化风格到重金属风格一应俱全,适合从事界面设计及平面设计的人员 阅读。
作者简介
曾军梅,西安工程大学副教授,陕西省动漫游戏行业协会动漫教育专业委员会委员,陕西当代水彩粉画研究院研究员、理事。 发表论文及作品30余篇(其中EI 、ISTP检索5篇),获外观专利1项。参加了一项*、五项省级、三项院级科研项目,十二项横向课题。其中14项为项目负责人,十八项已结题。获教学成果一等奖(主持人)一次,传统工艺美术作品获首届全国高校美术.设计作品大奖赛入围奖,中国西部风情全国水彩作品媒体展入选,获毕业设计(论文)工作优秀指导教师奖3次,指导学生多次在国内专业比赛获奖,并获大赛优秀指导教师9次。 研究方向:数字媒体艺术、动画设计理论及实践、动漫游戏美术理论与实践。现作为主导师指导学生11名,副导师指导学生2名。
目录
Chapter 01 智能手机App UI设计
1.1 App UI设计概述 / 2
1.1.1 UI设计的概念 / 2
1.1.2 App客户端 / 2
1.1.3 主要工具软件 / 3
1.2 智能手机平面设计师要掌握的技术 / 3
1.3 优秀App界面 / 4
1.3.1 优秀App界面的特点 / 5
1.3.2 产品团队与设计师 / 6
1.3.3 项目中的App设计流程 / 6
1.3.4 设计灵感 / 7
1.4 设计构图与界面布局 / 8
1.4.1 App界面设计构图 / 8
1.4.2 智能手机界面的布局构成 / 9
1.5 优秀App界面的要求 / 12
Chapter 02 App界面设计的配色意向
2.1 App UI的色彩设计意象 / 18
2.2 色彩的表现力和感染力 / 20
2.2.1 色彩的效应 / 20
2.2.2 色彩的反应 / 22
2.3 色彩研究 / 22
2.4 配色 / 24
2.4.1 色相配色 / 25
2.4.2 色调配色 / 25
2.4.3 明度配色 / 27
2.5 使用Photoshop进行配色 / 28
2.6 配色案例 / 31
2.7 色彩的对比组合 / 38
Chapter 03 Photoshop制作App UI常用的操作
3.1 Photoshop CC的工作界面 / 40
3.1.1 了解Photoshop CC的工作界面 / 40
3.1.2 工具箱 / 41
3.1.3 选项栏 / 42
3.1.4 状态栏 / 44
3.1.5 面板 / 44
3.1.6 调整面板 / 46
3.2 选择工具 / 47
3.2.1 设定选区的工具组 / 48
3.2.2 矩形选框工具的选项栏 / 48
3.2.3 选区的基本运算 / 49
3.3 填充工具 / 51
3.3.1 渐变工具的选项栏 / 52
3.3.2 油漆桶工具的选项栏 / 56
3.4 理解图层的概念 / 57
3.4.1 “图层编组”命令 / 59
3.4.2 “排列”命令 / 60
Chapter 04 手机UI设计平面图标制作
4.1 设计吸引眼球的图标 / 62
4.2 图标的设计方案 / 63
4.3 正确的图标设计流程 / 64
4.4 启动键制作 / 70
4.5 人像图标制作 / 72
4.6 记事本图标制作 / 74
4.7 放大镜搜索图标制作 / 76
4.8 麦克风图标制作 / 78
Chapter 05 UI的质感表现
5.1 质感图标设计的三个阶段 / 82
5.1.1 确定题材 / 82
5.1.2 确定表现风格 / 82
5.1.3 具体实现 / 83
5.2 金属质感 / 84
5.3 磨砂玻璃质感 / 90
5.4 光滑表面质感 / 99
5.5 皮革质感 / 107
Chapter 06 手机UI设计的字效表现
6.1 App UI的字号控制 / 114
6.1.1 字体尺寸的规则 / 114
6.1.2 字体规范 / 115
6.2 字体配色 / 116
6.2.1 配色规则 / 116
6.2.2 叠加、柔光和透明度 / 117
6.3 玻璃字体 / 118
6.4 镶钻字效 / 123
6.5 布料字体 / 133
Chapter 07 手机UI设计立体图标制作
7.1 图标的存储格式 / 140
7.1.1 矢量格式与位图格式 / 140
7.1.2 JPG压缩格式 / 141
7.1.3 PNG非压缩格式 / 142
7.1.4 图像的有损和无损压缩 / 143
7.2 照相机图标制作 / 144
7.3 循环图标制作 / 158
7.4 多云图标制作 / 164
Chapter 08 手机UI界面元素设计
8.1 App UI设计思路 / 172
8.2 图形设计尺寸 / 173
8.3 登录界面 / 175
8.4 设置界面开关 / 181
8.5 通知列表 / 192
Chapter 09 手机UI按钮设计
9.1 App IU中按钮的设计思路 / 202
9.2 启动按钮 / 204
9.3 音乐播放按钮 / 215
9.4 清新彩色按钮 / 221
9.5 选项按钮 / 230
Chapter 10 智能手机UI整体界面制作
10.1 完整App UI界面的设计流程 / 238
10.1.1 需求阶段 / 238
10.1.2 分析设计阶段 / 238
10.1.3 调研验证阶段 / 239
10.1.4 方案改进阶段 / 239
10.1.5 用户验证反馈阶段 / 240
10.2 Android界面时尚风格设计 / 241
10.2.1 制作锁屏界面 / 241
10.2.2 制作日程安排界面 / 246
10.2.3 制作相册界面 / 249
10.2.4 制作列表界面 / 253
10.3 iOS界面扁平化风格设计 / 256
10.3.1 制作登录界面 / 256
10.3.2 制作主界面 / 258
10.3.3 制作日程安排界面 / 262
10.3.4 制作提示栏界面 / 265
1.1 App UI设计概述 / 2
1.1.1 UI设计的概念 / 2
1.1.2 App客户端 / 2
1.1.3 主要工具软件 / 3
1.2 智能手机平面设计师要掌握的技术 / 3
1.3 优秀App界面 / 4
1.3.1 优秀App界面的特点 / 5
1.3.2 产品团队与设计师 / 6
1.3.3 项目中的App设计流程 / 6
1.3.4 设计灵感 / 7
1.4 设计构图与界面布局 / 8
1.4.1 App界面设计构图 / 8
1.4.2 智能手机界面的布局构成 / 9
1.5 优秀App界面的要求 / 12
Chapter 02 App界面设计的配色意向
2.1 App UI的色彩设计意象 / 18
2.2 色彩的表现力和感染力 / 20
2.2.1 色彩的效应 / 20
2.2.2 色彩的反应 / 22
2.3 色彩研究 / 22
2.4 配色 / 24
2.4.1 色相配色 / 25
2.4.2 色调配色 / 25
2.4.3 明度配色 / 27
2.5 使用Photoshop进行配色 / 28
2.6 配色案例 / 31
2.7 色彩的对比组合 / 38
Chapter 03 Photoshop制作App UI常用的操作
3.1 Photoshop CC的工作界面 / 40
3.1.1 了解Photoshop CC的工作界面 / 40
3.1.2 工具箱 / 41
3.1.3 选项栏 / 42
3.1.4 状态栏 / 44
3.1.5 面板 / 44
3.1.6 调整面板 / 46
3.2 选择工具 / 47
3.2.1 设定选区的工具组 / 48
3.2.2 矩形选框工具的选项栏 / 48
3.2.3 选区的基本运算 / 49
3.3 填充工具 / 51
3.3.1 渐变工具的选项栏 / 52
3.3.2 油漆桶工具的选项栏 / 56
3.4 理解图层的概念 / 57
3.4.1 “图层编组”命令 / 59
3.4.2 “排列”命令 / 60
Chapter 04 手机UI设计平面图标制作
4.1 设计吸引眼球的图标 / 62
4.2 图标的设计方案 / 63
4.3 正确的图标设计流程 / 64
4.4 启动键制作 / 70
4.5 人像图标制作 / 72
4.6 记事本图标制作 / 74
4.7 放大镜搜索图标制作 / 76
4.8 麦克风图标制作 / 78
Chapter 05 UI的质感表现
5.1 质感图标设计的三个阶段 / 82
5.1.1 确定题材 / 82
5.1.2 确定表现风格 / 82
5.1.3 具体实现 / 83
5.2 金属质感 / 84
5.3 磨砂玻璃质感 / 90
5.4 光滑表面质感 / 99
5.5 皮革质感 / 107
Chapter 06 手机UI设计的字效表现
6.1 App UI的字号控制 / 114
6.1.1 字体尺寸的规则 / 114
6.1.2 字体规范 / 115
6.2 字体配色 / 116
6.2.1 配色规则 / 116
6.2.2 叠加、柔光和透明度 / 117
6.3 玻璃字体 / 118
6.4 镶钻字效 / 123
6.5 布料字体 / 133
Chapter 07 手机UI设计立体图标制作
7.1 图标的存储格式 / 140
7.1.1 矢量格式与位图格式 / 140
7.1.2 JPG压缩格式 / 141
7.1.3 PNG非压缩格式 / 142
7.1.4 图像的有损和无损压缩 / 143
7.2 照相机图标制作 / 144
7.3 循环图标制作 / 158
7.4 多云图标制作 / 164
Chapter 08 手机UI界面元素设计
8.1 App UI设计思路 / 172
8.2 图形设计尺寸 / 173
8.3 登录界面 / 175
8.4 设置界面开关 / 181
8.5 通知列表 / 192
Chapter 09 手机UI按钮设计
9.1 App IU中按钮的设计思路 / 202
9.2 启动按钮 / 204
9.3 音乐播放按钮 / 215
9.4 清新彩色按钮 / 221
9.5 选项按钮 / 230
Chapter 10 智能手机UI整体界面制作
10.1 完整App UI界面的设计流程 / 238
10.1.1 需求阶段 / 238
10.1.2 分析设计阶段 / 238
10.1.3 调研验证阶段 / 239
10.1.4 方案改进阶段 / 239
10.1.5 用户验证反馈阶段 / 240
10.2 Android界面时尚风格设计 / 241
10.2.1 制作锁屏界面 / 241
10.2.2 制作日程安排界面 / 246
10.2.3 制作相册界面 / 249
10.2.4 制作列表界面 / 253
10.3 iOS界面扁平化风格设计 / 256
10.3.1 制作登录界面 / 256
10.3.2 制作主界面 / 258
10.3.3 制作日程安排界面 / 262
10.3.4 制作提示栏界面 / 265
猜您喜欢