Adobe XD使用心得及简单使用技巧

2023-05-16

关于Adobe XD

Adobe XD,全称Adobe Experience Design。

这是一款集原型、设计和交互于一体的小清新时代风格的设计软件。

虽然传言中,Adobe XD将会是skech的劲敌。然而在windows系统当中,Adobe XD的确是产品原型设计领域最趁手的设计软件。它使用简单,界面整洁,虽然之前博主一直使用的是Axure 8.0,但在博主看来,Adobe XD在界面、素材以及设计操作上的确甩了Axure好几条街,至少它成功的吸引到了我。

使用介绍

点开Adobe XD,一个Material Design风格的弹窗映入眼帘。四个不同尺寸的画框选择很人性化,这让我们不需要像在使用Axure时候手动去调整宽高,或者是导入一个手机外壳素材,让我们在设计原型时与实际尺寸更贴近,也让我们能更加专心于内容与排版的思考。

这里以第一个iphone6/7的底框为例制作一个原型。

相信对于熟悉PhotoShop的同学来说,这个界面以及左侧的工具栏都是非常熟悉的,这里为了方便不熟悉PhotoShop的朋友对Adobe XD的使用,简单介绍一下每个工具的具体用途。

鼠标图案就是鼠标点击的基础功能,用于选中与点击的作用;

绘制方框的工具既是字面的意思,可以绘制方形,这里提一个小细节:按住键盘的ctrl键后,再行拖住鼠标在画框中绘制即可得到一个完美的正方形

绘制圆形工具与绘制方框工具使用方式类似,按住ctrl同样可以绘制一个完美的圆形

画线工具可以绘制一根直线,它同样可以使用按住ctrl的方式绘制,绘制出的线会以绘制原点偏转(N*45°)的形式出现,而如果不按住ctrl可以自由绘制;

钢笔工具可以绘制自由曲线的线条甚至组成一个自由度极高的图形,相信对于PhotoShop的大触驾驭起来相当easy,但是对于新手而言还是有一定的难度的,博主也没有熟练掌握,像类似于一些可视化的图表基本上博主基本也都是使用网友大触们做好的素材再行调整的;

文字工具顾名思义,可以在画框中添加文字

创建画框工具可以在当前的画板中在创建一个新鲜的画框,所谓的画板就是我们ctrl+s保存后生成的xd文件,而每个文件(画板)中理论上可以有无数个画框,然而经博主的Surface Pro 3测试,太多画满原型的画框会导致该画板越来越卡,恩,估计也和我的本子有很大关系;

局部界面放大与缩小工具的使用场景,比如说这个画板中有30多个画框,那么我们想要将其中某一个画框正确的停留在可视界面上且保持最适宜调整的尺寸是相当难的一件事,因为windows版的Adobe XD没有横线滚动条(没有使用过mac版,所以不清楚mac版的现状),那么我们点击一下工具栏上的放大镜按钮并在我们需要调整的画框上逐渐的点击,而这时除了点击和选择适合的尺寸外,你可以提前想好需要做何种调整了,因为接下来你的修改时间即将来临,这里在提一个小细节:因为没有缩放的工具,所以可以使用ctrl+-与局部放大工具组合使用

项目画框管理工具,假如我们的画框过多的时候就需要一个类似于PhotoShop的图层管理的工具去对它的整体尺寸或是其他进行整体的调整,而项目画框管理工具就类似于这样一个工具。

Adobe XD共分为两大功能部分,Design(界面原型设计)与Prototype(界面关联与交互)两个部分,刚刚说到的工具是属于Design功能的,而Prototype的使用是与Axure完全不同的。

Axure的交互操作也并非不舒服,但是它缺少了更具互动性质的可视化操作。在Adobe XD中,只是将需要交互的两端拉上一条线就可以完成的操作,Axure上却是更多的操作步骤与繁杂的选项按钮。

我属于那种特别偏重于视觉性与操作性的人,所以如果时间允许我基本都是绘制高保真原型的,所以对于Axure本就为了方便使用而产出的事物却没有为我带来应有的便捷,那么我也只好做出了更优的选择。Axure的价值在于它如同“随手涂鸦”般的绘制体验,而这种体验在我看来更适合去绘制简单的或是低保真的线框图,Adobe XD则是一个中等偏高保真级别的原型首选软件。

Adobe XD的弊端一个是windows版还无法汉化,另一个则是一些诸如没有横向滚动条、画框过多卡顿、任务栏划水时间长之后出现的秒退等一些细节的问题,不过这些相对于它给我带来的便捷则是小巫见大巫,毕竟对于一款喜爱的软件,都会希望它变得越来越好,不是么?

下载安装

这里提供Adobe XD和Axure 8.0两个原型设计软件的下载链接,方便朋友们选择最适合自己的:

Adobe XD:https://pan.baidu.com/s/1qYBHP9q

Axure 8.0:https://pan.baidu.com/s/1skQYC7z

相关推荐

Axure中文社区

Adobe XD中文网


 

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Adobe XD使用心得及简单使用技巧 的相关文章

  • 2023AE软件、Adobe After Effects安装下载教程

    2023AE软件是一款由Adobe公司开发的视频编辑软件 也被称为Adobe After Effects 它在广告 电影 电视和网络视频等领域广泛应用 用于制作动态图形 特效 合成和其他视觉效果 该软件支持多种视频和音频文件格式 具有丰富的
  • 需要在 ExtendScript 中对对象进行 JSON 字符串化

    我正在使用 ExtendScript 处理 Indesign 文档链接的元数据信息 我想使用将对象转换为字符串JSON stringify但是当我使用它时 我收到错误消息 can t execute script in target eng
  • 使用 SQLite 开发 AIR 应用程序的最佳实践

    我将开始做几个 Adob e AIR 项目 这些项目将使用SQLite提供的功能AIR 由于这是我第一次尝试这样做 我希望得到一些指导 技巧和开发最佳实践 由于此应用程序将访问本地数据库 因此我想我可以在应用程序启动时打开与数据库的连接 并
  • AS3 - Flash/AIR 套接字通信 writeUTFBytes 仅有效一次

    我有一个套接字服务器侦听 2 个端口 其中 1 个端口用于套接字服务器 1 个端口用于策略服务器 我的代码如下 在这种情况下 数据发送和接收完全正常 但是 例如 如果我添加一个带有简单按钮的按钮 socket writeUTFBytes M
  • 如何将文本对象添加到现有的pdf中

    我有一个源 pdf 我正在通过添加文本对象来修改它 我正在使用 PDF 规范中提到的 增量更新 但是 在使用此方法添加文本对象时 我犯了一些错误 导致 pdf 在 Adob e Reader 11 中无法正确呈现 当打开 pdf 并双击它时
  • Adobe Air ios 打包程序

    限制解除后 关于将 Adob e Air 应用程序部署到 ios 似乎存在很多混乱 在苹果取消限制之前 您必须完成此处记录的流程 http blogs adobe com cantrell archives 2010 09 packager
  • PDF - Adob​​e 数字版

    我想使用 Adob e Digital Edition 保护 pdf 文档 我认为它目前被用来保护电子书以防止非法流通 任何人都可以对此有所了解吗 是否可以使用 C 或其他东西来做到这一点 您可能想看看Adobe 内容服务器和Adobe数字
  • matplotlib生成的PDF无法在acrobat reader中查看

    我正在使用 matplotlib 绘制数据 包括 LaTeX 字体 创建的 pdf 可以通过 evince inkscape GIMP 显示 但不能通过 acroread resp 显示 土坯阅读器 代码原型适用于很多图形 只有少数绘图存在
  • Adobe Reader等停止工作的原因不少,但可修复性很强

    这种情况是随机发生的 比如如果你在正常的状态下关闭了电脑 第二天打开Adobe Reader时可能就会出现这个错误 但别担心 在这篇文章中 我们将解释为什么Adobe Reader或Acrobat DC停止工作 以及我们如何解决这个问题 是
  • Adobe Air mobile - 使用 SkinClass 允许滚动时,softKeyboardType 不起作用?

    我正在尝试将 softKeyboardType 设置为电子邮件 但当我使用 SkinClass spark skins mobile TextAreaSkin 时 它不会改变它 但当我脱掉 SkinClass spark skins mob
  • 填充动态 XFA pdf 表单 itext

    我有一个基于 XFA 的 pdf 表单 我们需要使用 java 来填充它 你能建议最好的方法吗 我能够使用 iText 生成 pdf 的 xfa xml public void readXfa String srcPdfFilename S
  • 如何编写 javascript 来重新排序 pdf 文档的页面?

    我有一个双面文档作为两个单独的 pdf 文件 一个文档的正面页面和第二个文档的背面页面 front pdf rear pdf 我还将它们合并为一个包含所有页面的文档 但所有正面页面都在背面页面之前 页面排序的形式为 1 3 5 7 n 2
  • Adobe Acrobat Pro XI - 将 Javascript 添加到 PDF

    这似乎是一个非常新手的问题 但我一整天都在为这个问题绞尽脑汁 我正在运行 Adob e Acrobat Professional XI 的试用版 我希望将简单的 JavaScript 添加到 PDF 文件中 目的是创建一个 PDF 文件 打
  • matplotlib afm 导入速度极慢

    导入时间长得令人无法接受 from matplotlib import pylab as plt gt 3 0124739 secs 这是 cProfile 的输出 它清楚地显示了 afm py 的问题 这是 afm py 的一些接口Ado
  • 如何修复 android Adob​​e SDK 工具中的此错误?

    我已将 Adob e Editor 集成到我的 Android 应用程序中 它工作正常 更新我的 Android Studio 后 它崩溃了 我在gradle中添加了 android compileSdkVersion 26 buildTo
  • 添加超过 8 个项目时,AEM ACS Commons 通用列表编辑器会中断

    ACS 共享版本 5 0 6AEM 版本 6 5 8 0 我试图通过单击缩略图 然后单击顶部操作栏中的 属性 来编辑 http localhost 4502 generic lists html etc acs commons lists
  • 安全方法为无安全性,但不允许页面提取和文档组装

    我有一个非常奇怪的问题 我不确定问题出在哪里 我正在创建 PDF 但未设置任何安全限制或密码 当我在 Adob e Reader DC 中打开 PDF 并获取属性时 它确实将安全方法显示为 无安全 但是 文档组装和页面提取设置为不允许 PD
  • 在 Adob​​e Flex 中将数据写入文本文件

    我是 Adob e Flex 新手 我想将存储在字符串变量中的一些数据写入文本 txt 文件中 有人可以在这里添加示例代码对我有帮助吗 谢谢 如果您的目标是 Flash 10 则可以写入文件 阅读本文以了解如何执行此操作 http www
  • 使用 JavaScript 填写 PDF 表单

    这就是我所拥有的 用户填写很长的 html 表单 用户获取下载不同 pdf 的链接 这是可填写的表格 链接是使用 javascript 生成的 用户单击链接 生成 url 使用用户之前提交的数据 在表单中处理数据并完成字段 这是在表单内使用
  • 对于某些 PDF 文件,LoadIFilter() 返回 -2147467259

    我正在尝试使用 Adob e IFilter 搜索 PDF 文件 我的代码是用 C 编写的 我使用 p invoke 来获取 IFilter 的实例 DllImport query dll SetLastError true CharSet

随机推荐

  • ubuntu18 为什么安装的时候选择自动登陆,但是还是不能自动登陆呢

    2019 03 12 16 16 1 点击右上角的向下三角形 2 在出现的对话框里面 xff0c 点击右下角的扳手图标 3 点击 隐私 gt 锁屏 4 自动锁屏 L xff0c 保持不变 5 黑屏至锁屏的等的时间 A 改为 30分钟 6 显
  • zabbix 5.4 添加监控主机

    现在我们已经有了一个客户端主机了 xff0c 接下来我们要在zabbix server管理页面添加这台主机 xff0c 让server对agent进行监控 登录zabbix server的管理页面 xff0c 点击左侧操作树的配置选项 xf
  • (转载)环形缓冲区的实现原理(ring buffer)

    环形缓冲区的实现原理 xff08 ring buffer xff09 在通信程序中 xff0c 经常使用环形缓冲区作为数据结构来存放通信中发送和接收的数据 环形缓冲区是一个先进先出的循环缓冲区 xff0c 可以向通信程序提供对缓冲区的互斥访
  • 力扣295. 数据流的中位数

    中位数是有序列表中间的数 如果列表长度是偶数 xff0c 中位数则是中间两个数的平均值 例如 xff0c 2 3 4 的中位数是 3 2 3 的中位数是 2 43 3 2 61 2 5 设计一个支持以下两种操作的数据结构 xff1a voi
  • virt-manager cannot open display问题

    1 首先查看本机sshd是否开启X11转发 grep X11Forwarding etc ssh sshd config X11Forwarding yes X11Forwarding no 2 检查xorg x11是否安装 rpm qa
  • 2023RSAC创新沙盒大赛十强公布,软件供应链与开源软件安全再成焦点

    近日 xff0c 2023RSAC大会公布了第18届RSAC创新沙盒竞赛的决赛 十强企业 软件安全企业Endor Labs成功入围 xff0c 软件供应链安全和开源安全问题再次成为国际焦点 Endor Labs提供了一个可依赖的生命周期管理
  • 如何找到现有研发体系的「内耗问题」?| 谈效风生

    第3期 xff1a 如何找到现有研发体系的 内耗问题 xff1f 在上一期 谈到提升效能 xff0c 我们应该如何下手 xff1f 我们聊到开始做研发效能的四个要点 xff1a 评估现有流程 引入自动化工具 建立度量指标 持续改进 本期就围
  • 「自动化」聊起来简单,做起来难 | 谈效风生

    第4期 xff1a 自动化 聊起来简单 xff0c 做起来难 在上一期 如何找到现有研发体系的 内耗问题 中 xff0c 我们聊了评估现有研发体系 xff0c 正确的找到 体系内耗问题 xff0c 是改变研发体系的第一步 本期我们继续聊下一
  • GitChat·前端 | 从软件工程角度看大前端技术栈

    GitChat 作者 xff1a 韩亦乐 前言 我们都知道 xff0c 大学几乎是没有 Web 前端课的 以我所在的大学为例 xff0c 唯一引导我们了解 JavaScript 的也只是 人机界面 和 Web应用开发 选修课 再者 xff0
  • 当我说要做大数据工程师时他们都笑我,直到三个月后……

    作者 xff1a Fickr孫啟誠 原文 xff1a 三个月大数据研发学习计划实战解析 关注微信公众号 xff1a GitChat 技术杂谈 一本正经的讲技术 不要错过文末彩蛋 申明 xff1a 本文旨在为普通程序员 xff08 Java程
  • 带你从零开始,快速学会 Matlab GUI

    本文来自作者 木木小迷哥 在 GitChat 上分享 Matlab GUI 零基础学员快速入门 xff0c 阅读原文 查看交流实录 文末高能 编辑 洛肯 Matlab广泛地应用于数学分析 计算 自动控制 系统仿真 数字信号处理 图像处理 数
  • 修改订单金额!?0.01 元购买 iPhoneX?| Web谈逻辑漏洞

    本文来自作者 肖志华 在 GitChat 上分享 Web 安全恩仇录 xff1a 再谈逻辑漏洞 xff0c 阅读原文 查看交流实录 文末高能 编辑 哈比 Web 漏洞里有 SQL 注入 XSS 等漏洞 xff0c 但是逻辑漏洞等问题也是一个
  • zabbix 5.4 配置Email报警媒介

    我们使用zabbix主要的目标就是实现运维的自动化 xff0c 当被监控的系统出现问题时zabbix能够自动的提示我们 xff0c 要实现这个功能就必需设置报警媒介 本文带领大家配置一个Email报警媒介 我们使用zabbix主要的目标就是
  • 如何开发一款游戏:游戏开发流程及所需工具

    本文来自作者 goto先生 在 GitChat 上分享 如何开发一款游戏 xff1a 游戏开发流程及所需工具 编辑 哈比 游戏作为娱乐生活的一个方面 xff0c 参与其中的人越来越多 xff0c 而大部分参与其中的人都是以玩家的身份 他们热
  • 如何用 Python 做自动化测试

    本文来自作者 Vant 在 GitChat 上分享 如何用 Python 做自动化测试 编辑 哈比 一 Selenium 环境部署 1 window 环境部署 1 1 当前环境 Win10 64 位系统 xff1b Python3 6 2
  • 我真的要做一辈子的程序员吗?

    本文来自作者 王鹏 在 GitChat 上分享 程序员跳槽时 xff0c 如何正确做好职业规划 xff1f 阅读原文 查看交流实录 编辑 贝吉塔 经常听一些同学说 xff1a 不知道下一份工作该去哪类公司做些什么 xff0c 我的职场人际一
  • 20万到100万年薪的算法工程师有什么区别?

    公元七世纪 xff0c 在车迟国国家气象局组织的一次求雨活动中 xff0c 虎力 鹿力 羊力三位大仙成功地祈下甘霖 xff0c 救黎民于水火中 老国王虽然不明就里 xff0c 却从此尊他们为国师 xff0c 奉道教为圭臬 本世纪 xff0c
  • 关于handler的内存泄漏的总结

    本文并非完全是原创 有网络上边的 也有自己的思考与总结 本文主要有三部分来介绍handler的介绍 第一 熟悉一下handler的流程 1 当Android程序第一次创建的时候 xff0c 在主线程同时会由ActivityThread 创建
  • Android 设置应用的底部导航栏(虚拟按键)背景颜色

    Android手机机型种类繁多 但是虚拟按键也就是底部的导航栏 不外乎两种设计方式 一种是作为虚拟按键设计到屏幕内部 一种是作为系统按键设计到屏幕外面 对于按键在屏幕内部的机型 因为虚拟按键也是屏幕内容的一部分 它也实际占据屏幕一定的高度
  • Adobe XD使用心得及简单使用技巧

    关于Adobe XD Adobe XD xff0c 全称Adobe Experience Design 这是一款集原型 设计和交互于一体的小清新时代风格的设计软件 虽然传言中 xff0c Adobe XD将会是skech的劲敌 然而在win