Axure制作微信原型

    产品 jwcyber 8年前 (2016-04-09) 25881次浏览 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


    喜欢 (18)
    发表我的评论
    取消评论

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

    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