如何用Adobe XD设计手机app交互原型

 时间:2024-10-13 00:48:16

1、用电脑双击打开Adobe XD 软件

如何用Adobe XD设计手机app交互原型

2、点击新建——选择iPhonex/xs/11pro这个尺寸,并双击它

如何用Adobe XD设计手机app交互原型

3、页面会跳转到豹肉钕舞设计编辑页面,建立三个画板,分别为登陆、首页、航班详情页,然后分别使用左手边的菜单工具中——方形工具、圆形工具、直缏堋垌胯线工具、文本工具、右手边的颜色工具,分别绘制创建出如图所示的三个页面的内容。

如何用Adobe XD设计手机app交互原型

4、登录、首页、航班详情页分别绘制设计完成后,点击左上角的原型工具,进行操作步骤设计,一般操作为:登录页创建路径进入到首页,交盛镯颂耋互模式-触发为点击,类型为过渡,目标默认为首页,动画为左滑;然后再在首页中的飞机图标处创建路径到航班详情页,交互模式为-触发为点击,类型为过渡,目标默认为首页,动画为左滑。如果要设置其它的,同样的方法进行设置即可。

如何用Adobe XD设计手机app交互原型如何用Adobe XD设计手机app交互原型

5、原型进行交互模式设置完成后,点击右上角的播放键

如何用Adobe XD设计手机app交互原型

6、进入app模拟操作演示页面,点击跳出的登录页面中右上角的录像键,然后,再点击注册/登录键,页面会自动跳转到首页,然后再点击首页上飞机图标,页面就会跳转到航班详情页。

如何用Adobe XD设计手机app交互原型如何用Adobe XD设计手机app交互原型如何用Adobe XD设计手机app交互原型

7、这样,手机旅行app就完成了.

  • AI中怎么做减去顶层形状的效果
  • AI软件怎么快速绘制新拟物风格元素?
  • 即时设计怎么导出图片
  • AI怎么快速做出精美蜡烛形状图案
  • 怎样用ps做一张模糊效果的文字海报
  • 热门搜索
    韶关旅游网 河南省旅游景点大全 夏季旅游景点排行 广西南宁旅游景点大全 北海旅游路线 云浮旅游景点大全 福建有哪些旅游景点 嘉华旅游 沙县旅游 冬季云南旅游攻略