简体中文
您的位置: 首页 > 攻略 > XD怎么制作交互原型

XD怎么制作交互原型

时间:2026-10-08 18:27:04
  • 来源:网络
  • 作者:未知
  • 编辑:小锤子
0

静态的设计稿只能看不能点,拿去评审的时候,别人很难直观感受到页面之间是怎么跳转的,做成能点击的交互原型,演示效果会好很多,也能提前发现流程上的问题。Adobe XD 就是专门做这个的,把页面连起来、设置好触发动作,就能像真应用一样点着用。

XD怎么制作交互原型

第一步,打开Adobe XD,新建一个画板,设计好页面内容。

XD怎么制作交互原型

第二步,再新建第二个画板,作为点击后跳转的目标页面。

XD怎么制作交互原型

第三步,切换到右上角的「原型」模式,选中第一个画板上要设置点击的区域,比如一个按钮。

XD怎么制作交互原型

第四步,把鼠标移到这个按钮上,会出现一个蓝色的连接点,按住它拖向目标画板。

XD怎么制作交互原型

第五步,松手后会弹出设置面板,可以设置「触发方式」(如点按)和「操作」(如过渡到目标画板)以及动画效果和时长。

第六步,设置好后点击上方的播放按钮,就能预览点击跳转的效果了。

第七步,这样多个画板串联起来,一套完整的交互原型就做好了。

这样XD的交互原型就完成了,不用写代码就能演示产品流程,做提案和评审非常实用,快去试试吧!

软件下载

Adobe XD 43 v43.0.12

大小:334.37MB

版本:43.0.12

语言:简中

更新:2026-06-12

相关内容

编辑推荐