Axure情形&动作篇(ERP登录效验)

目录

一、ERP系统用户登录效验

1.1 完成步骤

1.2 最终效果

二、省市区联动

三、ERP菜单栏页面跳转

四、下拉加载效果实现

4.1 加载动画实现步骤

4.2 下划界面加载实现

4.3 最终效果


一、ERP系统用户登录效验

1.1 完成步骤

首先搭建ERP系统的登录界面(输入框和登录按钮等),如下:

然后有了界面之后添加一个错误提示框(当用户名或密码输入错误时,该提示框会弹出进行报错提示),如下:

然后将其设置为隐藏,如下:

设置后的效果:

用户名输入框和密码输入框设置表单提示属性,如下: 

设置提示文本,隐藏提示条件以及提交按钮,如下:

最后给登录按钮设置新的交互以及情形跟动作,如下:

1.2 最终效果

最终展示效果如下:

二、省市区联动

三、ERP菜单栏页面跳转

四、下拉加载效果实现

4.1 加载动画实现步骤

实现思路:

首先我们需要有一个下拉加载的背景页面,然后在此页面上,设置一个加载动画并且隐藏,当鼠标下划时,加载动画显现1.5秒(自定义),这个时间段一过就把动画隐藏。

加载动画设置:

首先拖入加载中的静态图标,如下:

然后为图标设置交互,让它旋转起来,交互情形如下:

4.2 下划界面加载实现

最后,设置在页面上下拉触发加载动画显现的效果,如下:

4.3 最终效果

最终效果如下:


最后Axure动态面板的应用与ERP系统登录界面、主页左侧菜单栏、公告栏的绘制就到这里,祝大家在学产品的路上一路通畅!

感谢大家的观看 !

相关推荐

  1. Axure的交互以及情形的介绍

    2023-12-20 00:48:02       41 阅读
  2. Axure的交互样式和情形

    2023-12-20 00:48:02       42 阅读

最近更新

  1. TCP协议是安全的吗?

    2023-12-20 00:48:02       19 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-20 00:48:02       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-20 00:48:02       20 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-20 00:48:02       20 阅读

热门阅读

  1. 【缓存】一、Redis的基本使用与Redisson分布式锁

    2023-12-20 00:48:02       24 阅读
  2. 用VBA冻结excel文件的sheet1工作簿的第一行

    2023-12-20 00:48:02       39 阅读
  3. window.open的使用

    2023-12-20 00:48:02       39 阅读
  4. 【MySQL】数据类型

    2023-12-20 00:48:02       90 阅读
  5. 【难点】【LRU】146.LRU缓存

    2023-12-20 00:48:02       43 阅读
  6. 如何在Go中向错误中添加额外的信息

    2023-12-20 00:48:02       43 阅读
  7. C51--小车——PWM调速

    2023-12-20 00:48:02       35 阅读