Axure 0基础实战入门 模拟一个app页面

Axure 0基础实战入门 模拟一个app页面

第一次接触axure9,尝试模拟一个app页面与交互

页面原型

我选择了一个免费的日程app,下载rp文件后导入到axure

模拟实现登录页面

新建两个页面,然后选择好需要的样式


创建标题。样式,字体之类的都可以在style选项卡里找到


把页面里的组件先大致画出来,取消按钮在组件库里的icon组里,其他的在样式里稍微调整即可


加上交互部分,也就是interactions选项卡

几个关键点,第一个是如何让辅助线变颜色,先加入一个style selected,方便之后样式改变

再在手机输入框部分加入got focus和lose focus的交互,其实就是当focus条件触发后改变辅助线的状态

第二是关于验证码及登录处的情形选择器供条件的选择,就是模拟时来触发下一步的选择操作

第三是验证码如何通过option变化为计时器,参考,注意设置面板状态是要设置为next(从这里开始我下了中文补丁,英文还是有点难看懂......)


登录按钮交互,转向下一页的链接就可以了

如果需要将当前的某些变量传到下一个页面的话请参考此文章

总结

第一次尝试使用axure,还有很多不规范的地方后续再进一步学习改进

posted @ 2024-08-26 16:38  Mephostopheles  阅读(3)  评论(0编辑  收藏  举报