还记得Adobe XD吗,四个月更新四个版本了你造吗?

用户头像
广州/产品设计师/10年前/3065浏览
还记得Adobe XD吗,四个月更新四个版本了你造吗?
用户头像
IxDC

Adobe XD三月份发布的时候曾引发了一阵骚动,这四个月来已经更新四次了你造吗?

614e579640380000018c1bd38504.jpg


Adobe XD三月份发布的时候曾引发了一阵骚动,今天网上搜了一下,好凄惨,几个月以来没几条相关信息,可能真的是名字取得不好!可是你知道人家有多努力吗?这四个月来已经更新四次了你造吗?


也许是因为现在只有Mac版,但别忘了, Windows 版本今年晚些时候就会推出了,相对于某些竞品,Adobe 能想着推出 Windows 版已经是天地良心了……


而且现在已经有日文、德文和法文版,下一个就是韩文版了,中文还会远吗!


好了,废话少说,来看看现在的Adobe XD到底成啥样了。



四月份


辅助网格

5d18579640b90000012e7e5eac9c.jpg

在这个版本中,我们可以定制网格画板,当需要更精确的布局时可以设置标准间距,当画板启用网格后,对象将自动与网格线对齐。


文本调整

加入调整文本行间距的选项。

f4c3579640da0000018c1bfb3f75.jpg

在接下来的几个更新中将有更多文本属性设置功能。


设计改进

在第一个预览版中,我们可以为一个矩形的四个角设置一个半径,也可以通过“alt”编辑每个角的半径。现在,直接在属性检查器就可以单独对每个角进行设置。

ac1a579641080000012e7ee1e8fd.jpg


拖拽功能

这个版本中,我们不但可以从浏览器中将图片拖放到XD画布,还可以直接将txt纯文本文件拖入XD。

52a25796414a0000018c1be93c91.jpg



支持嵌入式图像

当从AI复制/粘贴或导入SVG时可以选择嵌入式图像。此外,当你选择导出为SVG时,我们还增加了“嵌入”或“链接”图像的选项。

9635579641770000012e7e6c26af.jpg


共享的改进

这次的更新实现了多个版本的原型共享,修改后的设计可以创建一个新的分享链接,而旧的设计版本及分享链接仍然有效,具体做法是:

1、点击分享图标

2、创建一个分享链接

3、修改你的设计

4、再次点击分享图标

5、选择“New Links”创建一个新的公共链接

cb4c579641ca0000018c1b0e9796.jpg



五月份


颜色选择器

颜色选择器的使用与其他软件一样,但现在还没有渐变功能。

60755796427c0000012e7e1d851e.jpg


文本的改进:子区间样式

现在你可以选择文本的一部分,改变它的字体,大小和字符间距等属性。

72cb579642a00000012e7e2ba6c4.jpg


选择并编辑多个画板

现在可以同时框选或按住shift键选择多个画板并在右边的属性检查器中同时对他们进行编辑。

cf61579642d60000018c1b2d1841.jpg


对齐画板

Adobe XD之前发布的版本中,我们可以使用对齐工具来调整不同对象之间的位置。现在,我们可以使用相同的对齐工具来调整对象与画板的位置关系。

fd41579642f80000012e7e7d8a11.jpg


滚动

这个算是反馈中用户呼声最高的功能了。要使用该功能,先使用预设模板创建一个画板并调整它的高度,虚线以下就代表折叠部分,可以在预览窗口查看滚动效果。

b7e35796434b0000018c1bc200fe.jpg


网页原型的全屏功能

只需点击右上角的全屏图标,按Esc键退出。

3147579643800000012e7eed51c7.jpg



六月份

尺寸助手

我们在讨论区看到说给开发人员传递有价值的信息在工作流中很重要,所以我们开发出了一系列功能,旨在给开发人员实现像素级设计提供详细的信息。

7e20579643ad0000018c1b23623e.jpg

尺寸助手用起来像桌上的直尺。选中画布上任一对象,就会出现水平线、竖直线,并在上面显示距离。

启动尺寸助手


1.选中对象后,按住Alt/Option键,XD会显示这个对象四个边缘到画板的距离。

8f13579644000000012e7e03b61d.jpg

2.选中一个对象,按住Alt/Option键,将鼠标悬浮至其他对象之上,XD会显示两个对象之间的距离。

16db579644110000012e7e3434f2.jpg

3.如果在视觉上一个对象在另一个对象之内,XD也可以显示它们之间的距离。

b87a5796441d0000018c1b84cb85.jpg

4.当两个对象在任何坐标轴上都不相交时,我们会使用辅助线显示它们之间的距离。

f90e5796442a0000018c1b1e456b.jpg

5.当对象旋转时,我们会计算并显示对象外接矩形各边到其他对象的距离。

085b579644360000012e7ed802f9.jpg

6.当你在移动对象时也可以看到尺寸助手。按住Alt/Option键,同时轻轻移动你的目标,你依然可以看到距离。

f891579644420000012e7e1cd8d1.jpg


背景和对象模糊

这个版本的XD,你可以为任何对象或文字添加模糊效果了。


XD支持两种模糊:


对象模糊:模糊对象本身

背景模糊:模糊对象的下层对象


对象模糊:直接模糊你选中的对象。你可以利用侧边栏控制模糊的数值。

5ad2579644680000018c1bfac441.jpg



背景模糊:帮你突出强调UI界面中特定的一部分,这种效果经常用在iOS、macOS和Windows系统中。


c8ae579644870000018c1bd11e86.jpg


背景模糊有三个设置项:

模糊值

亮度

不透明度

13e5579644a30000018c1bf4e4a0.jpg



将原型嵌入网页

除了分享链接,你现在可以将原型嵌入网页了。你还可以将你的原型添加到Behance,这样每个人都能在网页环境下体验它们了。


只要你打开LINK  >嵌入,XD将为您提供一个iframe HTML代码段。

6e86579644b90000012e7e11c721.jpg



增加语言支持

除了英文版,XD现已推出日文、德文和法文版,日后也将会有更多的版本发布。



七月份


缩放工具

9220579644d10000018c1b07378d.jpg



如果是触摸板直接滑动缩放。如果是鼠标,按住ALT +鼠标滚动就可实现缩放。


缩放工具的快捷方式

缩放工具          z

临时缩放          space⌘

放大                 ⌘+

缩小                 ⌘-

缩放以适应      ⌘0

100%缩放        ⌘1

200%缩放        ⌘2

放大                  单击

缩小                  opt / ALT +单击

c5a8579645120000018c1b2ec16d.jpg



返回之前的画板

在之前的版本中,没办法在你的原型创建一个真正的“返回”按钮,现在,我们在对象的下拉列表中加入了这项可选属性——Previous Artboard(之前的画板)


339c5796452f0000012e7e6688bd.jpg


通过使用这个新选项你可以很容易地创建一个链接回到先前的画板,当回到上次访问的画板时,动画会自动反向。

eeba579645890000018c1b62f233.jpg


导出PDF

除了PNG和SVG的这两种格式,XD现在支持PDF导出了。

8749579645a80000018c1b350b70.jpg


从Sketch和其他工具中复制&粘贴内容


现在只要(Cmd + C)就可以将Sketch,PPT,InDesign等工具中将内容复制,(Cmd + V)粘贴到你的XD文件中,复制过来的内容还是可编辑的。


下个版本更新内容

即将到来的更新:


1、线性渐变

f51e579646110000012e7e697000.jpg


2、韩文版


更多精彩内容,请关注IXDC公众号(ixdcorg)更新,或上Meia在线教育平台get更多设计技能。

18
阅读原文
|
举报
|
22
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】30个图标
科技医疗透明柜UI界面设计
钱包ui模板
【新年UI图标】礼物/活动icon
UI通用设计素材1
UI界面 组件
手表表盘UI系列
高级感金属拟物 UI设计组件库
我的钱包-UI界面设计-app
新拟态风格 UI设计组件库
【新年UI图标】珠宝icon
【新年UI图标】活动icon
【新年UI图标】积分icon
高级表盘系列UI源文件
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
3D卡通UI界面图标可爱插画免扣素
拟物风质感写实UI卡片合集源文件
户外旅行飞机情侣假日出行
UI 登录界面设计模板包
【新年UI图标】体育icon
3D渐变流体抽象矢量UI背景图
【新年UI图标】影音icon
新能源APP应用UIKit
盲盒APP UI设计
你可能喜欢
大家都在看
登录注册