新書推薦：
《
非言语沟通经典入门：影响人际交往的重要力量（第7版）
》
售價：NT$
560.0
《
山西寺观艺术壁画精编卷
》
售價：NT$
7650.0
《
中国摄影 中式摄影的独特魅力
》
售價：NT$
4998.0
《
山西寺观艺术彩塑精编卷
》
售價：NT$
7650.0
《
积极心理学
》
售價：NT$
254.0
《
自由，不是放纵
》
售價：NT$
250.0
《
甲骨文丛书·消逝的光明：欧洲国际史，1919—1933年（套装全2册）
》
售價：NT$
1265.0
《
剑桥日本戏剧史（剑桥世界戏剧史译丛）
》
售價：NT$
918.0
|
| 編輯推薦： |
本书实例丰富，图文并茂，每章都为读者提供了解惑答疑的分析，而且每章后还提供一个扩
展练习案例，供读者检验学习成果。
本书配套资源包中提供了书中实例的源文件、素材和相关视频教程。
|
| 內容簡介： |
本书从实用的角度出发，全面、系统地讲解了Adobe XD的各项功能和使用方法。书中内容基
本涵盖了Adobe XD中的大多数工具的使用方法和重要功能，并将多个精彩实例和移动UI设计规范贯
穿于全书讲解的过程中，操作一目了然，语言通俗易懂，适合读者自学。
|
| 關於作者： |
|
卢斌，男，博士，云南美术家协会会员，云南艺术学院任教，致力于视觉艺术与设计、设计形态学领域的研究和探索，设计作品多次获省级奖项。从事UI设计多年，有丰富的移动UI设计经验，熟练使用Axure RP和Adobe XD等设计软件，曾出版Indesing CS6完全自学一本通等图书。
|
| 目錄：
|
第1章 了解Adobe XD
1.1 移动端UI设计基础 1
1.1.1 了解移动UI设计 1
1.1.2 iOS系统与Android系统 2
1.1.3 移动端与PC端UI设计的区别 6
1.2 移动UI设计流程 8
1.2.1 需求分析 8
1.2.2 交互原型设计 9
1.2.3 视觉界面设计 9
1.3 移动UI设计常用工具 10
1.4 关于Adobe XD 13
1.4.1 Adobe XD简介 13
1.4.2 Adobe XD的应用领域 14
1.4.3 Adobe XD的特点 14
1.5 下载和安装Adobe XD 14
1.5.1 下载Adobe XD 15
1.5.2 应用案例——安装和启动Adobe XD 15
1.5.3 使用Creative Cloud Cleaner Tool 16
1.6 Adobe XD的工作界面 17
1.6.1 菜单栏 17
1.6.2 工具栏 18
1.6.3 模式栏 19
1.6.4 “属性”面板 19
1.6.5 工作区域 19
1.7 Adobe XD的帮助资源 20
1.8 解惑答疑 22
1.8.1 Adobe XD的工作流程是怎样的 22
1.8.2 Adobe XD的试用时间为多长 22
1.9 总结扩展 22
1.9.1 本章小结 22
1.9.2 扩展练习——卸载Adobe XD 22
第2章 Adobe XD的基本操作
2.1 主页 24
2.2 新建文件 25
2.3 创建和管理画板 25
2.3.1 创建新画板 25
2.3.2 应用案例——创建iOS系统App文件 27
2.3.3 使用现有画板 28
2.3.4 管理画板 28
2.3.5 应用案例——创建Android系统App文件 31
2.4 打开文件 32
2.4.1 “从您的计算机中打开”命令 32
2.4.2 “打开”命令 33
2.4.3 “在您的计算机上”按钮 33
2.4.4 “近打开文件”命令 34
2.5 导入文件 34
2.6 存储文件 35
2.6.1 “保存”命令 35
2.6.2 “存储为本地文档”命令 36
2.6.3 “重命名”命令 36
2.6.4 应用案例——保存iOS和Android系统UI文件 37
2.7 获取用户界面套件 37
2.8 撤销与恢复操作 38
2.8.1 还原与重做 38
2.8.2 恢复文件 38
2.8.3 文档历史记录 39
2.9 辅助工具 39
2.9.1 应用案例——为iOS系统UI设计创建参考线 39
2.9.2 管理参考线 40
2.9.3 使用智能参考线 41
2.9.4 应用网格定位对象 41
2.9.5 管理网格 42
2.10 解惑答疑 44
2.10.1 如何在iOS或Android设备中预览XD设计 44
2.10.2 Adobe XD为何不提示用户将文件保存在Windows中 44
2.11 总结扩展 44
2.11.1 本章小结 44
2.11.2 扩展练习——为Android系统 UI设计添加参考线 45
第3章 使用Adobe XD完成原型设计
3.1 创建对象 46
3.1.1 使用“矩形工具”创建对象 46
3.1.2 使用“椭圆工具”创建对象 47
3.1.3 使用“直线工具”创建对象 47
3.1.4 使用“多边形工具”创建对象 47
3.1.5 使用“钢笔工具”创建对象 49
3.2 为对象设置样式 51
3.2.1 设置填充、边界和阴影 52
3.2.2 应用案例——绘制iOS系统的状态栏图标 57
3.2.3 布尔运算 59
3.2.4 应用案例——绘制iOS系统Wi-Fi和电池图标 61
3.2.5 形状蒙版 62
3.2.6 创建重复元素 63
3.3 编辑对象 64
3.3.1 选择和移动对象 64
3.3.2 复制、粘贴和删除对象 65
3.3.3 对齐、分布和排列对象 66
3.3.4 应用案例——设计制作扁平风格装饰图标 68
3.3.5 调整和旋转对象 71
3.3.6 编组和锁定对象 72
3.3.7 应用案例——设计制作视频App启动图标 73
3.4 创建文本 76
3.4.1 输入文本 76
3.4.2 拼写检查 77
3.4.3 导入文本 77
3.5 管理文本 79
3.5.1 设置文本格式 79
3.5.2 文本变换 81
3.5.3 调整段落文本的宽和高 82
3.5.4 应用案例——设计制作App高保真原型的上新部分 84
3.6 设计画板 86
3.6.1 创建垂直滚动 86
3.6.2 创建滚动组 87
3.6.3 应用案例——设计制作App高保真原型的推荐部分 89
3.7 解惑答疑 90
3.7.1 如何使用“多边形工具”绘制“收藏”图标 90
3.7.2 App图标集的工作流程是否与UI设计一致 91
3.8 总结扩展 92
3.8.1 本章小结 93
3.8.2 扩展练习—— 设计制作Android系统App原型界面 93
第4章 使用Adobe XD完成UI设计
4.1 使用处理设计系统 94
4.1.1 创建库资源 94
4.1.2 管理库资源 97
4.1.3 共享库资源 99
4.1.4 应用案例——创建移动UI处理设计系统 101
4.2 使用图层 102
4.2.1 “图层”面板 102
4.2.2 搜索图层 102
4.2.3 管理图层 103
4.2.4 应用案例——绘制App收藏界面的心形元素 105
4.3 为对象设置效果 106
4.3.1 使用模糊效果 107
4.3.2 应用案例——设计制作App收藏界面 108
4.3.3 使用混合效果 109
4.3.4 应用案例——绘制App界面中的卡片模块 112
4.4 设计UI界面的结构 113
4.4.1 响应式调整大小 113
4.4.2 创建和使用组件 115
4.4.3 应用案例——设计制作Android系统App主题界面 116
4.4.4 覆盖组件实例 118
4.4.5 为组件添加多个状态 119
4.4.6 应用案例——为移动端UI设计添加不同状态 121
4.4.7 使用嵌套组件 123
4.5 使用3D变换进行透视设计 124
4.5.1 启用3D变换 124
4.5.2 旋转物体 125
4.5.3 应用案例——绘制App界面的基础结构 125
4.5.4 使用Z轴应用深度 128
4.5.5 应用案例——设计制作Android系统App点餐界面 128
4.6 解惑答疑 130
4.6.1 如何确定移动App UI项目中的配色 130
4.6.2 如何处理Adobe XD中的缺失字体 131
4.7 总结扩展 132
4.7.1 本章小结 132
4.7.2 扩展练习——设计制作iOS系统图片浏览界面 133
第5章 使用Adobe XD完成UX设计
5.1 添加交互 134
5.1.1 设置主页屏幕 134
5.1.2 建立链接 135
5.1.3 设置交互效果 137
5.1.4 应用案例——设计制作App聊天气泡交互动效 140
5.1.5 链接上一个画板 144
5.1.6 取消链接 144
5.1.7 应用案例——设计制作App猫爪菜单交互动效 144
5.2 交互动画 147
5.2.1 创建交互动画 147
5.2.2 应用案例——设计制作App删除和置顶交互动效 148
5.3 使用其他方式创建交互 152
5.3.1 使用键盘和游戏手柄创建交互 152
5.3.2 使用“语音”命令和“语音放”操作类型创建交互 153
5.4 创建定时过渡 155
5.4.1 使用“时间”触发条件创建交互 155
5.4.2 应用案例—— 设计制作App加载界面交互动效 155
5.5 添加叠加 157
5.5.1 使用“叠加”操作类型创建交互 157
5.5.2 应用案例——设计制作App搜索界面交互动效 157
5.6 创建锚点链接 159
5.7 预览UI与UX设计 160
5.7.1 预览UI设计 161
5.7.2 应用案例——预览App界面中的交互动效 162
5.8 解惑答疑 164
5.8.1 交互用户的工作内容 164
5.8.2 动效设计制作工具有哪些 165
5.9 总结扩展 167
5.9.1 本章小结 167
5.9.2 扩展练习——设计制作App界面中的轮播图 167
第6章 输出、标注和共享UI设计
6.1 使用Adobe XD输出设计资源 169
6.1.1 导出切片资源 169
6.1.2 不同格式的切片资源 172
6.2 输出iOS系统的UI设计 175
6.2.1 iOS系统向下和向上适配 176
6.2.2 适配切片命名规范 178
6.2.3 应用案例——完成iOS系统UI界面的切片输出 180
6.3 输出Android系统的UI设计 181
6.3.1 Android系统中的“点9”切图 181
6.3.2 适配输出中的一稿两用 185
6.3.3 应用案例——完成Android系统UI界面的切片输出 186
6.4 标注移动App UI设计 187
6.4.1 App界面标注内容 187
6.4.2 标注的声明文档 188
6.4.3 应用案例——使用PxCook标注App浏览界面 189
6.4.4 UI设计的标注规范 190
6.4.5 应用案例——使用PxCook标注App主题界面 192
6.5 共享移动App UI设计 193
6.5.1 共享UI设计 193
6.5.2 使用共享UI设计 197
6.5.3 创建共享链接 198
6.5.4 应用案例——共享移动App UI界面 200
6.5.5 使用设计规范 200
6.5.6 应用案例——发布与共享App的设计规范 202
6.6 解惑答疑 203
6.6.1 切片的尺寸为什么必须是双数 203
6.6.2 如何协同编辑共享的UI设计 203
6.7 总结扩展 203
6.7.1 本章小结 204
6.7.2 扩展练习——完成UI界面的切片输出 204
第7章 综合案例
7.1 设计制作美妆App项目 205
7.1.1 美妆App项目分析 205
7.1.2 制作美妆App草图 206
7.1.3 美妆App界面色彩搭配 208
7.1.4 美妆App界面元素分析 209
7.1.5 美妆App UI设计 211
7.1.6 美妆App 交互设计 213
7.1.7 输出美妆App切片资源 215
7.1.8 标注美妆App 217
7.2 设计制作社交App项目 219
7.2.1 社交App项目分析 220
7.2.2 制作社交App草图 220
7.2.3 社交App界面色彩搭配 222
7.2.4 社交App界面元素分析 223
7.2.5 社交App UI设计 225
7.2.6 社交App交互设计 227
7.2.7 输出社交App切片资源 230
7.2.8 标注社交App 232
7.3 设计制作日历App项目 234
7.3.1 日历App项目分析 234
7.3.2 制作日历App草图 234
7.3.3 日历App界面色彩搭配 237
7.3.4 日历App界面元素分析 237
7.3.5 日历App UI设计 239
7.3.6 日历App交互设计 240
7.3.7 输出日历App切片资源 242
7.3.8 标注日历App 244
|
| 內容試閱：
|
Adobe XD是Adobe公司推出的一款专业设计软件，集原型设计、UI设计和UX设计于一体，它可以帮助UI和UX设计师快速构建移动端App和PC端网页的原型与UI设计，包含线框图、UI设计、UX设计、动画制作、预览和共享等功能。无论是在国内还是在国外，Adobe XD都是一款备受瞩目的设计工具。
本书从实用的角度出发，全面、系统地讲解了Adobe XD的各项功能和使用方法，书中内容基本上涵盖了Adobe XD中的大多数工具和重要功能，并将多个精彩实例和移动UI设计规范贯穿于整个讲解过程中，操作一目了然，语言通俗易懂，适合读者自学。
本书共分为7章，各章的主要内容如下。
第1章，讲解了Adobe XD的相关入门知识，包括移动端UI设计基础、移动UI设计流程、移动UI设计常用工具、下载和安装Adobe XD、Adobe XD的工作界面和Adobe XD的帮助资源等内容。
第2章，从软件的基本操作入手，介绍了Adobe XD的一些基本操作，如新建、打开、导入和存储文件，以及创建和管理画板、撤销与恢复操作和辅助工具的使用方法等内容。
第3章，主要对如何使用Adobe XD完成移动App原型设计进行了详细介绍，包括创建对象、为对象设置样式、编辑对象、创建文本、管理文本和设计画板等内容。
第4章，讲解了如何使用Adobe XD完成移动App UI设计，包括使用处理设计系统、使用图层、为对象设置效果、设计UI 界面的结构、使用3D变换进行透视设计等内容。
第5章，主要讲解了使用Adobe XD完成UX设计的操作方法、使用技巧和设计规范，包括添加交互、制作交互动画、创建定时过渡、添加叠加、创建锚点链接，以及使用Adobe XD预览UI与UX设计等内容。
第6章，详细介绍了使用Adobe XD输出、标注和共享UI设计，包括使用Adobe XD输出设计资源、输出iOS系统的UI设计、输出Android系统的UI设计、标注移动App UI设计和共享移动App UI设计等内容。
第7章，通过综合的大型商业案例讲解如何使用Adobe XD完成移动App项目，包括设计制作美妆App项目、设计制作社交App项目和设计制作日历App项目。
本书特点
本书结构编排合理，内容全面，特别是移动UI设计规范部分，通过特殊的方式进行布局排版，方便读者查找与阅读。
案例步骤只有4步，操作简单明了，读者可通过扫描二维码观看当前案例的演示视频，获取案例的素材和源文件。
删除了知识点中的大量参数，减少读者的阅读难度。部分案例配备了案例中需要使用的移动UI设计规范。
|
|
購物車/收銀台(0) | 在線留言板
| 付款方式
| 聯絡我們
| 運費計算
| 幫助中心 |
加入書簽
HOME
新書上架
