码农与产品经理看过来-教你用Adobe Xd轻松做原型设计^_^

本文详述了Adobe Experience Design (XD) 的基本功能和操作,包括色板选择器、文本编辑、画板选择、原型滚动区域等,并通过实际案例演示如何创建简单界面的原型设计。适合产品经理和码农学习使用。
摘要由CSDN通过智能技术生成


提示:这是一篇纯技术干文,通篇读懂至少需要40分钟。

 

1.jpg

 

Adobe Experience Design (XD),是adobe公司推出的一款原型设计工具。

这个项目最早披露是在2015年,Adobe在当年的Max大会上推出了全新的桌面端UX原型工具Project Comet,这是新一代网页与移动应用的UX设计工具。

2016年,Adobe将Project Comet改名为Experience Design(XD),目前已经开放了MAC和WIN平台的使用(国内可能锁区影响,Win平台还没得到开放)。

 

2.png

 

实际上,当前已经有诸多设计应用的工具,Adobe将XD更多地定位成直接与Sketch竞争。XD不仅可用于设计画板(artboard),而且还可用于原型设计。XD支持现有的工程类型,如web、iPhone、iPad或自定义尺寸设计,另外也有预设的UI Kit包。用户可从iOS、谷歌的Material Design或Windows来选择。XD还能展示最近的文件,这样进入原型设计工作也更方便。

 

XD一个亮点在于对多工程和更大工程的支持,多个画板可成批切换,并且是独立的元素。如果要显示多用户的查看方式,XD也能给每个用户一个独立的名字,而不是每次都显示相同的名字。通过进行分组,也可对多余文本元素的字体和字号进行更方便的修改。

屏幕快照 2016-11-28 上午12.00.33.png

Adobe Experience Design CC是基于矢量用于WEB、移动应用设计和原型的用户体验设计的工具。集线框图,视觉设计,交互设计,原型制作,预览和共享轻松切换于一体的一个强大的工具。

  2016年5月24日Adobe Experience Design CC 迎来V0.5.4版本更新(截止本文发布时最新版本是V0.6.2.7),我们已经可以在adobe creative cloud中下载/更新了,让我们来看看有哪些新特性。
  V.0.5.4版本更新主要有一下几点:
  色板颜色选择器更新;

  • 文本的改进:可修改的字间距;

  • 原型功能可滚动区域;

  • 选择多个画板和网格调整;

  • 单个相对于画板对齐

评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值