Windows系统也能运行类似Sketch的设计软件了!Adobe最新推出Adobe Experience Design CC,作为全家桶的新成员,现可体验其Preview版本,感受各项创新功能与设计亮点。
1、 进入软件首页后,可见其支持多种设备和尺寸,兼容性较强。内置了丰富的常用UI套件,如iOS界面、Google Material设计等,便于设计师直接调用组件。通过这些预设资源,能够高效地从素材库中选取元素进行页面搭建,显著提升设计效率与便捷性。
2、 界面简洁明了,熟悉 Sketch 的用户无需学习即可轻松上手操作。
3、 上图展示的是XD的主界面,左侧依次为选择工具、矢量图形插入、钢笔、文字和画板功能,布局与Sketch相似,操作直观易懂。右侧为属性面板,根据所选元素动态显示对应设置选项,如颜色、阴影、对齐方式、布尔运算及表格生成等。针对矢量图形,支持自由增删和调整锚点,结合钢笔工具可精准绘制各类复杂形状,满足多样化设计需求,整体操作流畅高效。
4、 有一种名为重复网格的神奇功能,只需简单拖拽,便能快速直观地创建网格。听起来似乎与Sketch或Photoshop中的类似功能相近,但实际操作后便会发现,其交互设计更加流畅、直观,操作更为便捷,大大提升了设计效率,带来更出色的操作体验。
5、 按住鼠标拖动间距时,数值会实时显示,同时整个网格的间距随之调整。操作全程仅需鼠标即可完成,无需额外快捷键,简便直观。
6、 添加或替换图片十分便捷,只需将PNG文件放入指定位置,XD会自动完成匹配,如有需要可手动微调。
7、 设计时这些功能已足够,更深层操作可自行探索。接下来将介绍原型(Prototype)功能的使用与特点。
8、 界面左上角可快速切换 Design 与 Prototype 模式。进入 Prototype 后,选中任意元素,右侧将显示一个小箭头,支持设置基础动画类型及相应参数,操作简便直观,便于实现页面交互效果。
9、 目前XD仅支持页面间的滑动或淡入淡出切换,尚无法实现某个元素独立飞出的动画效果,功能略显局限。考虑到其主打原型设计,仅靠基础转场显然难以满足实际需求。期待Adobe能进一步丰富交互表现力,加入更复杂的动效支持,让原型演示更加生动、贴近真实体验,提升整体设计效率与表达精度。
10、 该软件内置预览功能,可在 Mac 上直接查看内容效果,并支持点击实现基本交互操作。录制功能可直接使用,但目前不支持自定义尺寸和分辨率,导出格式仅限于 mov 视频。暂未推出手机端配套应用用于实时预览,但可通过分享功能生成链接,将链接发送后即可在移动设备上查看。然而,尝试打开该链接时始终未能成功,不确定是操作方式存在问题还是其他原因导致,体验上略显不便。整体功能尚有优化空间。
11、 总结XD 软件的界面设计令人满意,依托 Adobe 在 PS 和 AI 方面积累的丰富经验,其视觉设计能力自然值得信赖。目前交互功能略显不足,但考虑到仍处于预览版本阶段,未来随着不断迭代更新,相信整体体验会逐步优化并趋于完善,具备良好的发展潜力。
