零基础学Adobe XD产品设计

第 1 章 简述Adobe XD软件
1．1 概念\t10
1．1．1 Adobe XD软件来源\t10
1．1．2 共同协作\t10
1．1．3 未来发展方向\t10
1．2 特色\t11
1．2．1 体验设计\t11
1．2．2 界面设计、创建原型、共享文档\t12
1．2．3 插件支持\t12
1．2．4 Adobe 公司官方改进\t13
1．3 项目流程\t14
1．3．1 开发App软件的8个步骤（瀑布式）\t14
1．3．2 Adobe XD软件的作用\t14
1．4 Adobe XD软件的安装\t16
1．4．1 系统要求\t16
1．4．2 准备材料\t16
1．4．3 安装过程\t17
第 2 章 入口页功能使用技巧
2．1 尺寸详细介绍（Home）\t19
2．2 附加功能说明 （Add-ons）\t20
2．2．1 Plugins类插件\t21
2．2．2 UI Kits类插件\t22
2．3 从本地计算机导入文件（Your Computer）\t23
2．4 知识点案例\t24
第 3 章 菜单功能使用技巧
3．1 新建（New）\t27
3．2 打开 （Open和 Open from Your Computer）\t28
3．3 打开最近文件（Open Recent）\t29
3．4 获取用户界面套件（ Get UI Kits ）\t30
3．5 重命名 （Rename）\t31
3．6 保存 （Save） \t33
3．7 另存为 （Save As）\t35
3．8 导出（Export）\t36
3．8．1 所选内容（Selected）\t36
3．8．2 导出所有艺术板资料（All Artboards） \t37
3．8．3 导出到AE软件做后期（After Effects） \t37
3．9 导入（Import）\t38
3．10 共享（Share）\t39
3．10．1 共享文档（Share Document）\t39
3．10．2 共享供审查（Share for Review）\t40
3．10．3 共享给开发人员（Share for
Development）\t42
3．10．4 管理共享的链接内容
（Manage Links）\t44
3．10．5 录制视频（Record Video）\t45
3．11 插件（Plugins）\t46
3．11．1 已安装的插件\t47
3．11．2 发现插件（Discover Plugins）\t48
3．11．3 管理插件（Manage Plugins）\t48
3．11．4 开发（Development）\t49
3．12 帮助（Help）\t51
3．12．1 新增功能（What’s New）\t52
3．12．2 学习和支持（Learn & Support）与XD
帮助 （XD Help）\t52
3
．12．3 提供反馈（Provide Feedback）\t53
3．12．4 发布说明（Release Notes）\t53
3．12．5 XD教程（XD Tutorial）\t53
3．12．6 关于XD（About XD）\t54
3．12．7 升级XD（Upgrade XD）\t54
3．12．8 管理我的账户（Manage My
Account）\t54
3．12．9 注销（Sign Out）\t54
3．12．10 更新（Updates）\t55
3．13 知识点案例\t55
第 4 章 视图栏工作区功能使用技巧
4．1 设计视图（Design）\t62
4．2 原型交互视图（Prototype）\t62
4．3 文件名显示（Edit）\t63
4．4 缩放视图（Zoom）\t63
4．5 手机预览（Mobile Preview） \t65
4．6 计算机预览（Desktop Preview）\t66
4．7 共享（Share）\t66
4．8 知识点案例\t66
第 5 章 基础工具栏功能及延伸技巧
5．1 选择（Select）\t70
5．2 矩形（Rectangle）\t71
5．3 椭圆（Ellipse）\t71
5．4 直线（Line）\t71
5．5 钢笔（Pen）\t72
5．6 文本（Text）\t74
5．7 艺术板（Artboard）\t74
5．8 放大（Zoom）\t75
5．9 资源（Assets）\t75
5．10 图层（Layers）\t76
5．11 下拉功能\t77
5．12 断开圆形和矩形功能\t79
5．13 将截图放入圆形里\t80
5．14 知识点案例\t81
第 6 章 美化栏功能使用技巧
6．1 竖线布局设计\t87
6．2 横线布局设计\t88
6．3 重复网格（Repeat Grid）\t88
6．4 图形大小和位置设置\t89
6．5 响应式调整大小
（RESPONSIVE RESIZE）\t90
6．6 文字美化（Text）\t91
6．7 外观美化（APPEARANCE）\t94
6．7．1 外观美化基础\t94
6．7．2 渐变色技巧\t96
6．8 知识点案例\t98

第 7 章 原型交互基础功能使用技巧
7．1 选项图解\t103
7．1．1 触发（Trigger）的选项\t103
7．1．2 动作（Action）的选项\t104
7．1．3 动画（Animation）的选项\t105
7．1．4 缓动（Easing）的选项\t106
7．2 原型交互案例\t107
7．2．1 交互生成案例\t108
7．2．2 预览交互案例\t110
7．2．3 删除交互链接案例\t111
7．2．4 弹出对话框的交互案例\t113
第 8 章 留言本系统项目全流程图解案例
8．1 流程图\t116
8．1．1 业务流程图\t116
8．1．2 发布留言系统流程图\t116
8．1．3 查看已发布留言系统流程图\t118
8．1．4 管理留言系统流程图\t119
8．2 原型界面图\t120
8．3 交互图 \t121
8．4 图标设计 \t124
8．4．1 新建一个页面\t124
8．4．2 创建素材\t125
8．4．3 创建图形\t125
8．4．4 创建蓝色圆形\t126
8．4．5 组合图形和素材\t126
8．4．6 将组合变为组\t127
8．4．7 导出为Web格式图标\t127
8．4．8 查看导出文件\t128
8．5 高保真软件界面图\t128
8．6 交付开发\t129
8．6．1 前端开发\t129
8．6．2 程序开发\t129
8．7 测试和验收\t130
8．8 上线\t131
第 9 章 企业网站全流程图解案例
9．1 设计视图案例\t133
9．1．1 首页\t133
9．1．2 关于\t134
9．1．3 产品\t135
9．1．4 新闻\t136
9．1．5 联系\t137
9．2 交互视图案例\t137
9．3 转化为HTML+CSS案例\t138
第 10 章 Adobe XD设计案例
10．1 手表天气应用设计案例\t141
10．2 钢琴图标设计案例\t146
10．3 路线图设计案例\t159
10．4 名片设计案例\t165
10．5 简历设计案例\t167
10．6 App电商首页设计案例\t177
10．6．1 App原型设计图解技巧\t178
10．6．2 App高保真UI设计图解技巧\t180
10．7 App即时通信页面设计案例\t180
10．8 商品展示网站页面设计案例\t185
10．9 个人中心页面设计案例\t197
10．10 平板电脑预订酒店页面设计案例\t209
附录 A 插件大全
A．1 UI Faces 自动填充头像插件\t223
A．2 Polygons多边形插件 \t224
A．3 Design Hunt图形填充插件 \t225
A．4 Icondrop图标插件 \t225
A．5 VizzyCharts数据可视化插件\t226
A．6 uiLogos图标插件 \t226
A．7 Adjust Size by Shortcut图形拉伸插件\t227
A．8 Dribbble共享和学习插件\t228
A．9 Place Text文本空间占位插件\t229
A．10 Page No．插入页码插件 \t229
A．11 Web Export网站格式导出插件 \t230
A．12 Mimic颜色获取插件\t231
A．13 Material Color Pallets颜色插件\t232
A．14 Calendar日历插件\t233
A．15 Swapper交换位置插件\t233
A．16 Bullets文本标记插件\t234
A．17 Tunda Image填充网络图片插件\t235
A．18 QR Code Maker二维码插件\t236
A．19 Adobe XD手机实时预览\t236