下了一些Axure的课程,跟着视频操作,做了一个微信的原型出来。虽然只实现了微信的部分功能,细节也存在问题,但通过这一系列较为系统的学习,把Axure的大部分操作都过了一遍。现在Axure的基本使用是没问题了,可以试着用来实现自己的想法。
根据ManicTime的统计,大概用了20小时。
整个过程应该是比较轻松的,主要操作就是放置元件、设置交互,其中动态面板的使用需要注意一下。Axure确实是一款优秀的原型制作工具。
可以在下面的网页里试一下↓↓↓需要PC端鼠标操作。
下载
Axure微信原型文件下载:
百度云:http://pan.baidu.com/s/1i5wEpV3 密码:2m2s
Axure RP Pro 7.0软件(破解&汉化)下载:
百度云:http://pan.baidu.com/s/1hsvuw7M 密码:qh5k
Axure视频课程:
百度云:http://pan.baidu.com/s/1i45nvAP 密码:11sj
使用中遇到的问题
1 修改预览字体为雅黑
1、项目 → 页面样式编辑 → 字体 → 选择微软雅黑;
2、输入文字的时候同样选择微软雅黑,这样才能确保在Axure里所见即所得。或者更好的办法是在元件样式编辑中把字体也全部设为雅黑。但是这个设置是针对每个文件所设置的,这意味着每次创建一个新原型你都得重新设置一边。
2 动态面板显示超出范围
明明想要动态面板显示手机桌面那么大,结果把整个界面都显示出来了。
结果是不知道什么时候把动态面板的“自动调整为动态尺寸”给勾选上了。
右键动态面板,去掉“自动调整为动态尺寸”的勾选就正常了。
参见:https://www.zhihu.com/question/21317344
3 拖动限制位置
基本思想:添加参考线,当拖动的面板与参考线不接触时,移动面板到原始位置。
参考:小楼老师的教程
这个效果和微信练习中面板超出界限返回原始位置是一样的,但是一开始我做出的效果总会出现拖动时面板不停抖动,而且拖动距离过小时不会归位。
折腾挺久才注意到,添加的参考线的区域不是一条直线,是一个矩形,宽度不是1个像素!这才出现了上述状况。调整参考线的位置,最后得到了满意的效果。