.xd文件怎么打开

2021年4月1日 10:23 教程, 文章 阅读 4177

.xd文件怎么打开
.xd后缀

.xd格式是 Adobe XD 源文件保存的格式,xd 格式文件目前只能使用 Adobe XD 打开编辑,Adobe XD 也支持一键导出(切图),支持导出的格式有png、jpg、svg、pdf。

Adobe XD是啥

Adobe XD 是由 Adobe 公司开发的一款设计软件。Adobe XD 与 PS、AI、AE 等软件均是由 Adobe 开发的。它界面简洁、学习成本低、产出速度快、质量高备受设计师的青睐。

Adobe XD怎么下载

前往下载页面。>>点击下载

Adobe XD是给谁用的?

个人认为还是已UI/UX设计师为主,当然产品经理、其它相关人员也可以使用。

与 Adobe XD 类似的软件

目前与 Adobe XD 类似的软件只有 Sketch,当然,也有很多用户拿 Axure 来比较,个人认为没有比较的必要,建议在百度图片分别以“Adobe XD”和“Axure”为关键词搜索看结果你就知道 XD 的作品多以UI界面为主,而 Axure 主要是线框图。

本文链接:https://xdcnz.com/436.html

.xd文件怎么打开

两个月之前Adobe推出了Adobe XD CC起步方案(免费方案),而现在这款迄今为止唯一跨平台的UI设计软件,终于推出官方简体中文版了。这款全面整合了UI、交互设计的软件虽然起步比Sketch要晚,却可能是最适合入行的UI软件,并且在未来有非常大的概率来取代Sketch。

为什么这么说呢?年纪大一点的设计师可能还记得有一款软件叫CorelDRAW,很多年前Ai没有PC版只有MAC版。中国早期平面设计师用不起Mac就只能用CD了。那时候国内很多教程和素材也都是CD的。后来Ai有PC版了,和Ps有一定整合了,再后来和Adobe家其他的产品也互相支持比较好了。相比cdr格式就有点尴尬了……年轻的设计师一般只学ai了,资源多,又好用,很多还和CS套装一起装了。

这不就是现在正在发生在XD和Sketch身上的事情么?与其说XD是Ps的杀手,不如说XD这一次是为了干掉Sketch而来的。

我们先来一睹为快Adobe XD CC的官方宣传片

.xd文件怎么打开
https://www.zhihu.com/video/1003677526023172096

.xd文件怎么打开
简体中文版界面

简体中文版 下载链接:

零成本入门

一款Sketch要多少钱呢?官方价格是99美元/年,而XD是0。Sketch的版本授权方式,一直让人很不爽,除非你一直更新购买他们的最新版本,否则新版本Sketch文件在老的Sketch上就打不开了。在这一点上,Adobe一直做的很好,更何况这款软件还免费,就更不用担心这样的问题,可以不用担心钱包,在第一时间使用最新版。

.xd文件怎么打开

最新发布的简体中文版Adobe XD CC上还有贴心的中文的教程。

.xd文件怎么打开

跨平台的软件

虽然现在Sketch在UI设计圈里已经渐渐成为了主流,但是有调查显示目前至少有40%的设计师还在用Photoshop做设计,除了使用习惯等原因外,很多时候都是因为,如果你要用Sketch,首先你要有个Mac。这对于贫穷的刚入行的设计师们简直太不友好了,就算你自己有了Mac,如果公司遇到抠门的老板不肯给大家配Mac的,为了和小伙伴协作起来方便你还是用不了Sketch。可是现在不一样了,Adobe XD CC 在PC和Mac都可以用,再也不需要为了用Sketch去买个Mac了。

  • 如果你之前是平面设计,或者其他任何用PS或者AI的设计职位,你想入门UI,那Adobe XD CC最适合不过了。你的PSD文件可以直接用XD打开。
  • 这对于那些之前用Photoshop来设计UI界面的设计师们也是个好消息,你学习成本会变得很低。
  • 而对于那些习惯用Sketch的设计师来说,XD的界面对你来说其实非常熟悉了,Sketch的文件也可以用XD轻松的打开。
.xd文件怎么打开

一些便捷的功能

神器 — 重复网格

重点介绍一下使用重复网格在 Adobe XD CC 中创建重复元素。在针对 Web 或移动应用进行设计时,通常需要定义重复元素或内容列表。但是,创建这些元素或在发生设计更改时进行更新可能很耗时。“重复网格”功能将一组元素更改为一个重复元素。您只需按任意方向拉元素,网格就会重复。

.xd文件怎么打开

不仅如此,重复网格中的文本可以批量的更改,可以通过将文本文件或者图片拖到重复网格中来替换该网格中的占位符。

.xd文件怎么打开

组件与资源库

用过Sketch的同学,对组件肯定不陌生,XD把这些都放在了资源库了,方便设计规范的制定和修改。

.xd文件怎么打开
右侧红框圈出的icon就是资源库

预览和录制交互

完成界面设计后,您可以将各界面互相连接,以便直观地了解用户如何体验您的应用程序或网站。XD允许您创建交互式原型,直观地展示如何在屏幕或线框之间导航。您可以预览交互,验证用户体验并对设计进行迭代,从而节省开发时间。您还可以录制交互过程并与利益相关者分享,以获取他们的反馈。放大/缩小并查看原型特定部分的细节。

.xd文件怎么打开
https://www.zhihu.com/video/1003681594091028480

Adobe XD CC 可以做什么?

.xd文件怎么打开

做UI、做交互原型,做沟通,你甚至可以用它来画画和做平面设计,基本的矢量绘图工具都有,并且可以支持导出PDF文件。

.xd文件怎么打开
一组用XD绘制的图标

担心Adobe XD CC现在资源不够?插件太少?

.xd文件怎么打开

别忘记XD可以打开PSD、Sketch、AI的任何文件,也就是说相当于整合了全部的资源。Sketch格式的组件库用起来完全没有问题。插件虽然现在还不算多,但是Adobe打算拿出1000万美金作为投资和奖励,来推动社区开发 XD 相关的插件,用来增强「XD生态系统」。这应该是真的,很多Sketch的插件作者都收到了Adobe的邮件,表示会给插件作者提供奖励基金。到目前为止XD已经支持Zeplin、Protopie、Avocode 和 Sympli 等插件,而在国内,蓝湖正在开发支持XD的插件,预期不久后就可以跟大家见面。

.xd文件怎么打开
支持了Zeplin插件的XD

从Photoshop到Sketch到XD,UI设计软件的大战中,谁将会胜出?

.xd文件怎么打开

我看好XD,它的背后是支持了整个设计圈的Adobe。

了解如何在 Adobe XD 中打开或导入 Illustrator 文件。

您可以将 SVG 设计直接导入 Adobe XD 并协同工作以将项目提升到新的层次。 

所有符号和图稿均以 1:1 的视觉保真度作为可编辑内容传输。画板会得到保留,具有命名和顺序的整个图层结构将保持不变,因此将内容传输到 XD 后重新整理内容时无需进行更多繁琐的工作。

.xd文件怎么打开

使用以下任一选项在 XD 中打开 Illustrator 设计文件:

  • 在 XD 中,选择“文件”>“打开”。浏览到所需的文件夹,选择 .AI 文件,然后选择“打开”。
  • 将 .AI 文件拖放到计算机上的 XD 图标上。
  • 右键单击 .AI 文件,并从上下文菜单中选择“打开方式”>“XD”

.xd文件怎么打开

要从 XD 导入 Illustrator 文件,请选择“文件”>“导入”。 如果在导入时选择了画板,那么 XD 会将设计直接导入到屏幕上,您可以在此屏幕中将其集成到项目,并在必要时进行任何调整。

在 Adobe XD 中打开 Illustrator 文档时,每个画板和图层都将保持原样并保持可编辑状态。 
您可以在 XD 中进行编辑,通过连线构建交互,并以原型或设计规范的形式进行共享。

了解详情

您可以使用多种方法从 Illustrator 导入资源,包括将 Illustrator 资源粘贴到 XD 中、使用“导入”命令导入资源、将资源从文件夹拖到 XD 文档中、在 XD 中打开 Illustrator (.AI) 文档,以及将 Illustrator (.AI) 文档导入现有 XD 文档。

观看此视频,了解如何从 Illustrator 导入内容。

观看时长:1 分钟

后续操作?

我们已向您介绍如何开始将资源从 Photoshop 导入 XD 中。请进一步了解如何从 Illustrator 中复制和粘贴矢量对象。

有疑问或想法?