Axure教程:简单易学免弹窗友好交互动效


Axure教程:易于学习,不受弹出窗口友好的交互

在APP功能的设计中,功能页面的跳转最好不超过三页。有时,为了设计更友好的一个,需要弹出窗口设计的一些交互。好吧,今天的声明就在这里,教学开始了!

看看效果:

我可以通过本教程学到什么?

图层应用

交互式回溯

动态面板蒙版的神奇之处

Tsingular想法

第一步是绘制所需的元素

绘制中间区域,坐标(0,166),大小375 * 266,名称[分隔柱]

画一个圆形按钮,坐标(300,360),大小50 * 50,名称[按钮]

第二步是进行互动

单击[按钮],将[按钮]移动到日志列表的中心(163,525),动画线性为200ms。

等待200ms,将[Button]文本设置为空;设置大小[Button] 500 * 500动画线性300,锚点中心(可以覆盖日志列表)

看看效果:

]设置为顶部。

看看效果:

第三步,添加新内容

画出输入框,按钮,时间;组合这些元素以命名[新内容]组合,然后隐藏[新内容]组合。

添加[Button]动作,显示[New Content]组合,动画逐渐300ms

看效果

添加取消按钮交互

这其实很简单,直接复制圆形[按钮]的交互,将其粘贴在[取消]按钮上,然后澄清反向动态过程。

看效果

第四步,美化最终效果

添加日志列表。

选择所有组件,创建大小为375 * 667的动态面板,然后取消选中自适应内容。

看看效果:

使用动态面板,按钮的完美区块放大了地方,所以今天的声明就在这里,下次老司机带你去做社交软件,翻转互动效果,有点困难

链接:

提取代码:qhug

本文最初由