编写网页利器AXURE上手体会——简单页面及页面跳转

最新推荐文章于 2024-05-24 14:07:43 发布
最新推荐文章于 2024-05-24 14:07:43 发布
阅读量5.7k 收藏 4
点赞数 1
分类专栏： 前端软件应用 文章标签： 前端 AXURE 网页 html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/github_38843191/article/details/79729803
版权
AXURE RP是一个专业的快速原型设计工具，由美国AXURE Software Solution公司研发出品，可以以简单的方式快速创建一个网页Demo。 关于Axure的背景就说到这，接下来我就来分享一下我的上手过程。

    
当前AXURE最高版本为8.1如图所示，这是软件开始的样子。

      接下来我们来做一个简单的登录页面。

      AXURE的网页制作十分简单，只需要从库中拖取组件到主页上即可。


      拖动一个button到主页之上效果如下


      我们需要的网页用到了一个矩形框，两个文本输入框，两个按钮以及两行文本，依次拖动对齐做出网页如下


这就是一个简单的登录网页了。

接下来我们为登录按钮添加一个跳转的交互。



这样，当我们点击登录时，就会跳转到page1，也就是登录成功


六等星痕
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
如何在Axure中设置根据标签导航切换页面？
panjing_0520的博客
12-27 1233
前言 工具：Axure RP 9 概论：使用动态面板，用交互效果切换面板状态，实现根据标签导航切换页面的效果 一、什么是根据标签导航切换页面？ 示例：点击顶部标签导航，切换到标签对应页面 二、使用步骤 1.在元件库中拖入矩形，建立标签导航 2.拖入动态面板，添加标签导航对应的页面状态（这里用占位符简单表示） 拖入动态面板 双击动态面板可进入状态设置，设置标签导航对应动态面板状态 分别在每个state下加入占位符，以音乐state为例（正常情况下是对应页...
简单的原型页面设计实例
01-08
psd文件，原型设计，简洁明了，易于布局，页面清新。视觉设计和开发流程完 美结合的页面。
Axure网站首页Demo
07-24
Axure网站首页Demo，比较简单的交互样例，适合初学者。初学者使用起来比较好，大神止步吧啊哈。 Axure网站首页Demo，比较简单的交互样例，适合初学者。初学者使用起来比较好，大神止步吧啊哈。Axure网站首页Demo，比较简单的交互样例，适合初学者。初学者使用起来比较好，大神止步吧啊哈。
初试Axure 做Web 界面原型
topgun
02-10 4968
好久没搞项目了，最近帮手加入 专业镇 系统，试一下用Axure 来做需求界面原型 给用户确认了，再让开发人员进行开发： 配置 先写page note   page formating 可以做一些全局设在，例如背景  可以做多套切换 设计 guideline 有标尺可以拉出标记线，（拉走就没了），按住ctrl 可以讲线组合，一...
利用Axure模板快速设计，可视化大屏信息大屏，含近200例资源和各类部件
最新发布
无极低码
05-24 738
*通用模板：**提供基础的布局和设计元素，适用于各种场景。**行业特定模板：**如农业、医院、销售、能源、物流、政府机关等，针对不同行业提供专业模板。**数据展示模板：**包括大数据驾驶舱、统计图表、市场分析等，用于数据的展示和分析。**界面元素模板：**如头像展示、目录页、登录界面等，提供丰富的界面设计元素。
Axure RP学习心得与体会
Maureen_Chen的博客
09-11 9047
1.学习掌握注册、登录页面并且实现注册、登录到主界面之间的跳转 2.注册和登录：如何定义数值与数值之间的条件关系以及赋值，列出用例，实现部件交互功能。 3.牢牢记住：      a.我们在注册页面时，可以通过给部件文字（比如账号、密码）赋值给一个新的变量，在每一个输入的账号、密码的字符符合条件限制的情况下，赋值给下一个状态，如果其中有一个输入不满足条件，则禁用注册按钮功能；反之，每一个条件都
Axure RP 9 跳转不同页面的指定动态面板
12-07
Axure RP 9 跳转不同页面的指定动态面板，并且可以跳转指定动态面板里指定面板页里的指定动态面板的指定面板页，我自己都绕糊涂了
Axure页面原型开发工具
04-18
Axure页面原型开发工具是一款广泛应用于交互设计师和产品经理手中的利器，它主要用于快速创建网页和应用程序的线框图、原型及交互设计。这款工具以其易用性、灵活性和强大的功能著称，使得非程序员也能轻松创建出...
Axure教程-使用内联框架制作页面滚动
03-21
使用Axure 内联框架制作的页面滚动，练习用，新手可以看看，还是不错的
Axure页面右键菜单制作
09-01
效果实现教程地址：https://blog.csdn.net/qq_27884377/article/details/82288166
Axure设计后台框架交互页面DEMO
04-20
使用Axure，按照BS平台主流页面，设计交互友好的后台框架原型，菜单、页签、iframe联动，创建友好的交互体验； 1、中继器配置菜单项； 2、动态加载页签； 3、菜单、页签、iframe联动；
Axure18个经典Demo原型
11-15
适合入门级别的产品经理参考，都是常用到的一些原型设计知识
（全）Axure 8 Web前端+后台+移动前端 元件库.zip
09-29
Axure 8 Web前端+后台+移动前端 元件库 。 利用Axure V8 下载，直接使用。 主要用于产品经理在构建清晰化需求的不二选择。 拥有一整套元件是互联网产品经理必备文档。
Axure8（Web前端、后台、移动前端元件库）
03-14
Axure8（Web前端、后台、移动端元件库），原型设计神器。
Axure 8 Web前端+后台+移动前端 元件库
09-06
Axure 8 Web前端+后台+移动前端 元件库 。 利用Axure V8 下载，直接使用。 主要用于产品经理在构建清晰化需求的不二选择。 拥有一整套元件是互联网产品经理必备文档。
Axure首次制作网站原型
10-18
首次学习Axure制作网站原型，本来打算闹着玩，但是做的多了，上传吧，所有东西都在压缩包内，有需要可以下载
【前端】Axure使用入门
hoiyaku
09-29 969
安装：   软件绿色版 Axure RP 8   软件链接：   https://pan.baidu.com/s/1TAXg0wpyQ7nPCm1kV_PEwg   密码：81ic 启动并操作:   svn下载团队项目   团队开发，需要从svn上下载项目，操作如下:   输入或选择团队目录，即svn地址，同时选择本地保存目录： 导入元件库   链接：https://pan.baidu.com...
2021.7.28Axure学习心得
十香的红豆泥的博客
07-28 1894
今天运用Axure RP9软件模仿着做了一个登录界面，以及各种按钮与标签的链接跳转或弹出提示框。 实现跳转和弹出的关键是组合与交互。 将几个元件按住Ctrl并用鼠标左键依次点击，最后按下G，即可完成组合。 点击组合可进行交互，交互对象是另一个组合或元件，可设置交互条件，一个元件可交互多个元件或组合，只需设置不同的条件即可。 注意：每设置一个元件或组合，建议立刻给它备注一个名字，以防交互时在一堆“元件”和“组合”中寻找，浪费时间和精力。 放在同一个文件中的一个组合或元件，在交互选择显示后，，可右键单击选择隐藏
用Axure做页面原型设计
热门推荐
梓隽的博客
06-14 1万+
用Axure做页面原型设计关于Axure打开Axure新建项目/页面元件使用导入元件库为页面元件添加事件用例展示 第一次写博客，偶然的机会让做一个软件的页面原型。也是第一次用，感觉挺有意思，就在这做个记录。有不足之处请谅解。 关于Axure 我用的是AxureRP8。这个官网都可以下载：https://www.axure.com/download，应该是需要邮箱的吧，不记得了。 注册码 ，注册码...
axure单击跳转页面
09-14
在Axure中，要实现单击跳转页面的功能，可以按照以下步骤进行操作： 1. 首先，确保你已经创建了多个页面，并且它们在Axure的项目中可见。 2. 选择你想要添加单击跳转功能的组件或者元素，比如一个按钮或者一个文本...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值