axure设计网页导航菜单原型图的思路与实例介绍

时间:2021-05-22

Axure8.0是一款原型设计工具,是产品经理必不可少的工具,经常使用Axure制作网页导航,该怎么制作网页导航菜单呢?今天我们就来通过一个实例来介绍怎么画导航菜单的原型设计,以淘宝APP导航为例来详细说明,详细请看下文图文介绍。

软件名称:
Axure RP v8.1.0.3382 Enterprise 中文特别版(附注册机+汉化包+安装教程)
软件大小:
83.2MB
更新时间:
2019-04-26立即下载

一、前期准备

1、首先我们的电脑上需要安装原型设计工具Axure:

2、需要具备一些基础的软件设计知识:

二、导航状态制作

1、打开原型设计工具:

2、新建一个母版,命名为导航菜单,然后再工作区域内拖动两个长方形,调至合适的尺寸:

3、从库中拖动一个图形至画图区,双击,从电脑上选择合适的图标:

4、双击图标,在右击的弹出框中选中转换为动态面板:

5、之后会弹出一个设置框,修改名称,以及添加两种状态:选中和未选中:

6、双击未选中,然后点击未选中页面上的图标,从电脑上选中未选中的图标;这样一个图标的两种状态就都有了。

7、依照上面的方法,画出其他四个图标:

三、制作菜单页面

根据导航栏,分别创建5个单独的页面,然后命名:

四、制作菜单单机效果

1、选中菜单,双击右侧鼠标单机时:

2、选中当前窗口:

上一页12 下一页 阅读全文

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章