内容缓慢增加中...

Axure制作微信原型

产品 jwcyber 1216℃ 0评论

微信截图_20160409194102.jpg

下了一些Axure的课程,跟着视频操作,做了一个微信的原型出来。虽然只实现了微信的部分功能,细节也存在问题,但通过这一系列较为系统的学习,把Axure的大部分操作都过了一遍。现在Axure的基本使用是没问题了,可以试着用来实现自己的想法。

根据ManicTime的统计,大概用了20小时。

整个过程应该是比较轻松的,主要操作就是放置元件、设置交互,其中动态面板的使用需要注意一下。Axure确实是一款优秀的原型制作工具。

可以在下面的网页里试一下↓↓↓需要PC端鼠标操作。

Axure制作的微信原型

下载

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个像素!这才出现了上述状况。调整参考线的位置,最后得到了满意的效果。

axurelogo.png

转载请注明:jwcyber » Axure制作微信原型

喜欢 (2)or分享 (0)
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(4)个小伙伴在吐槽
  1. 不错哦
    xyfhiter2016-04-09 23:09 回复
    • 哎哟,革命尚未成功,同志仍须努力
      jwcyber2016-04-10 01:54
    • 是一步一步教你怎么做么?求视频
      西西2016-05-17 15:26
    • 对,是一套产品经理课程,一步一步讲的。用电脑才能播放。链接:http://pan.baidu.com/s/1i45nvAP 密码:11sj
      jwcyber2016-05-17 22:13