ADOBE XD界面设计与原型制作教程(全彩)
全新正版 假一赔十 可开发票
¥
51.46
6.5折
¥
79
全新
库存2件
作者文家齐
出版社电子工业出版社
ISBN9787121373077
出版时间2019-10
装帧平装
开本16开
定价79元
货号1201945353
上书时间2024-12-12
商品详情
- 品相描述:全新
- 商品描述
-
作者简介
文家齐,XD中文网创始人,从2015年至今一直在中国推广Adobe XD软件,为设计工作者们提供Adobe XD的素材、资讯和教程,同时拥有微信公众号、多个QQ群、微信小程序等众多社群。
目录
目录
章
初识Adobe XD
1.1?XD的基本介绍2
1.1.1?XD与同类软件的区别 4
1.1.2?位图与矢量图的区别 6
1.1.3?关于XD的一些其他使用说明 6
1.2?XD的安装与卸载6
1.2.1?系统要求 6
1.2.2?安装和卸载 6
1.3?XD的工作界面介绍8
1.3.1?启动界面 8
1.3.2?设计界面 9
1.3.3?菜单栏 10
1.3.4?导航栏 10
1.3.5?设计模式 11
1.3.6?工具栏 11
1.3.7?资源/图层面板 11
1.3.8?画布和画板 12
1.3.9?属性检查器 12
第2章
XD的基本操作
2.1?文件管理14
2.1.1 打开一个文件14
2.1.2 文件保存15
2.1.3 文件保存状态15
2.1.4 关闭文件15
2.1.5 撤销和重做16
2.2?视图管理16
2.2.1 放大视图显示比例17
2.2.2 缩小视图显示比例18
2.2.3 缩放视图至指定显示比例19
2.2.4 移动视图20
2.3?选择工具20
2.3.1 多选20
2.3.2 选择对象内部的元素21
2.4?绘制基础形状21
2.4.1 绘制矩形和圆角矩形21
2.4.2 绘制椭圆和圆22
2.4.3 绘制直线23
2.5?钢笔工具23
2.5.1 绘制直线23
2.5.2 绘制曲线24
2.5.3 编辑路径24
2.5.4 禁用锚点对齐24
2.6?文本工具26
2.6.1 点文本26
2.6.2 区域文本26
2.6.3 拼写检查26
2.7?画板工具27
2.7.1 增加画板27
2.7.2 修改画板名称28
2.7.3 修改画板尺寸29
2.8?隐藏的辅助功能29
2.8.1 距离测量29
2.8.2 更智能的参考线30
2.8.3 自动吸附30
2.9?对象管理31
2.9.1 剪切、复制和粘贴31
2.9.2 编组32
2.9.3 锁定和解锁对象32
2.9.4 隐藏或显示33
2.10?图层面板33
2.10.1 XD中的图层面板33
2.10.2 锁定/解锁和显示/隐藏34
2.10.3 调整图层顺序35
2.10.4 编组36
2.10.5 搜索和筛选36
2.10.6 修改图层名称37
2.11?资源面板37
2.11.1 资源面板界面38
2.11.2 添加和删除资源38
2.11.3 资源重命名39
2.11.4 修改资源面板中元素的顺序39
2.11.5 符号39
2.11.6 高亮显示42
第3章
属性检查器
3.1?对齐44
3.1.1 对齐工具44
3.1.2 相对于画板对齐44
3.1.3 多个元素对齐45
3.1.4 水平分布和垂直分布45
3.2?重复网格46
3.2.1 创建和编辑重复网格46
3.2.2 调整重复网格中元素的间距47
3.2.3 编辑重复网格中的元素47
3.2.4 批量替换文本48
3.2.5 批量替换图片49
3.2.6 取消重复网格50
实 战 ?音乐App首页 50
3.3?布尔运算54
3.3.1 使用布尔运算54
3.3.2 编辑布尔运算对象54
实 战 ?绘制一条小鱼 55
3.3.3 转换为路径61
3.4?常用属性和工具61
3.4.1 宽高和坐标61
3.4.2 旋转角度62
3.4.3 画板方向设置63
3.4.4 翻转工具63
3.5?文本属性64
3.5.1 字体、字号和字重64
3.5.2 文本的对齐方式65
3.5.3 点文本和区域文本切换66
3.5.4 下画线67
3.5.5 字符间距、行间距和段落间距67
3.6?外观67
3.6.1 透明度68
3.6.2 圆角68
3.6.3 填充纯色和渐变69
实 战 ?使用渐变 73
3.6.4 描边75
3.6.5 阴影76
实 战 ?带有投影的渐变颜色按钮 77
3.6.6 模糊79
实 战 ?登录页设计 80
3.7?网格86
3.7.1 开启或关闭网格86
3.7.2 设置方形属性86
3.7.3 设置版面属性87
3.7.4 存储为默认并使用88
3.8?使用数学计算88
3.9?响应式调整大小89
实 战 ?响应式调整大小 91
第4章
导入和导出资源
4.1?导入94
4.1.1 从本地计算机中导入94
4.1.2 打开或导入PSD文件94
4.1.3 从Photoshop中复制内容94
4.1.4 从Illustrator 中导入或复制95
4.1.5 从Sketch中导入或复制95
4.1.6 关于Creative Cloud Libraries95
4.2?导出96
4.2.1 导出的基本操作方法96
4.2.2 导出PNG文件97
4.2.3 导出SVG文件100
4.2.4 导出PDF文件101
4.2.5 导出JPG文件101
4.2.6 导出到After Effects101
4.2.7 将XD文件转为PSD文件102
第5章
创建可交互式原型
5.1?创建原型106
5.1.1 设置首页107
5.1.2 可滚动画板107
5.1.3 固定元素108
实 战 ?创建固定元素可滚动原型 108
5.2?链接111
5.2.1 添加跳转链接111
5.2.2 删除跳转链接112
实 战 ?交互式原型 113
5.3?触发118
5.3.1 拖移118
5.3.2 时间118
实 战 ?自动播放的轮播图 119
5.3.3 语音121
5.4?目标122
5.5?操作122
5.5.1 自动制作动画123
实 战 ?循环旋转动画 124
实 战 ?轮播图拖移动画 125
5.5.2 语音播放133
5.5.3 上一个画板133
5.5.4 过渡134
5.5.5 叠加135
5.6?动画136
5.6.1 动画中的无和溶解136
5.6.2 滑动动画136
5.6.3 推出动画138
5.7?缓动139
5.8?持续时间140
5.9?粘贴交互140
第6章
预览和共享
6.1?预览142
6.1.1 桌面预览142
6.1.2 使用XD移动端预览144
6.2?共享144 6.2.1 邀请编辑145 6.2.2 查看和评论原型链接147 6.2.3 共享以审阅150 6.2.4 查看设计规范链接155 6.2.5 共享以开发162 6.2.6 管理链接163 第7章 插件和第三方工具介绍 7.1?安装和管理插件166 7.1.1 安装插件166 7.1.2 管理插件167 7.2?常用插件168 7.2.1 头像填充插件UI Faces168 7.2.2 二维码生成插件 QR Code Maker
for XD169
7.2.3 英文大小写切换插件Change Case170
7.2.4 图层批量重命名插件Rename It171
7.2.5 多边形插件Polygons174
7.2.6 图片填充插件PhotoSplash176
7.2.7 日历插件Calendar177
7.2.8 提取网页设计规范插件Mimic178
7.2.9 图表生成插件VizzyCharts178
7.3?第三方工具介绍183
7.3.1 通过Axhub Icons快速使用网络图标183
7.3.2 交互原型设计工具ProtoPie184
7.3.3 自动标注工具PxCook185
第8章
商业实战项目案例解析
8.1?设计规范介绍188
8.1.1 iOS设计规范介绍188
8.1.2 Android设计规范介绍190
8.1.3 电脑端网页设计规范介绍191
8.2?万联数字艺术馆App设计项目实战191
8.2.1 制作首页192
8.2.2 制作文章列表页197
8.2.3 制作文章详情页199
8.2.4 制作艺术家列表页202
8.2.5 制作艺术家个人主页204
8.2.6 制作交互原型206
8.3?鲜艺App小程序设计项目实战209
8.3.1 制作首页210
8.3.2 制作分类页215
8.3.3 制作课程列表页217
8.3.4 制作课程详情页219
8.3.5 制作我的学习页219
8.3.6 批量替换颜色221
8.3.7 制作交互原型222
8.4?XD中文网网页项目设计实战224
8.4.1 创建文件并设置网格224
8.4.2 制作网页导航和首屏225
8.4.3 制作内容列表227
8.4.4 制作网页页脚228
附录
附录:常用快捷键230
内容摘要
本书基于Adobe XD 2019 中文版,全面系统地介绍XD 的基本操作方法和界面设计技巧。书中包括界面设计的基础知识、XD 的简介和安装方法、工具的使用、对象的创建和编辑、资源管理、图层管理、重复网格、响应式调整、导出到After Effects、XD 格式文件转为PSD 格式文件、生成在线链接、标注、切图、交互式原型、语音触发、自动制作动画、实时预览、常用插件及与第三方软件协作等内容,使读者能够熟悉并掌握XD 的功能和界面设计基础。本书内容在多个实战案例的基础上,增加移动端、小程序、网页等多个商业案例解析,并适当穿插有一些技术专题知识,使读者可以快速上手,掌握软件功能和界面设计思路,提升界面设计能力。本书包含XD 当前版本的全部基础知识点,通过目录可以清晰地查看并找到需要的知识点。本书提供的学习资源中包含所有案例的视频文件、实例源文件及素材文件。本书可作为XD 自学人员的参考用书使用,也可作为相关机构的培训教材使用。
主编推荐
"基础入门:按照实际工作中的流程,从基础知识开始逐步深入讲解。
全面系统:从基础理论出发,到基本操作的演练,再到实战,将知识一网打尽。
行业实用:从实用角度出发,全面系统地讲解了Adobe XD的所有应用功能,做到所学即所得。
资源丰富:随书附赠20个素材源文件+43个视频,方便读者同步练习,让学习不留遗憾。
"
精彩内容
"Adobe XD是一款专为UI界面设计和网页设计打造的矢量设计软件。Adobe的首席执行官兼执行副总裁Scott Belsky(斯科特?贝尔斯基)曾说道:“我们相信 XD 即使不会比 Photoshop 更强,也至少和它同样强大。”XD同时支持Windows和Mac OS操作系统,能够在同一个软件里完成设计和交互,支持打开与编辑PSD、SKETCH及AI等格式的文件,能够一键切图和导出标注,拥有简洁、高效、快速、学习成本低的特点,已成为众多UI设计师青睐的工具之一。
笔者是XD中文网的创始人,2015年创建XD中文网,是国内批XD内测用户,从XD内测版开始到现在,四年来一直在国内推广XD的使用,并持续分享相关素材、资讯和教程。
笔者结合XD中文网四年的实际运营经验为读者带来这本书,本书是初学者快速自学XD 2019的教程,全书从实用角度出发,全面系统地讲解了XD 2019的所有应用功能,涵盖了XD 2019的全部工具、面板和菜单命令,同时安排了实战性的案例、详细的制作步骤,还包含了第三方插件和集成的使用方法。
本书共分为8章,按照实际工作中设计的流程,从基础知识开始逐步深入,按照“认识—了解—掌握—实战”的过程,让你从入门到精通全面掌握XD。
章为XD的基础理论知识,主要讲解XD相关的基础知识、安装与卸载、界面与工具等内容。通过本章学习,读者可以对XD有一个基本的了解。 第2章为XD的基本操作知识,帮助读者掌握XD的文件、视图、图层面板及资源面板的管理等知识,详细讲解各种工具的操作方式,以及辅助功能中的距离测量、智能参考线、自动吸附功能的使用方法。 第3章为属性检查器的使用知识。通过属性检查器,根据选择的对象,用户可以利用不同的选项来定义其不同的属
性,如使用矢量运算工具可对多个对象进行不同的组合来创建新的对象,修改对象的宽高、位置、尺寸、颜色、边框及
阴影;使用加、减、乘、除等数学计算可创建精确的数学设计等。
第4章为导入和导出资源的知识。通过合理地使用外部资源,读者可更快、更高效地完成设计工作。本章还包含导出、切图的内容。 第5章为创建可交互式原型的知识。能创建可交互式原型是XD的一大亮点,将设计与原型集成在同一个软件中,用户在设计的基础上就可以轻松完成交互设计。 第6章为预览和共享的知识。通过XD提供的预览和共享功能,用户可以预览原型查看实际效果,通过共享给同事、客户来快速获得反馈。 第7章为插件和第三方工具的知识,详细讲解XD插件的安装和管理,选取了一些常用的插件和第三方工具进行讲
解,这些插件和第三方工具可以用来简化、加快甚至自动完成一些复杂重复的设计工作。
第8章为商业实战知识,详细演示网页设计、微信小程序设计及移动界面设计的实战步骤的同时,也让读者了解并掌握一些必要的设计规范,为实际工作打下扎实的基础。
本书旨在编写一本对读者真正有帮助的界面设计教程,让读者在阅读本书以后可以轻松地掌握XD设计界面和制作原型的方法,在实际设计过程中使用XD能起到事半功倍的作用。
同时,感谢我爱的人和爱我的人,感谢所有支持和帮助过我的人。另外,特别感谢电子工业出版社的编辑田振宇,没有他的帮助,本书不可能完成。
由于笔者水平有限,书中难免存在错误和不妥之处,希望广大读者批评指正。在学习过程中如果发现问题或有更好的建议,欢迎通过微信公众号“XD资源库”或邮箱s@94xy.com与笔者取得联系。"
— 没有更多了 —
以下为对购买帮助不大的评价