当时看了本书,网站蓝图,然后瞎倒动起来。如下
一般注册过程包括以下步骤:
1.用户按照提示填写表单。
2.用户在填写表单的时候提示是正确否输入了内容,如果没有,提示用户。
cmaedu.com 3.用户提交表单,所有项是否都正确,如果出错,提示哪项有错误。
cmaedu.com 4.用户成功提交表单或者取消表单。
在填写表单过程中,常见验证方法有如下几种:
1.用户是否在注册的用户名或ID中使用了非法字符。
2.用户是否输入了内容。
3.两次输入的密码是否一致。
cmaedu.com 4.是否是合格的Email地址。
5.长度是否在6-12个字符之间。
下面我们用Axure7.0来完成通用注册的设计,以下包括最基本的输入框变化和提示文字变化。
cmaedu.com 一.表单的布局
cmaedu.com 拖拽7个文本标签,然后给它们命名为如图所示。
全部选中,点击右对齐使得他们都对其,再点击垂直分布,使他们的上下间距相同。
拖拽5个文本框,分别对应如下项目,然后全选,选择左对齐。
选中每行的文本和文本框选择上下居中,使每行的都对其。
为性别添加相应输入部件,用两个单选按钮,对齐。姓名为男和女。
cmaedu.com 选中它们,右键,选择指定单选按钮组,然后在弹出的框中输入组名性别,这样就实现了单选。
为所在地添加一个下拉列表部件。然后编辑列表项,为列表条添加选项。
再添加一个按钮部件,命名为: 立即注册
二.制作输入框变化框边
cmaedu.com 当我们填写某个文本框输入框时,输入框会被高光显示,然后右侧提示用户输入什么。如果输入的不符合要求,右侧会提示。
cmaedu.com 选中5个文本输入框,右键,选择隐藏边框。(最后会说明为什么隐藏)
拖拽一个动态面板,命名为邮箱。再添加一个状态,分别命名为输入和未输入。
再输入状态下添加两个矩形,边框颜色和填充颜色如图。第二个矩形是提示文字。
矩形大小比文本框多出2个像素大小,为了切换状态时完全覆盖最初的文本框。
cmaedu.com 把最先放上去的那个文本输入框置于顶层。
cmaedu.com 切换到未输入状态,把输入状态下第一个矩形复制到这里,再把边框颜色改为默认的灰色。
cmaedu.com 修改面板顺序,把未输入状态放在前面。
面板顺序
点击预览,界面如下图所示。
三.让边框动起来
cmaedu.com 为我的邮箱输入框添加如下状态,使得鼠标移动到那里未输入状态,不在那里为未输入状态。
cmaedu.com 1
cmaedu.com 生成后看到如下界面:
cmaedu.com 四.添加其他输入框和提示
cmaedu.com 这部需要把邮箱那部分制作好的动态面板复制到其他输入项中。
复制到其他选项,注意调整坐标。
cmaedu.com 修改其他动态面板名字。
cmaedu.com 需改其他动态面板输入状态下的提示文字。
1
cmaedu.com 把动态面板都至于底层,输入框置于顶层。
分别添加状态,与邮箱添加状态时一样。
cmaedu.com 五.完成效果
cmaedu.com在此我们将最开始的文本输入框隐藏,代替它的的动态面板的未输入状态,边框为黑色,在鼠标移动后就变为输入状态,显示为蓝色和提示文字。这样就完成了注册设计中的边框效果和提示文字。还有验证输入,验证密码,处理验证码等以后再做总结。
cmaedu.com 还有下篇来着,但是实在太费时间了。
cmaedu.com 原型毕竟只是实现想法的过程,大家也不要太追求强交互,高保真。
cmaedu.com不用收费。
是免费的,不需要收费。
Axure注册的方法:
cmaedu.com1、首先打开游览器输入Axure网站,点击登录下方注册按钮。
2、进入到注册页面后接着依次填入邮箱号码、设置密码以及输入验证码。
3、如果没有邮箱的话直接点击“没有邮箱”按钮先去注册一个邮箱账号后在进行注册。
cmaedu.com4、然后勾选一下《Axure用户服务条款》点击立即注册,进入下一步,点击进入邮箱或者直接登录到自己邮箱打开收件箱收取Axure发送过来的激活验证邮件。
5、然后打开Axure发过来的验证激活链接地址激活账号就可以了。
cmaedu.com这个有可能是你的密码不正确,我之前也是这样,后来输入正确的就好了,希望我的回答会对你有所帮助!
cmaedu.com
cmaedu.com你换个账号试试或者直接在已有账号输入,不要密码。然后点发布试试。之前我也出现这个问题,就是莫名其妙的可以了
别人发到我邮箱的相片怎么编辑,手机? 别人发到你邮箱的照片,你要下载到自己的手机上才可以编辑。至于如何编辑,可以利用手机自带的软件,也可以下载一个,这类软件很多,搜一搜找一个符合你要求的。发到qq邮箱...
邮箱收不到电子发票是怎么回事 如您是北京联通用户,在提供电子邮箱后接收不到您申请开具的电子发票文件,建议您检查您邮箱中是否把发件人地址为10010@wo.cn的邮件过滤或自动识别到垃圾文件箱中。如非上...
如何注销网易邮箱账号? 注销网易邮箱账号方法如下:1、打开百度,搜索网易账号中心,进入官网,如下图。2、进入后,在下方找到账号注销选项,如下图。3、输入想要注销的账号,点击下一步,如下图。4、选择下方...
在扫黑风暴中,徐小山要怎么做才能够提高自己存活的可能性? 在《扫黑风暴》中,徐小山不可能活着。角色互换,换为谁都不可能活着,就算是一个警员录下来了这段视频,都是有很有可能活不出来。《扫黑风暴》里的孙兴...
您的邮箱是什么? 电子邮箱分为两种:个人邮箱和企业邮箱。一、个人邮箱:目前很多免费个人免费,比如QQ、163、126等。个人使用建议使用QQ邮箱,优势如下:1、开通和申请方便,只要有QQ,通过手机或电...
俄罗斯好看的科幻片 1、《停电》这部电影的背景设定在未来世界,人类科技已经变得为十分发达,但是与此同时对于科技的依赖也变得越加强烈。没有彗星撞击地球,没有恐怖分子威胁世界,没有核战争摧毁家园,但是因不...