产品经理培训
美国上市产品经理培训机构

400-111-8989

热门课程

产品经理培训课程中Axure教程

  • 发布:产品经理培训
  • 来源:网络
  • 时间:2018-06-08 14:34

每一个产品经理都会用到Axure这个软件,我们产品经理培训课程中也是翻来覆去的讲了好多遍,那么今天我们说到的是如何用Axure制作一个轻量级的后台原型框架?

本文主要是一个Axure教程,教你如何制作一个轻量级的后台原型框架,教程总共分为六步,看完教程的大致思路,再结合源文件做一些测试,相信很快就能掌握绘制后台原型的方法。

产品经理培训课程中Axure教程

教你制作一个轻量级的后台原型框架,先看看这一期有些啥:

先睹为快:【点我预览】

产品经理培训课程中Axure教程

教程开始:

第一步:规划后台的布局

把后台分为三个部分:

顶部导航;

侧面导航;

内容区域。

产品经理培训课程中Axure教程

第二步:思考使用合适功能进行展示

产品经理培训课程中Axure教程

第三步:制作顶部导航

1. 创建母版页,顺便创建好侧面导航等母版页面

产品经理培训课程中Axure教程

2. 绘制顶部导航

需要将顶部导航的宽设置为浏览器的宽,高度可以固定高度。

产品经理培训课程中Axure教程

第四步:制作左侧导航

1.在侧面导航母版中,绘制多个文本框,并设置为一个选项组,设定选中和悬停的样式

产品经理培训课程中Axure教程

2. 为所有文本框添加点击事件:点击的时候选中该文本框

产品经理培训课程中Axure教程

给同一组矩形框定义了一个选项组,即可实现点击效果的互斥,实现菜单选中效果。

3. 给母版菜单添加鼠标单击的自定义事件,方便在其引用的页面做菜单交互

产品经理培训课程中Axure教程

第五步:创建页面,使用母版中的导航,并创建内容区域

1. 创建页面,创建内联框架,指定内联框架到默认菜单页面

产品经理培训课程中Axure教程

2. 设定内联框架的最大尺寸,以适配屏幕,并设定滚动条和隐藏边框

产品经理培训课程中Axure教程

第六步:为菜单添加交互,使内联框架中的内容按需跳转

产品经理培训课程中Axure教程

以上步骤即可完成一个轻量级的后台菜单,它足够的简单和灵活,内容区域可以根据内容的实际大小显示滚动条。使用母版定义导航,足够灵活,后续调整只需要调整母版和自定义事件。

看完教程的大致思路,再结合源文件做一些测试,相信很快就能掌握绘制后台原型的方法

希望本篇内容可以对同学有所帮助,更多关于产品经理培训类的相关知识请关注产品经理培训官网pm.tedu.cn

免责声明:内容和图片源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容

预约申请免费试听课

上一篇:产品经理培训中关于对话机器人设计与开发
下一篇:产品经理培训课程中移动支付界面设计

产品经理的思考流程

产品经理的idea管理

不仅产品需要规范,你的人生同样需要规范

产品经理要掌握9个做好产品的方法

选择城市和中心
贵州省

广西省

海南省