制作原型可以说是作为一个产品必修课，基本上所有产品经理都是axure的大神级人物，今天小编分享一下axure简单的操作。首先axure就是一个工具，她具备工具的性质，所以不用把他想想的那么难，开发团队肯定会想方设法的让使用着方便使用的，那么今天小编就分享一些简单页面给大家。

当我们开始制作一个系统原型的时候，最一开始接触的页面肯定是登陆页面，这个也是最常用的页面，我们也用这个登陆页面作为开篇。

首先咱们来看一下登陆页面都需要哪些元素，这里需要注意的这个系统是b/s架构师c/s架构，我们要制作符合人们习惯的页面，这样对于系统来说可以节省很多的学习成本，千万不要为了突出自己来设计一些特立独行的页面来，除非你们有培养用户习惯的预算。C/S登陆界面最常见的就是qq登陆，微信登陆等，B/S登陆界面常间的就是网站后台、淘宝网站登陆等等。今天我们以b/s架构为例。

一般一个B/S登陆页面包含以下元素：

一个符合主体的背景系统名称登陆框用户名密码登陆按钮注册记住账号和密码（下次自动登陆）忘记密码

首先打开axure，为了方便验证我们设置正确新建两个页面，一个登陆页面，一个是登陆页面

然后再百度图片，找到一个一个合适的背景图，直接搜索背景图就可以出来很多图片找到一个合适的就可以了

然后开始制作登陆框，登陆框

拖入两个单行文本，分别命名为：name、password，设置password类型为“密码”

按钮：命名为登陆

制作三个文本提示：密码错误、账号错误、账号和密码错误

设置登陆按钮时间：这里讲一下设计到的运算符==这个等于、！=这个是不等于。添加第一个时间当name==admin and password==123456是，跳转页面到登陆成功，这里的admin和123456可以随意更改；

设置password！=123456 and name==admin，文本“密码错误”显示；

设置password==123456 and name！=admin，文本“账号错误”显示；

设置password！=123456 and name！=admin，文本“账号的密码错误”显示；

到这里的时候我们会发现有一个逻辑错误就是提示只有显示的出发事件没有隐藏的出发事件，接下来就做一下提示的隐藏事件，我们平时的使用习惯就是当出现提示的时候我们点击输入框就会消失，所以我们设置name和password两个单行文本框获取焦点事件，把提示隐藏掉。

然后保存（ctrl+S），运行测试（F5）。