Adobe XD界面设计与原型制作教程 pdf epub mobi txt 电子书下载 2026

简体网页||繁体网页

☆☆☆☆☆

出版者:电子工业出版社

作者:文家齐

出品人:

页数:240

译者:

出版时间:2019-9

价格:79.00元

装帧:平装

isbn号码:9787121373077

丛书系列:

图书标签:

交互设计
UI设计
Adobe XD
UI设计
原型设计
交互设计
用户体验
设计教程
软件教程
设计工具
移动端设计
网页设计

下载链接在页面底部

facebook linkedin mastodon messenger pinterest reddit telegram twitter viber vkontakte whatsapp 复制链接

想要找书就要到图书目录大全

book.wenda123.org

立刻按 ctrl+D收藏本页

你会得到大惊喜!!

具体描述

本书基于Adobe XD 2019 中文版，全面系统地介绍XD 的基本操作方法和界面设计技巧。书中包括界面设计的基础知识、XD 的简介和安装方法、工具的使用、对象的创建和编辑、资源管理、图层管理、重复网格、响应式调整、导出到After Effects、XD 格式文件转为PSD 格式文件、生成在线链接、标注、切图、交互式原型、语音触发、自动制作动画、实时预览、常用插件及与第三方软件协作等内容，使读者能够熟悉并掌握XD 的功能和界面设计基础。本书内容在多个实战案例的基础上，增加移动端、小程序、网页等多个商业案例解析，并适当穿插有一些技术专题知识，使读者可以快速上手，掌握软件功能和界面设计思路，提升界面设计能力。

本书包含XD 当前版本的全部基础知识点，通过目录可以清晰地查看并找到需要的知识点。本书提供的学习资源中包含所有案例的视频文件、实例源文件及素材文件。本书可作为XD 自学人员的参考用书使用，也可作为相关机构的培训教材使用。

跃入数字创意新纪元：探索交互与视觉的可能性本书并非一本关于特定软件操作指南的教程，而是为你推开一扇通往现代数字产品设计核心的大门。它旨在深入剖析优秀界面设计所蕴含的原则、方法与哲学，引导你超越工具的束缚，真正掌握如何构思、构建和优化能够引起用户共鸣的数字体验。我们将在本书中一起踏上一场关于“为什么”与“如何”的探索之旅。为什么某些设计能够瞬间抓住用户眼球，引导他们顺畅完成任务，而另一些则显得杂乱无章，令人望而却步？是什么样的思考过程，才能让一个概念转化为直观、高效且令人愉悦的交互界面？我们将从用户体验 (UX) 的根本出发，深入探讨如何理解用户的需求、行为模式和期望，并将这些洞察转化为切实的设计决策。本书的核心内容将围绕以下几个关键主题展开：第一部分：设计的思维蓝图——用户体验的基石深度用户研究与洞察提炼：我们将学习如何进行有效的用户访谈、问卷调查，以及如何从零散的信息中提炼出有价值的用户画像和关键需求。理解你的目标用户是谁，他们的痛点在哪里，是所有优秀设计的起点。信息架构与导航设计：如何将复杂的信息结构化，让用户能够轻松找到他们所需的内容？我们将探讨不同的信息架构模式，以及如何设计直观、一致的导航系统，确保用户在数字世界中畅行无阻。交互设计原则与模式：深入剖析“可见性”、“反馈”、“一致性”等核心交互设计原则，并通过大量案例分析，学习如何应用“按钮”、“表单”、“列表”、“卡片”等常见的交互模式，构建流畅、高效的用户流程。可用性测试与迭代优化：设计并非一蹴而就。我们将讨论如何在设计的各个阶段进行可用性测试，收集用户反馈，并基于这些反馈进行有效的迭代和优化，不断提升产品的可用性和用户满意度。第二部分：视觉语言的构建——构建吸引人的界面网格系统与布局美学：探索如何利用网格系统建立视觉秩序，实现界面的平衡与和谐。我们将研究不同的布局策略，以及如何根据内容和功能需求，设计出既美观又实用的页面结构。色彩心理学与品牌调性：色彩不仅仅是视觉的装饰，更是传达情感、建立品牌认知的重要媒介。我们将学习色彩理论在界面设计中的应用，以及如何选择恰当的色彩方案来呼应品牌调性，引导用户情绪。排版艺术与可读性：字体是界面中的“声音”。我们将深入探讨字体选择、字号、行距、字间距等排版要素如何影响信息的可读性和整体美感，以及如何创造清晰、易读的文本层级。图标设计与符号语言：图标是浓缩信息、提升效率的视觉符号。我们将学习图标设计的原则，如何创造清晰、易懂且风格统一的图标，以及如何利用它们来增强界面的指示性和操作性。视觉层次与焦点引导：如何在众多元素中突出重要信息，引导用户的注意力？我们将探讨“大小”、“对比度”、“留白”、“位置”等视觉元素的运用，构建清晰的视觉焦点，优化信息传达效率。动效设计与微交互的魔力：恰当的动效能够为界面注入生命力，提升用户体验的愉悦感。我们将讨论微交互的设计理念，以及如何通过细微的动画反馈，让用户感知操作的成功，增加界面的趣味性和引导性。第三部分：从构想到实现的桥梁——原型制作的智慧原型设计的价值与意义：为什么需要进行原型制作？它如何加速沟通、降低风险、验证设计？我们将深入理解原型在设计流程中的关键作用。不同保真度原型的选择与应用：从低保真度的线框图到高保真度的交互原型，每种原型都有其适用的场景。我们将学习如何根据项目阶段和目标，选择最合适的原型类型。原型制作的核心技巧：（此处不具体提及特定软件的操作，而是侧重于通用的技巧和方法，例如：如何高效构建组件库、如何模拟真实交互流程、如何清晰地表达设计意图等。）我们将聚焦于那些能够帮助你快速、准确地将设计想法转化为可交互原型的通用技巧，让你能够专注于“设计”本身，而非软件的繁琐操作。与开发团队的有效协作：原型是设计与开发之间的重要沟通桥梁。我们将探讨如何通过原型清晰地传达设计意图，与开发团队进行有效沟通，确保设计能够被准确实现。本书的写作风格将注重逻辑清晰、案例丰富、方法实用。我们不追求成为某个软件的“万能手册”，而是希望成为你数字产品设计旅程中的一位“引路人”。通过本书，你将不仅学会“做什么”，更重要的是理解“为什么这么做”，从而培养出独立思考、解决复杂设计问题的能力。无论你是初涉设计领域的学生，还是寻求提升专业技能的在职设计师，亦或是希望更好地理解数字产品背后逻辑的产品经理，本书都将为你提供宝贵的视角与实践指导，助你在日新月异的数字创意领域，构建出真正 impactful 的产品。

作者简介

文家齐，XD中文网创始人，从2015年至今一直在中国推广Adobe XD软件，为设计工作者们提供Adobe XD的素材、资讯和教程。

目录信息

第1章初识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 Libraries 95
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 Effects 101
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 Faces 168
7.2.2 二维码生成插件 QR Code Makerfor XD 169
7.2.3 英文大小写切换插件Change Case 170
7.2.4 图层批量重命名插件Rename It 171
7.2.5 多边形插件Polygons 174
7.2.6 图片填充插件PhotoSplash 176
7.2.7 日历插件Calendar 177
7.2.8 提取网页设计规范插件Mimic 178
7.2.9 图表生成插件VizzyCharts 178
7.3 第三方工具介绍 183
7.3.1 通过Axhub Icons快速使用网络图标 183
7.3.2 交互原型设计工具ProtoPie 184
7.3.3 自动标注工具PxCook 185
第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
· · · · · · (收起)

读后感

评分☆☆☆☆☆

用户评价

评分☆☆☆☆☆

这本书的排版和视觉呈现也值得称赞，这对于一本设计类教程来说至关重要。很多教程为了塞入更多的文字和截图，导致版面拥挤不堪，眼睛看了几分钟就觉得累。但这本书的布局非常清爽，留白恰到好处，使得每一个关键步骤的图示都清晰可见，而且标注的重点突出，不会让人在复杂的界面中迷失方向。更让我惊喜的是，书中对设计系统的搭建流程进行了详细的梳理。我过去总是把组件和样式看作是零散的功能点，但作者清晰地展示了如何通过主组件（Master Components）的变体（Variants）功能，高效管理数以百计的UI状态，极大地简化了后期维护的噩梦。这部分内容对于任何需要维护大型项目或多人协作的设计师来说，都是无价之宝。它不仅仅是教你“如何做”，更是在教你“如何做得更聪明、更可持续”。读起来一点都不觉得枯燥，更像是在跟随一位经验丰富的导师进行一对一的指导。

评分☆☆☆☆☆

对于我这种习惯于通过案例驱动学习的人来说，这本书的案例丰富性和贴合度是选择它的关键因素。它没有停留在简单的登录注册页面，而是深入到了数据可视化仪表盘的交互设计，以及复杂表单的多步骤引导流程。这些都是实际工作中我们经常会遇到的“硬骨头”场景。最让我印象深刻的是关于“微交互”的章节，作者用非常直观的方式拆解了一个按钮点击后的反馈动画，从关键帧的设置到缓动曲线的选择，每一步都解释了背后的心理学依据，而不是简单地告诉你“设置成0.3秒”。这种对细节的执着和对用户心理的洞察，让教程的层次瞬间拔高。它成功地将原本可能需要花费数周时间在摸索中领悟的经验，压缩到了几个小时的阅读和实践中，极大地缩短了从“会用”到“精通”的距离。这绝对是一本能真正提升实战能力的工具书。

评分☆☆☆☆☆

我必须承认，我对很多技术书籍的耐心是有限的，它们常常把最核心的概念藏在冗长而晦涩的语言背后。然而，这本教程的叙事节奏把握得非常巧妙。它从一个具体的业务场景切入，逐步拆解出所需的UI元素和交互逻辑，而不是先讲完所有工具栏的功能再让你去拼凑。这种“问题导向”的学习路径，让学习过程充满了探索的乐趣。例如，它讲解矢量网络工具时，并非只是展示了“怎么画圆和方块”，而是通过一个复杂的Logo重构案例，让你体会到路径合并与布尔运算在精细化设计中的决定性作用。而且，书中对于设计规范的讨论也相当到位，不再是那种空泛的“美观”二字，而是结合了WCAG无障碍标准和移动端人机交互的基本原则，让你的设计作品从一开始就站得更高。对我而言，这本书提供的价值远超于一个软件使用指南，它更像是一部关于现代数字产品设计哲学的入门读本，实用性与思想性兼备，让人读完后有一种茅塞顿开的感觉，恨不得马上打开软件实践一番。

评分☆☆☆☆☆

这本关于Adobe XD的教程实在让人耳目一新，它没有拘泥于那种枯燥的软件操作罗列，而是非常注重将设计思维融入到实际的原型制作流程中。我以前用其他工具做原型，总觉得设计稿和可交互的原型之间隔着一道鸿沟，很多想法落地时总会失真。但这本书的讲解方式，很自然地引导你思考“用户在这一步会怎么做”，然后用XD的组件和状态功能去完美模拟那种真实的用户体验。特别是关于响应式设计那一部分的论述，简直是点睛之笔，它不是简单地教你拖拽尺寸，而是深入剖析了如何构建一套灵活的、可适应不同屏幕尺寸的设计系统。作者的例子选取得非常好，都是当下非常流行的App界面元素，读者可以立即上手模仿并应用到自己的项目中。读完之后，我感觉自己对“流程化设计”的理解提升了一个层次，不再是单纯的画图工具使用者，而更像是一个能构建完整数字体验的架构师了。它的内容深度和广度都恰到好处，既能满足初学者的入门需求，对资深设计师而言，也能从中找到优化工作流的新思路。

评分☆☆☆☆☆

我原本对在线原型工具持有一种“够用就好”的态度，认为它们在复杂逻辑处理上终究比不上传统的桌面软件。但这本书彻底颠覆了我的这种刻板印象。作者非常擅长利用XD的云协作和分享功能，将团队合作的场景融入到教程的讲解中。特别是关于“设计师与开发人员的交接”部分，它详细展示了如何利用“设计规范”和“代码片段”的集成，实现设计到开发的平滑过渡，避免了反复沟通的低效环节。书中对“主机和内容”关系的讲解也极具洞察力，帮助我理解了如何构建真正健壮、可维护的原型结构，而不是那些一团糟的零散画板。阅读这本书的过程，就像是进行了一次彻底的专业升级，它不仅教会了我操作软件，更重要的是重塑了我对现代产品交付流程的认知。这不仅仅是一本软件手册，它是一份面向未来工作方式的路线图，强烈推荐给所有希望在数字化设计领域深耕的人。

评分☆☆☆☆☆

不错。 XD其实使用上和adobe之前的软件如出一辙，所以本书不局限于基本操作，还提供了一些实践案例，拓展读者的思路。但是，微信读书版有几处没能完整录入原文，稍有缺憾，扣一星。这本书主要讲软件操作，粗粗浏览之下还是给个好评。最后给四星

评分☆☆☆☆☆

让我想起了以前经常在大学课堂上自己抱啃各种设计软件《****从入门到精通》系列，两分看八分练

评分☆☆☆☆☆

让我想起了以前经常在大学课堂上自己抱啃各种设计软件《****从入门到精通》系列，两分看八分练