Adobe XD知识树!UI/UX必学的免费可交互原型设计工具

总有一些文章,相见恨晚。设计规范、职场规划、经验总结一网打尽。 立即访问

视频播放提醒

您正使用 IE 低版本浏览器,不支持流行的 HTML5 高性能视频播放,

强烈推荐使用高级浏览器,享受更流畅更安全的浏览体验。

推荐高级浏览器

火狐Firefox(官网下载

谷歌Chrome(官网下载应用市场下载


当视频无法加载时请刷新页面,
或前往PC获得最佳体验。
  • 系列 : 9篇
  • 水平 : 入门
  • 观众 : 23713
  • 时间 : 2018-07-07

教程

软件官网:Adobe XD(Adobe 官方提供免费下载)

官方资源:免费 XD 资源下载

资源包含:Apple iOS Design、Material Design、Microsoft UWP Design 以及其他实用套件

  Adobe XD 是什么?
————

Adobe XD 是由 Adobe 官方出品的免费 UI/UX 设计工具,可以用来设计 Web、App 等一系列内容,它可以非常便捷地将设计概念转变为可交互原型,支持 Windows10 和 Mac OS 平台。

 

重新定义体验设计
————

软件除了包含常用的图形绘制、文本编排、图层及画布管理等常用功能之外,同时还有便捷的自定义组件和,更有 Apple IOS、Google Material、Microsoft Windows 等平台提供免费官方控件支持,以及众多设计师提供的免费可商用模板。

 

支持 Mac 与 Win10 系统
————

XD 针对 Mac 和 Windows 进行了原生设计,并且集成为 Creative Cloud 的一部分,所以无论使用哪种平台,都能获取相同的性能与精确度,以及与 Photoshop 和 Illustrator 等应用程序的无缝衔接。

 

支持移动端实时更新及预览
————

只需一步即可将静态界面切换为交互式原型。对设计做出更改,无需进行同步,原型便会自动更新。在 iOS 和 Android(需要访问 Google Play 下载)设备上预览带有过渡效果的原型,方便快速查看实际应用效果并征集反馈。

 

 

一步实现从 Photoshop、Sketch 到原型
————

不用转换格式,只需将 Photoshop 和 Sketch 文件拖进 XD 窗口,即可将这些文件导入 XD,设计图稿会自动转换为 XD 文件,此时可以在 XD 中进行编辑、修改、制作交互效果,实现方便快速地构建原型。

 

 

还有哪些好用的功能?
————

XD 现已与 Dropbox、Zeplin、Avocode、Sympli、ProtoPie 和 Kite Compositor 等第三方应用程序集成,所以您可以更加轻松地创建、协作处理以及交流您的体验。

将您的原型连同自动生成的设计规范(其中包括画板的顺序和流程、布局网格、颜色、字符样式和度量值)交给开发人员(国内暂不支持共享)。

直接在“资源”面板中应用颜色、符号、渐变和字符样式,同时支持自定义可复用的符号,实现全局修改。

更多功能可以访问 Adobe XD 官网→Adobe XD 学习与支持

 

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,转载请联系 @优设基础训练营 授权。原作品版权归属原作者。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

本文链接: https://uiiiuiii.com/knowledge/121281225.html

欢迎关注 @优秀网页设计 @优设基础训练营 @优设大课堂 @你丫才美工 @优设微电台 @移动端设计 @招聘设计师

继续阅读与本文标签相同的文章

UI设计交互原型
img

相关文章

发表评论

评论加载中....

把好文章收藏到微信

打开微信,扫码分享
优质教程 UiiiUiii 每日更新