晚上访问会很不稳定...

Axure制作微信原型

产品 jwcyber 2年前 (2016-04-09) 4405次浏览 11个评论

微信截图_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


喜欢 (6)
[]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

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

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(11)个小伙伴在吐槽
  1. 做的真好!下载你的学习一下
    Jana2017-02-13 19:09 回复
  2. 您好,我下载了产品经理的第一堂课后,z01、z02压缩包打不开,另外通过您提供的手机号登录的优课急送显示非会员,请教下您如何操作,谢谢您的分享!
    1122332016-12-24 08:07 回复
    • 最近优课急送那个课程用不了了,估计是要联网验证了吧。我这里还有一份小楼老师的课程,也可以看看,链接:http://pan.baidu.com/s/1qXSRxUW 密码:e8sr
      jwcyber2016-12-24 10:46 回复
    • 另外这种压缩包,你只要解压那一个压缩文件就会自动解压另外两个文件。
      jwcyber2016-12-24 10:47 回复
    • 非常感谢,素不相识能够分享这些精华给我们这些菜鸟,祝您越来越好。
      1122332016-12-24 13:52 回复
      • 分享使我快乐
        jwcyber2016-12-24 23:48
  3. 您好,首先谢谢您的分享,很感谢。我下载了您的百度云视频,里面有pdf&原型等,但是没有找到其他人看到的视频课程,请问能否麻烦您告知我下呢,非常感谢!
    1122332016-12-24 08:03 回复
  4. 不错哦
    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