Axure 实现网站登录的交互
浏览:3196次 出处信息
原理:
1. 通过变量来记住用户的状态,是处于登录前还是登录后
2. 用master 的 onPageLoad 事件来判断是显示登录前的界面还是登录后的界面
实例:
1. 将设计好登录前和登录后两种界面效果做成dynamic panel的两种state,默认state为未登录的。pannl命名为login
登录前的state命名为no:
登录后的state命名为yes:
2. 添加登录前“登录”按钮的交互事件
2.1
2.2 新建一个变量,“login”
2.3 将该变量login赋值为“yes” 表示已经登录
2.4 添加交互事件
选择reload current page方式
3. 添加登录后“退出”文字链的交互事件
3.1
将该变量login赋值为“no” 表示未登录
4. 将这panel转化成master
5. 为master添加onPageLoad事件
5.1 为交互事件设置引发条件
当变量 login 等于“yes”时,既用户已经登录
5.2 设置交互事件
切换到pannel面板的“yes”state
5.3 同上面的设置
当判断出用户没有登录(变量login等于“no”)切换到dynamic pannel 面板的“no”state
建议继续学习:
- python实现自动登录discuz论坛 (阅读:31422)
- 微信扫码登录网页实现原理 (阅读:15307)
- 初探单点登录 SSO (阅读:9058)
- 你会做Web上的用户登录功能吗? (阅读:5443)
- 如何设计用户登录 (阅读:5314)
- perl的expect使用方法,实现非交互式登录。 (阅读:4364)
- 如何让ssh登录更加安全 (阅读:4340)
- Axure之变量的使用 (阅读:4168)
- 什么是OpenID?OpenID概念、原理和案例 (阅读:4169)
- 互联网上的单点登录研究 (阅读:3881)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
扫一扫订阅我的微信号:IT技术博客大学习
<< 前一篇:阅读的价值之体验设计
后一篇:AXURE 原型设计教程2――变量控制不同场景的交互演示 >>
文章信息
- 作者:jerry 来源: jerry的交互设计
- 标签: Axure 登录
- 发布时间:2011-02-08 23:45:47
建议继续学习
近3天十大热文
- [11] 产品设计之QQ邮箱登录页与淘宝登录页
- [11] Python连接 MySQL 数据库的超时问
- [9] 一个 VLA (可变长度数组)的实现
- [9] 手机客户端交互适配设计之我见
- [8] 没有比解决瓶颈更高效的事情了
- [8] 页面线框图教程(之一):从本质到表象
- [8] 页面线框图教程(之五):玩转内容形式主义
- [8] 四年前的今天,我开始找工作
- [8] 一句话crontab实现防ssh暴力破解
- [8] 谈谈Facebook的聊天系统架构