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使用心得及简单使用技巧 的相关文章

  • Adobe软件还行吗?

    前段时间 美国政府 准备通过诉讼阻止Adobe去年公布的 以200亿美元收购Figma的交易 理由是此举属于反竞争行为 新闻一出 Adobe股价旋即下跌 但跌幅并不像2022年刚公布这笔交易时那么迅猛 看起来 相较于收购成功 投资者们反而希
  • 在 Flash Professional CS6 中编译 Flash 10.1

    我目前正在开发三星智能电视的项目 该项目需要 Flash 并且规范规定如果我想在电视上使用它 则需要针对 Flash 10 1 进行编译 但是 我正在查看 Flash Professional CS6 中的发布选项 并且只提供了 10 3
  • Adobe .jsx 脚本可以包含其他脚本文件吗?

    我们正在编写一堆 jsx 脚本 在每个脚本中我都必须模拟一些函数 以便我可以使用 Array map 和 String trim 之类的东西 但我不想包含该代码在每个脚本的顶部 有没有办法在 jsx 脚本文件中 包含 其他 jsx 脚本 或
  • 使用 SQLite 开发 AIR 应用程序的最佳实践

    我将开始做几个 Adob e AIR 项目 这些项目将使用SQLite提供的功能AIR 由于这是我第一次尝试这样做 我希望得到一些指导 技巧和开发最佳实践 由于此应用程序将访问本地数据库 因此我想我可以在应用程序启动时打开与数据库的连接 并
  • 找不到 adobe acrobat 10.0 类型库 (2020)

    我正在尝试使用 VBA 从 pdf 中读取一些文本 我读到我需要引用该库 Adobe Acrobat 10 0 Type Library 因此 我从以下位置下载了适用于 Windows 的 Acrobat DC SDK 下载页面 但是我查看
  • AS3 - Flash/AIR 套接字通信 writeUTFBytes 仅有效一次

    我有一个套接字服务器侦听 2 个端口 其中 1 个端口用于套接字服务器 1 个端口用于策略服务器 我的代码如下 在这种情况下 数据发送和接收完全正常 但是 例如 如果我添加一个带有简单按钮的按钮 socket writeUTFBytes M
  • 在 Adob​​e AIR for iOS 中获取唯一标识符(MAC 地址、UDID 等)

    我正在尝试在适用于 Android 和 iOS iPad 2 的 Adob e AIR 应用程序中获取用户设备网络适配器的 MAC 地址 在 Android 中它可以正常工作 但在 iOS 中却不能 这是我正在使用的代码 var vNetw
  • Adobe DTM 数据元素更新

    我正在寻找一种动态更新 DTM 中预定义数据元素的方法 一旦页面加载并且数据元素被初始化 就无法更新它们 sattelite setVar 不起作用 我可以动态创建数据元素 但它不会在页面之间持续存在 示例 var currElementN
  • 如何隐藏Flex中的打印对话框?

    Flex 中是否可以隐藏打印对话框 我正在使用 FlexPrintJob 类 这是我的代码 var print FlexPrintJob new FlexPrintJob print printAsBitmap true if print
  • 如何删除 Flex 4 TextArea 组件的边框(spark 主题光环)

    使用 Flex 3 SDK 您只需将 borderThickness 样式设置为 0 或将 borderStyle 设置为 none 对于 Flex 4 SDK 和 Spark 主题 这没有效果 尝试类似的方法 borderVisible
  • sRGB 和 Adob​​eRGB 的数学转换

    这是一个非常明确的问题 但我做了很多研究 但没有找到答案 StackOverflow 问题为this https stackoverflow com questions 1174832 converting jpeg colorspace
  • 在页面激活上启动工作流程,而无需激活 CQ5 中的页面

    每当内容作者在页面上单击 激活 时 我都需要调用工作流程 然后 工作流将向管理员发送通知 然后管理员继续激活该页面 让我更详细地解释一下 这有 2 部分 i 每当内容作者完成页面修改后 他就会继续单击 激活页面 来自 sidekick 或站
  • Flash CS4 + SQLITE

    我正在寻找一些有关在 Flash CS4 中使用 SQLITE 和 AIR 的信息 我找不到任何好的示例 它们都是为 Flex 构建的 我不想使用它 谁能给我一些如何使用 Flash CS4 执行此操作的基本示例 或者指导我一些代码示例 教
  • URL 检测 adobe air 桌面小部件

    我是 Adob e Air 的新手 我需要 紧急 使用 Adob e Air 制作一个小部件 用于监视我导航的 URL 当我进入特定站点时 该小部件会出现在我的屏幕前面并显示信息 问题是我不知道如何使用 Adob e air flash 监
  • matplotlib afm 导入速度极慢

    导入时间长得令人无法接受 from matplotlib import pylab as plt gt 3 0124739 secs 这是 cProfile 的输出 它清楚地显示了 afm py 的问题 这是 afm py 的一些接口Ado
  • 适用于 Android 的 Adob​​e AIR 上的无引脚 OAuth

    我在 Adob e AIR for Desktop iOS 上使用了无引脚 OAuth 但在 Android 上则不行 由于某种原因 我们没有得到 oauth verifier 其中包含 Android 设备上 StageWebView 中
  • 带有 Bluebeam 的 JavaScript 库

    我正在寻找一些信息 参考 示例以及如何在 Bluebeam 中使用 javascript Bluebeam表示可以参考以下AcroForm文档 https www adobe com content dam acom en devnet a
  • AS3如何在有多个影片剪辑时使一次只能点击1个影片剪辑

    好的 我有一个页面 上面有 5 个影片剪辑 按钮 当您将鼠标悬停在每一个上时 它们会亮起 OVER 状态 当您单击它们时 它们会展开 DOWN 状态 问题是 如果您展开了多个影片剪辑 处于 向下 状态 它们会重叠并且看起来很糟糕 我想对它们
  • Adobe Flash Builder 能否用于调试和分析 OpenLaszlo SWF10/SWF11 应用程序?

    我读过 Adob e 的Flash Builder 4 0 支持 ActionScript 3 的分析 http help adobe com en US flashbuilder using WS6f97d7caa66ef6eb1e63e
  • Android App ID前缀问题

    我正在构建一个适用于 Android 的 Adob e Air 应用程序 但遇到了一个大问题 我使用旧的 Flash Air 扩展向 Android 市场发布了一个应用程序 该扩展保存了带有前缀 app 的应用程序 ID 现在我已经升级了扩

随机推荐

  • 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