浏览器
双核浏览器
游戏浏览器
高速浏览器
视频浏览器
IE浏览器
浏览器周边
手机浏览器
安卓游戏
音乐舞蹈
养成游戏
儿童游戏
仙侠手游
角色扮演
策略塔防
休闲益智
动作冒险
飞行射击
模拟经营
体育运动
赛车竞速
网络游戏
安卓软件
资讯阅读
生活服务
影音播放
购物理财
效率办公
趣味娱乐
交通出行
学习教育
摄影图像
在线音乐
系统工具
网络购物
聊天工具
安全杀毒
图片编辑
新闻资讯
软件资讯
游戏资讯
手机教程
手游攻略
游戏攻略
软件教程
IE专区
安卓专题
文章合集
电脑软件专题
安全软件
杀毒软件
系统安全
加密解密
防火墙
远程控制
木马查杀
影音软件
网络电视
视频播放
音乐播放
视频制作
音频编辑
录音录像
教育学习
外语学习
教育管理
早教启蒙
在线课堂
成人教育
资格考试
聊天社交
即时通讯
视频聊天
在线交友
变声器
表情包
办公软件
线上会议
文档管理
行业管理
考勤打卡
应用工具
输入法
下载工具
时钟日历
记事本
文件管理
计算器
编程开发
编程工具
JAVA相关
加壳脱壳
编程控件
数据库
网页源码
软件开发
补丁制作
系统美化
桌面制作
壁纸大全
系统主题
屏幕保护
桌面辅助
系统软件
系统优化
备份还原
系统检测
U盘工具
磁盘工具
驱动补丁
图文处理
图片素材
图像处理
图片制作
图片压缩
电子相册
抓图工具
其他软件
电子书籍
模拟器
辅助工具
交通出行
手机管理
其他工具
素材下载
字体素材
PPT素材
专区
文章合集
软件
游戏
浏览器
安卓专题
软件
游戏
浏览器
IEfans/ 新闻资讯/ 软件教程 /Axure rp设计微信交互界面具体操作步骤

Axure rp设计微信交互界面具体操作步骤

2023-03-09 02:36:02 编辑:匿名

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

    Axure rp设计微信交互界面的具体操作步骤

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

    Axure rp设计微信交互界面的具体操作步骤
    Axure rp设计微信交互界面的具体操作步骤

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

    Axure rp设计微信交互界面的具体操作步骤

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

    Axure rp设计微信交互界面的具体操作步骤

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

    Axure rp设计微信交互界面的具体操作步骤

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

    Axure rp设计微信交互界面的具体操作步骤
    Axure rp设计微信交互界面的具体操作步骤
    Axure rp设计微信交互界面的具体操作步骤

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

    Axure rp设计微信交互界面的具体操作步骤
    Axure rp设计微信交互界面的具体操作步骤

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

    Axure rp设计微信交互界面的具体操作步骤

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

    Axure rp设计微信交互界面的具体操作步骤
    Axure rp设计微信交互界面的具体操作步骤

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

    Axure rp设计微信交互界面的具体操作步骤

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

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

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

    Axure rp设计微信交互界面的具体操作步骤

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

    Axure rp设计微信交互界面的具体操作步骤
    Axure rp设计微信交互界面的具体操作步骤

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

    Axure rp设计微信交互界面的具体操作步骤

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

相关推荐

软件更新