分享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.cwhello.com/165095.html

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

相关推荐

  • 关于Axure。

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

    2天前
    01
  • 分享Axure。

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

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

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

    2025-09-01
    05
  • 关于Axure。

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

    2025-07-17
    03
  • 说说Axure。

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

    2025-07-07
    05
  • 小编分享在Axure。

    重蔚自留地小编今天讲解在Axure RP 8中用函数统计字符串长度的操作过程,接下来就一起学习在Axure RP 8中用函数统计字符串长度的…

    2025-06-16
    07
  • 图文详解Axure。

    说到Axure RP 8.0想必伙伴们都知道吧,那么入手后知道如何才能设计出自适应页面元件吗?不熟悉的伙伴一起开看看Axure RP 8.0设计出自适应页面元件的操作过程吧。 Ax…

    2025-04-27
    05
  • 分享使用Axure。

     很多的用户都在使用Axure RP 8,那么你们知道好设置点击事件改变图片呢?下文就为你们带来了使用Axure RP 8设置点击…

    2025-04-22
    06
  • 分享Axure。

    Axure RP 8.0r如何导入RP文件?熟悉Axure RP 软件是非常简单的,今天重蔚自留地小编就分享了关于Axure RP8.0导入RP文件的操作步骤,有需要的朋友一起来看…

    2025-03-25
    07
  • 图文详解使用Axure。

     因为工作需要得用Axure RP 8绘画出一只漂亮气球图形,你们了解绘画的方法吗?下文就为大伙带来了使用Axure RP 8绘画…

    2025-03-16
    07