用Axure创建一个知乎登录注册界面

百度网盘资源:https://pan.baidu.com/s/1EIujIll2_xfAqvrpy8upzA
提取码:pukh
首页效果是这样的

用Axure创建一个知乎登录注册界面_第1张图片
对于图片的部分需要插入占位符,其他的都是一些简单的基本元件,这里就不一一列举出来了,在这里主要讲一下难点:

难点一:动态面板的运用

动态面板,根据字面上的意思来理解,就是你想要实现动态变化的部分,所以我们需要第一步,把需要变成动态的部分勾选出来:鼠标左键按住不放选择需要变化的部分,这里以知乎界面为例:
用Axure创建一个知乎登录注册界面_第2张图片
这里可以设置很多个页面,这里我们设置两个,即登录和注册界面,如图:
在这里插入图片描述

难点二:交互事件的运用

点击第一个动态面板页面即(动态面板)/State1(index),点击登录两个字,点击鼠标单击时。选择“设置动态面板”中的“Set state to State2"选择状态为State2,如图:
用Axure创建一个知乎登录注册界面_第3张图片
同理,在state2页面也是同样的操作,不过选择状态应选择State1,设置交互页面应该为注册两个字设置,再把多余的部分删掉,如图:

用Axure创建一个知乎登录注册界面_第4张图片
到此,一个登陆注册的交互页面就设置完成了。

难点三:为交互页面设置滑块效果

在主页面,即index页面的注册下面添加一个矩形,填充为蓝色,如图:
在这里插入图片描述

再在动态面板1登录两个字上面再加一个事件:移动滑块,坐标要事先去测量,目标位置为登录下面的坐标
用Axure创建一个知乎登录注册界面_第5张图片
同理,在动态面板2为登录两个字添加坐标交互事件,位置为一开始注册下面的位置即起始位置,至此就全部大功告成了。

你可能感兴趣的:(Axure)