AxureRP案例–注册登录功能

注册登录是几乎所有网站都有的功能,一个注册登录页面里面包含了很多小功能,如验证邮箱,验证密码,验证用户名等等,一般做设计的时候都不会设计的很细,只是在需求设计说明书里面会把各项的要求说明清楚,但有演示的总比没有演示的好,小功能也都可以用AxureRP来设计实现,只不过这样做比较耗时间,在项目周期很紧的情况下不推荐这样做,但比较宽松的情况下还是可以的。况且这个注册登录功能一次设计好之后,可以作为一个功能模块来使用,下次就不用再设计了,可以说是一劳永逸的事情,也还是值得花点时间进去的。

这里介绍一个别人设计的功能强大的注册登录页面,基本上该有的功能都有了。每个输入项目都有输入提示,都有输入验证提示,且辅助功能做的很出色。应该是花心思去做了,这其实也说明一个道理,不怕用AxureRP做不出好的原型设计,就怕没有花心思在上面。

各个输入项目的提示分两部分,一是输入提示,在每个输入框下方显示;二是验证提示,在输入框右方提示。这种与现行很多网站设计的布局是一样的,这样设计的用户体验会比较好。密码与确认密码两个输入框的值有验证,必须一样,密码框还有一个密码强度的判断,这里的演示主要是判断密码长度。邮箱输入部分的提示设计很出色,比之前演示的搜索提示的那种效果要好,这个是直接取输入框值来做提示的,没有设置动态面板状态,这又是一种新的思路。剩下的就基本上比较简单了,这个真的设计的不错,可以作为模板使用。

从这个示例还是能学到不少东西的,特别是邮箱的输入提示功能。下面还有一个登陆注册的页面演示,这个是根据流程图来的,比较简单,主要利用了AxureRP流程图可以链接到页面的功能,可以根据流程图逐步演示,大家看一下源文件就知道了。

示例在AxureRP 5.5版本下调试通过

《原型设计》微电子杂志? 点此订阅

点此查看演示

点此下载源文件

流程图演示登录注册的源文件至AxureRP资源下载处下载



无觅相关文章插件,快速提升流量

“AxureRP案例–注册登录功能”14 条评论

commenter

Thanks for the share! Very useful info!

hyip | 2012-01-23 14:46 |

谢谢楼主!

liberty reserve | 2012-01-23 21:23 |

可以将这个封装成库文件的吧,试试

App For Android | 2012-01-25 19:50 |

谢谢分享!

invest liberty reserve | 2012-01-25 21:20 |

正好用到,借鉴了

Android Applications | 2012-01-26 01:46 |

学习了

saray?n incisi | 2012-01-29 23:43 |

i cant get how you can share like this incredible posts admin significantly thanks

android widgets download | 2012-02-12 22:14 |
commenter

不错,学习了

commenter

Great site! How did you get this design?

Inspirational | 2012-03-26 06:15 |
commenter

改改就可以直接用了,不错

乔乔 | 2012-08-2 10:43 |
commenter

你太棒了!happy!万分感谢! 😛

乔乔 | 2012-08-2 11:13 |
commenter

求教程!!!一步一步的指点一下新人!!我看到了这么棒的东西却还是做不出来!!!心急!求教!谢谢谢谢谢谢!!!

Bonzo | 2012-08-22 17:55 |

不错的实例

Pietrooo | 2013-03-9 23:22 |

干得好站长,保持了良好的工作,我会回来这里很快