当前位置:首页 > 网站教程 > 正文

axure网站案例教程-axure网站设计

接下来为大家讲解axure网站案例教程,以及axure网站设计涉及的相关信息,愿对你有所帮助。

简述信息一览:

Axure怎么制作账号密码登录原型?

这样,我们就完成了多角色登录的原型模板了,后续如果要增加角色页面也很简单,只需要***一个登录页面,简单需改一下文字、图标、背景就可以。

绘制登录窗口 (1)首先,打开Axure0,在站点地图里选择一个页面,重命名为“登录窗口”,双击该页面,进入该页面的编辑模式。

axure网站案例教程-axure网站设计
(图片来源网络,侵删)

第三个case3意思是,如果密码为空时。点击按钮时,提示密码不能为空,并选中用户矩形为ture。当然你还可以制作添加更多的交互,这边不做讲解。

接下来小编就教大家怎样使用axure来制作登录页和注册页的切换效果。具体如下:首先我们打开电脑,找到axure图标点击打开。进入到软件界面之后,我们找到左侧菜单中的登录页选项,然后我们就可以拖动登录页移动到设置栏中。

AxureRP交互实例:AxureRP文本输入框交互怎么设计?

1、空格操作选中空格,设置输入框文本为文本框原有文字+空格(敲一下空格键)。在交互上添加新动作,获取焦点到输入文本框。

axure网站案例教程-axure网站设计
(图片来源网络,侵删)

2、至此带提示的文本框的制作就结束了,按“F5”可在浏览器中查看效果~拖拽 在设计中应用拖拽,可以直观有趣的替代移动、***、添加、删除等操作。在Axure中,拖拽效果的实现相对复杂。

3、选中按钮组件-单击“新建交互”-选择“单击时”-选择“关闭窗口”按住F5预览效果:点击按钮关闭当前页面。axure常见交互:文本输入框交互:在登录接口中,包括用户名和密码的输入框。

4、打开Axure RP 软件,在软件库中拖一个输入框到画布上。选中输入框,设置其名称为“passworda”。选中输入框,选择文本框类型为“密码”,并输入默认值为“111”,这时显示为“...”,。

5、选择「更新日志」文本框后,点击右边的「交互」选项。我们的目的是想点击这个按钮后可以跳转到「更新日志」页。因此我们点击右侧的「新建交互」,选择「单击时」—「打开链接」—「更新日志」。

6、Axure制作隐藏密码输入框原型方法:材料准备图标*2——1个是可视的图标,另外一个是不可视的图片,默认设置为隐藏。

Axure怎么制作Web端图片点击全屏化及鼠标悬停扩大?

1、中继器表格表格第一列我们可以改名为picture,在下面表格里鼠标右键导入图片,或者直接***粘贴图片进去即可。

2、新建Axure Pr项目,取名“Axure制作鼠标悬停图片切换效果”。找一个网站首页获取所需素材,以下素材来自新浪首页,图片大小360*272px。

3、正常打开Axure RP 工具,本文以新建一个空白页面为例进行说明。从左侧元件库中拖拽一个文本标签到空白页面中,如下所示。

4、步骤一:打开Axure,拉取一个动态面板,创建2个State面板。一个面板里放一个矩形,命名为:全屏。另一个命名为:退出。如图:步骤二:全屏交互制作 打开Axure,进入-全屏面板,点击添加鼠标点击事件,打开-当前链接-fx。

5、把二级菜单做成动态面板,且每一个标题都是一块颜色相同的矩形组成 ,最后形成二级菜单的样子。

6、首先打开Axure,我们能很清楚的看到Axure的功能分区,在中央白色操作去讲我们需要制作的图片拷贝进去。

关于axure网站案例教程,以及axure网站设计的相关信息分享结束,感谢你的耐心阅读,希望对你有所帮助。

随机文章