分享Axure。

 很多的用户们都在使用Axure rp,不过你们知道使用Axure rp如何设计微信交互界面吗?下文就带来了Axure rp设计微信交互界面的具体操作步骤。 

分享Axure。

 1、打开axure软件,进入体统页面,点击如图位置新建文档 

分享Axure。

分享Axure。

 2、axure界面是这样的,最上面是菜单栏,靠下位置为属性栏,中间是操作区域,右侧有交互效果 

分享Axure。

 3、我们点击左上角的主页位置,首先我们修改左上方菜单的名字,修改名的时候单机下稍等片刻后再点击一下,就可以修改名字了,我们将index修改为中文“主页” 

分享Axure。

 4、下面的三个文件名称修改方法一样 

分享Axure。

 5、将名称修改完成后,双击主页文件,找到左下方的图片,拖入中间,然后双击图片将自己的微信主页拖入 

分享Axure。

分享Axure。

分享Axure。

 6、将图片位置调整为 0,0,位置后面为图片大小,也可以根据画面修改为合适尺寸 

分享Axure。

分享Axure。

 7、剩下的“通讯录”、“发现”和“我”的操作方法相似,将图片分别置入各自菜单中 

分享Axure。

 8、下面做的就是对图片的交互处理,找到如图所示位置“热区”,将“热区”拖入图中“微信”的位置,(热区就是我们手点击的区域范围) 

分享Axure。

分享Axure。

 9、点击右侧位置“鼠标单击时”操作效果 

分享Axure。

 10、“打开连接”-选择主页的位置,点击确定,主页位置的交互完成。(当点击主页的时候,就会连接到主页的位置) 

 11、然后再次点击热区,将热区放到通讯录的位置,然后按照上面的操作方法,点击鼠标的时候,打开通讯图片的链接 

 12、同样的方法,将剩下的“发现”和“我”,做同样的效果处理 

分享Axure。

 13、上面的操作都只是在“主页”里面的操作,只有在“主页”点击才会跳转到别的页面,我们所要做的是在每个页面都有同样的效果,所以我们将刚才在“主页”的交互操作分别复制到剩余三个页面中;按住Shift分别选中四个交互效果,然后ctrl+c复制到各个页面中粘贴 

分享Axure。

分享Axure。

 14、将全部效果做完之后,就可以点击右上角的“预览”模式在浏览其中观看效果 

分享Axure。

 根据上文为你们讲述的Axure rp设计微信交互界面的具体操作步骤,你们是不是都学会了吗! 

本文来自投稿,不代表酷牛教程立场,如若转载,请注明出处:https://www.ddddtttt.com/165095.html

(0)
上一篇 2019-10-18 08:50
下一篇 2019-10-18 09:52

相关推荐

  • 说说Axure。

    许多小伙伴还不会使用Axure RP8制作倒计时获取短信验证码效果,今天酷牛教程小编就带来了关于Axure RP8制作倒计时获取短信验证码效果的教程。 要实现倒…

    6天前
    01
  • 分享使用Axure。

     ??最近酷牛教程小编遇见不少的用户询问使用Axure RP 如何设置树状菜单?下文就为你们分享了使用Axure RP设置树状菜单的具体操作…

    6天前
    01
  • 图文详解Axure。

    不少朋友都喜欢使用Axure 8软件,那么大家清楚Axure 8设计三级折叠菜单的简单操作吗?若还不了解,就来学习学习Axure8设计三级折叠菜单教程吧! Axure 8设计三级折…

    6天前
    01
  • 说说Axure。

    许多小伙伴还不了解Axure PR 8制作多个按钮的详细操作,而下面就分享了Axure PR 8制作多个按钮的操作方法,希望感兴趣的朋友都来共同学习哦。 Axure PR 8制作多…

    6天前
    01
  • 今天分享Axure。

    熟悉Axure RP 8软件是很简单的,但是大家知道制作拱桥倒影图的操作吗?今天笔者就分享Axure RP 8制作拱桥倒影图的操作方法,一起来看看吧! Axure RP 8制作拱桥…

    2025-11-13
    036
  • 关于Axure。

    部分用户在使用Axure RP 8.0软件的时候,并不是很熟悉其中制作自适应页面元件的方法?今日在这里酷牛教程小编就为各位带来了Axure RP8.0制作自适应页面元件的具体教程。…

    2025-11-01
    047
  • 分享Axure。

    今天酷牛教程小编讲解了在Axure RP 8绘画漂亮游泳圈图形步骤,下文就是关于在Axure RP 8绘画漂亮游泳圈图形的教程,一起来学习吧。 Axure RP 8绘画漂亮游泳圈图…

    2025-09-23
    039
  • 我来教你Axure。

    很多新手小伙伴还不了解Axure RP 8设置显示网格的具体操作,所以下面酷牛教程小编就带来了Axure RP 8设置显示网格的详细教程哦。 Axure RP 8设置显示网格的具体…

    2025-09-01
    045
  • 关于Axure。

     很多人的工作中都需要使用大Axure RP软件,那么你们晓得Axure RP是怎么制作文字滚动动态效果的呢?下文就为你们带阿里了Axure&ensp…

    2025-07-17
    047
  • 说说Axure。

     一些同学们在使用Axure RP的时候,出现无法预览页面的情况,该怎么处理呢?下文就为大伙带来了Axure RP出现无法预览页面的具体解决方法。&e…

    2025-07-07
    045