Adobe XD 2021来啦!3D变换创造无限可能

全新的Adobe XD带来的3D变换功能改变你的设计方式

刚刚,Adobe XD正式发布Adobe XD 2021版,版本号为v34.0.12,带来诸多更新,主要包括3D变换功能、全新的库、XD for VS Code插件、自动宽高度等,该版本已经可以在Creative Cloud中直接更新。


3D变换
3D变换是本次更新最大的亮点,使用3D变换可以让文本、形状、组在3D空间旋转移动,只需要选择内容之后点击属性检查器中的3D图标即可创建,可以在属性检查器中的直接输入X、Y、Z轴的值也可以在对象上直接拖动旋转或移动。
1.png
3D变换还可以与滚动组、堆叠、重复网格、自动动画搭配使用,创建全新的交互体验,下图是官方在物理空间图片上实现的交互动画效果。
1.png




此次更新中官方将CC库与资源面板整合,并进行重新设计,资源面板可以一键生成链接,链接可以用来生成Design System Package(DSP),同时也正式发布了XD for VS Code插件,实现让设计与开发更高效的协作。

1.png

组件嵌套


之前在组件状态中使用组件并设置组件状态是不生效的,在本次更新中,Adobe Xd支持了组件状态的嵌套,可以实现如鼠标经过菜单展开二级子菜单,然后鼠标经过子菜单再展开三级子菜单的效果,前提是设计触发的对象不能重叠,否则不生效。

设计规范支持组件状态
本次更新中Adobe Xd生成的标注链接支持了组件状态的标注。



1.png

自动高度文本


点文本可以设置自动高度或自动宽度,宽或高会根据文本的内容自动调整,选择点击文本之后,在属性检查器中可开启。

状态提示
在启动界面最近使用项和云文档列表等地方添加了状态提醒,提示文件是否可离线使用、正在同步...等


1.png

功能提示


从34.0.12版本开始,界面中很多地方增加了功能提示,鼠标经过会动画提示该功能的使用方法部分还有教程链接,功能提示也可以在“菜单”-“帮助”-“禁用功能提示”中关闭。


1.png

除此之外Adobe XD还将推出一系列新的插件,近期我们会更新新功能详细的使用教程,敬请关注。