Axure 0基础实战入门 模拟一个app页面
Axure 0基础实战入门 模拟一个app页面
第一次接触axure9,尝试模拟一个app页面与交互
页面原型
我选择了一个免费的日程app,下载rp文件后导入到axure
模拟实现登录页面
新建两个页面,然后选择好需要的样式
创建标题。样式,字体之类的都可以在style选项卡里找到
把页面里的组件先大致画出来,取消按钮在组件库里的icon组里,其他的在样式里稍微调整即可
加上交互部分,也就是interactions选项卡
几个关键点,第一个是如何让辅助线变颜色,先加入一个style selected,方便之后样式改变
再在手机输入框部分加入got focus和lose focus的交互,其实就是当focus条件触发后改变辅助线的状态
第二是关于验证码及登录处的情形选择器供条件的选择,就是模拟时来触发下一步的选择操作
第三是验证码如何通过option变化为计时器,参考,注意设置面板状态是要设置为next(从这里开始我下了中文补丁,英文还是有点难看懂......)
登录按钮交互,转向下一页的链接就可以了
如果需要将当前的某些变量传到下一个页面的话请参考此文章
总结
第一次尝试使用axure,还有很多不规范的地方后续再进一步学习改进
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· [翻译] 为什么 Tracebit 用 C# 开发
· Deepseek官网太卡,教你白嫖阿里云的Deepseek-R1满血版
· 2分钟学会 DeepSeek API,竟然比官方更好用!
· .NET 使用 DeepSeek R1 开发智能 AI 客户端
· 刚刚!百度搜索“换脑”引爆AI圈,正式接入DeepSeek R1满血版