官网：https://www.axure.com.cn

license可以在下面地址获取

http://www.cnblogs.com/zsy/p/6113614.html

今天就用axure一步步教大家做出一个简单的仿土豆网注册的页面，该页面效果图如下：
1：下载安装axure，由于安装过程简单，我就不赘述了；
2：打开axure，重命名相关页面：
3：双击节点“注册页面”，进入到注册页面的编辑界面，拖拽两个占位符到右边的编辑区，分别表示页头和页尾，然后拖一个矩形到中间，表示我们的注册表单区：
4：利用文本面板和文本框表示文字和输入框，文字大小样式可以在工具栏编辑，效果如下：
5：增加链接文字，将线框图中的超链接拖到编辑区，输入相关文字后在右边的部件属性框中双击Onclick事件，弹出事件编辑框，由于我们希望点击“注册一个吧”后，重新打开一个页面（邮箱注册页面），第一步描述用例，名称可以随便取，第二步添加动作，我们选择在新窗口/新标签页中打开链接，第三步组织动作，我们单击一下新增的用例，然后第四步配置动作，我们选择链接的页面邮箱注册页面，确定即可：
6.由于验证信息初始化的时候是隐藏的，所以我们需要对那些红色的提示文字进行编辑，右键红色文字，然后转换为动态面板，并且给它命名，用于标识这个控件，最后右键它，设置隐藏：
7：将email输入框获取焦点时清空里面的提示文字，首先点击输入框，给它起个名字text_email，然后在右边的事件框中双击OnFocus事件，第二步选择“设置变量/部件值”，第四步中打开设置编辑器，设置如下：
8：将email输入框跟验证信息进行动态绑定，我们的思路是这样的，当email输入框失去焦点时，如果里面的内容是空的，我们就显示红色的验证文字，然后如果用户输入了相关信息我们就因此验证文字。首先单击email输入框，在右边的事件编辑框中双击OnLostFocus，第二步添加动作中选择显示动态面板，第四步中选择要显示的动态面板check_email，此时需要添加条件（输入框内容为空我们才能显示这个验证的动态面板），条件设置如图所示：
然后我们再来编辑onkeyup事件，如果输入内容不为空我们就隐藏验证信息，双击右边的onkeyup事件，第二步添加动作选择隐藏动态面板，第四步中选择我们需要隐藏的面板名称check_email，同样添加条件，设置如下：
9：按照同样的方式配置其他的输入框和文字信息，其中验证码图片用的是图像部件，然后还用到了复选框和按钮，最终效果如下：
10：再在右方添加一个图片：
11：界面基本完成了，下面我们来导出html页面看看效果，点击工具栏中的生成-》原型，基本按照默认生成就行了，最终页面打开效果如下：
今天由于是第一次处女课，所以内容非常简单，也不知道合不合大家的胃口，如果感兴趣的同学很多的话，我们后续将会给大家介绍如何用axure制作一些功能更加丰富的页面，如tab页、时间框、图片轮换、流程图、树形控件等等。

Axure RP-产品原型设计工具使用相关推荐

  1. 正版软件|摹客RP 产品原型设计工具

    "产品原型设计,更快更简单 摹客RP,高效易用的在线产品原型设计工具,致力于为每一个产研团队提效." 如果你是某个公司或团队的产品经理或设计师,那么你一定会想要快速地设计出一个原型 ...

  2. Axure RP 9 for Mac 中文版 专业产品原型设计工具

    Axure RP 9.0.0.3706 for Mac 中文版是一款广受欢迎的产品原型设计工具,几乎每个产品经理都使用过Axure RP 9 中文版,是产品经理设计产品必备工具之一.Axure RP ...

  3. 15款优秀移动APP产品原型设计工具

    15款优秀移动APP产品原型设计工具 2014-01-22 8:55 yoyo 分类:原型设计 微信二维码 一新来小盆友问:"移动产品原型设计都用啥工具?" 答:"@#￥ ...

  4. （10.2.1）15款优秀移动APP产品原型设计工具

    一新来小盆友问:"移动产品原型设计都用啥工具?" 答:"@#￥--&%*" 又问:"能详细说下各个工具吗?我比较一下" " ...

  5. 移动APP产品原型设计工具

    一款优秀的移动APP产品原型设计工具应该具备: ①.支持移动端演示(随时随地演示给BOSS,厕所&食堂&电梯-以体现我是那么的敬业--长点工资必备) ②.组件库(高效复用,谁用谁知道) ...

  6. 产品原型设计工具 Mockup

    Mockup 是一款手绘风格的产品原型设计工具,在短短的几分钟内,用户可以创建一个模型.采用 Vala 语言开发. http://www.oschina.net/p/mockup?fromerr=WH ...

  7. 推荐的四款产品原型设计工具

    与一般针对产品功能的介绍不同,本文以亲身的设计需求为出发点,通过对产品整理和提供相关的链接,帮助解决从业人群对做产品页面原型的直接需求.可以为做产品设计的童鞋提供一些参考和下载帮助. 天天和产品打交道 ...

  8. 11款产品原型设计工具

    网页的线框图是非常直观.但是也没什么技术上难点的东西.只需要你大概描出页面上需要的一些元素,比如头部.导航.页脚等等,最多再就是一些交互.内容区域什么的.  但这对于任何网络应用的开发都是非常重要的. ...

  9. axure产品原型设计工具

    axure 求助编辑百科名片 Axure RP 能帮助网站需求设计者,快捷而简便的创建基于网站构架图的带注释页面示意图.操作流程图.以及交互设计,并可自动生成用于演示的网页文件和规格文件,以提供演示与 ...

  10. 【产品】产品原型设计工具 Axure 和 Mockplus 对比

    Mockplus(摩客)做原型,更快,更简单,Mockplus 是更快更简单的原型图设计工具. Mockplus 除用于移动 APP 原型设计,还可以制作 PC.网页的原型设计,它可以帮助 UI 设计 ...

最新文章

  1. AI算法工程师之路 梯度下降百度总结 练习机器学习的网站
  2. sql server 2008学习7 规范化和其他基本设计问题
  3. 没有可用于当前位置的源代码
  4. Android Studio +MAT 分析内存泄漏实战
  5. 【C++提高班】c++数组遍历比较相邻的数值
  6. netflix会员和非会员的区别_Netflix开放10部作品免费给非会员试看
  7. P6688-可重集【字符串hash,线段树】
  8. React与ES6（一）开篇介绍
  9. sql server跨服务器修改数据,SQL Server跨数据库服务器查询和跨表更新的详细操作...
  10. grpc 可以传递context嘛_Python中使用gRPC方法示例
  11. python3编译器不同版本差别大吗_python3.9的转义符使用和其他版本不一样吗？
  12. 互联网公司的规律.txt
  13. 爬虫练习：南阳理工学院ACM题目信息
  14. 父与子编程之旅第六章节easyGUI下载+Python3.7下的安装问题解决
  15. OpenGL着色器语言
  16. 用Excel求线性回归方程
  17. 2023 IAPP影视解析源码
  18. tiny4412编译出来的zImage不能开机
  19. 怎么写一个php脚本_php脚本怎么写
  20. 示性函数、共轭函数、对偶范数、共轭

热门文章

  1. 中国队输球是有原因滴
  2. 台式计算机启动时 每次按f1,电脑开机时总是提示要按F1？云骑士告诉你如何解决...
  3. Linux下Tab键补全，报No space left on device错误
  4. PIC单片机学习笔记——PIC16F(L)1526/7
  5. Silverlight/Windows8/WPF/WP7/HTML5周学习导读(10月29日-11月4日)
  6. 如何搭建属于自己的阿里云服务器
  7. 多服务器显卡使用状态监控工具实现
  8. android espresso 教程,Espresso 设置说明
  9. YOLOv5电车识别 电瓶车识别
  10. Windows自带截屏-快捷键截图区域至剪切板