快跟上Adobe XD这趟车!

快跟上Adobe XD这趟车!

前言:

对于 UI 设计师而言,Sketch 无疑是最佳拍档。但是在一些中小型公司里,并不是人手配置一台 Macbook (苹果电脑),这就导致很多的设计师不能使用 Sketch 。所以在 Sketch 出 Windows 版本之前,这部分的设计师只能使用 photoshop 作为他们设计的基础。


好在 Adobe 公司在2017年推出了一款免费的界面设计和原型交互类的工具——它就是 XD,能同时支持 Mac 和 Windows 系统。


由于之前上线的版本,部分功能相对不太成熟,不少设计师仍持观望态度。在经历了多次功能更新之后,现在强烈建议使用 Ps 的界面设计师下载这款轻量级的应用!


今天这篇文章将和大家聊聊 XD 相比 Ps 在界面设计时有哪里过人之处,以及鸡肋之处。


过人之处


01

重复网格

这是XD最大的亮点功能之一,它能快速复制,高效批量处理信息。


举个例子,我们需要画10个首页图标。在 Ps 里面我们通过多次复制、移动来实现间距等分的效果,而且在修改时,需要一个个图标单独调整。

快跟上Adobe XD这趟车!

在 XD 里面,只需通过一个叫“重复网格”的按钮,就能轻松实现。


不仅能完成间距和大小的更改,还能进行图片和文字区域的填充。

快跟上Adobe XD这趟车!

提前准备好图片素材和文字素材的 txt ,拖入图片/文字区域,出现复制两字即可放手。


这里推荐给大家一个快捷方式,通过下面这个网址可以快速导出一些常用名称的 txt 文件: https://xd.94xy.com/repeat-grid.html


02

粘贴外观

在 Ps 里面,当我们想要新建一个元素,和之前的元素样式一致时,会通过复制图层样式来获得。并且在设置第一个元素的时候就要把所有参数加到图层样式里面。


在 XD 里面只需要复制元素,使用 Ctrl + C ,然后右键点击粘贴外观即可。

快跟上Adobe XD这趟车!

而且可复制的样式比 Ps 图层样式多的多。矢量形状可以粘贴填充、描边、圆角、不透明度和阴影。


文字可以粘贴字体、字号、字重、对齐方式、下划线、字符间距、行高、段落间距、不透明度、填充、描边、阴影。


03

无需使用参考线

XD 中已经见不到参考线的踪迹了,用鼠标拖动元素时自动显示距离。而在 Ps 里面我们需要先拉好辅助线,确定位置。

快跟上Adobe XD这趟车!

当靠近画板中使用过的间距时,会自己识别吸附,减少对齐的时间。

快跟上Adobe XD这趟车!


04

图形剪切可复原

XD 作为一个矢量编辑软件,有一些功能还是可圈可点的——图形剪切可复原。


在布尔运算之后双击仍然可能编辑,取消编组可复原。

快跟上Adobe XD这趟车!


05

兼容性强


会有人想问了,那么从 Ps 转到 XD ,之前那些文件怎么办,还能打开么,还能使用么?


这点一点也不用担心,支持导入 Ps 、Sketch 文件。 XD 自动将文件转换为 XD 文档,并以原始文件的高保真度传输所有可编辑的画板、图层和素材。

快跟上Adobe XD这趟车!

这就意味着我们可以享受着 Ps 、Sketch 、XD 的资源,拓展性更强。


06

交互动效

作为一个专业的交互类应用,不得不提到的就是交互功能。而 Ps 作为一个位图编辑软件,并没有。这个功能对于新手来说真的超级简单。

快跟上Adobe XD这趟车!

同时还可以通过预览来观看真实效果。


鸡肋之处


01

共享素材库

虽然说 XD 可以打开 Ps 、Sketch ,获得编辑属性的元素,但是目前 XD 的素材库还不够完善,仅能支持单个 XD 文件下的库的复用,不能支持在线多人分享。


这点目前只能通过团队共享 XD 文件的形式,来获得素材。


02

实时预览

XD 的实时预览并不像 Ps 那么简单,App Store 中国区目前并没有搜索到 XD 预览应用,只能通过 美区账号去下载 或者上传到蓝湖等标注软件,实现在线预览。


结束:

Adobe XD 虽然还有一些功能没有被完善,但从目前的更新速度以及插件数量增涨来看,在不久的将来会成为一匹骏马,驰骋在 UI 界。


参考资料:https://xd.94xy.com/ XD中文网

https://www.adobe.com/cn/products/xd/features.html?promoid=5NHJ8DC6&mv=other


快跟上Adobe XD这趟车!

原文始发于微信公众号(海盐社):快跟上Adobe XD这趟车!

文章版权归原作者,内容为网络收集。如有侵权请告知我们并会及时删除。邮箱: hello@sketchui.net