Axure教程 axure新手入门基础(1)

最后48小时,不限地域学习腾讯产品方法论,5位导师90天贴身指导。了解详情

首先做个声明:此次教程里为了快速完成,借用了一些网上已有教程的图文,不是剽窃,只图方便。另外,因为汉化版本可能功能名称等略有差别,请自行理解。

名词解释:

线框图:一般就是指产品原型,比如:把线框图尽快画出来和把原型尽快做出来是一个意思。

axure元件:也叫axure组件或axure部件,系统自带了一部分最基础常用的,网上也有很多别人做好的,软件使用到一定阶段可以考虑自己制作元件,以便提高产品原型的制作速度。

生成原型:是指把绘制好的原型通过axure rp生成静态的html页面,检查原型是否正确,同时,方便演示。建议生成时选择用谷歌浏览器打开(第一次会有提示安装相关插件),ie会每次都有安全提示,不如谷歌浏览器方便。

(一)  Axure rp的界面

 1

1-主菜单工具栏:大部分类似office软件,不做详细解释,鼠标移到按钮上都有对应的提示。

2-主操作界面:绘制产品原型的操作区域,所有的用到的元件都拖到该区域。

3-站点地图:所有页面文件都存放在这个位置,可以在这里增加、删除、修改、查看页面,也可以通过鼠标拖动调整页面顺序以及页面之间的关系。

4-axure元件库:或者叫axure组件库、axure部件库,所有软件自带的元件和加载的元件库都在这里,这里可以执行创建、加载、删除axure元件库的操作,也可以根据需求显示全部元件或某一元件库的元件。

5-母版管理:这里可以创建、删除、像页面头部、导航栏这种出现在每一个页面的元素,可以绘制在母版里面,然后加载到需要显示的页面,这样在制作页面时就不用再重复这些操作。

6-页面属性:这里可以设置当前页面的样式,添加与该页面有关的注释,以及设置页面加载时触发的事件onpageload。

7-元件属性:这里可以设置选中元件的标签、样式,添加与该元件有关的注释,以及设置页面加载时触发的事件;

A-交互事件:元件属性区域闪电样式的小图标代表交互事件;

B-元件注释:交互事件左面的图标是用来添加元件注释的,在这里我们能够添加一些元件限定条件的注释,比如:文本框的话,可以添加注释指出输入字符长度不能超过20。

C-元件样式:交互事件右侧的图标是用来设置元件样式的,可以在这里更改原件的字体、尺寸、旋转角度等,当然也可以进行多个元件的对齐、组合等设置。

8 动态面板:这个是很重要的区域,在这里可以添加、删除动态面板的状态,以及状态的排序,也可以在这里设置动态面板的标签;当绘制原型动态面板被覆盖时,我们可以在这里通过点击选中相应的动态面板,也可以双击状态进入编辑。

Axure rp的界面就介绍到这里,界面中的各个区域基本上在做产品原型的过程中,使用都很频繁,所以建议不要关闭任何一个区域。如果不小心关闭了,可以通过主菜单工具栏—视图—重置视图来找回。

 

本文作者:@小楼;

如果觉得看文字教程比较枯燥,也可以试试视频课程:http://vip.qidianla.com/course/detail/tavnj.html

新手入门基础教程目录

Axure教程 axure新手入门基础(1)

Axure教程 axure新手入门基础(2

Axure教程 axure新手入门基础(3)

Axure教程 axure新手入门基础(4)

Axure教程 axure新手入门基础(5)

Axure教程 关于Axure rp触发事件中IF和ELSE IF的使用说明(6)

Axure教程 axure元件使用思路的补充(7)

Axure教程 动态面板的用途(8)

Axure教程 带遮罩层的弹出框(9)

Axure教程 动态面板滑动效果(10)

更多Axure学习技巧:Axure专栏

写文章不容易,打个赏支持下作者吧
2人打赏

评论( 29

写下你的想法
  1. 产品经理

    一套组件预览效果 :http://budushu.coding.me/yt/zjjh/start.html (内含下载链接实时更新)

    回复
  2. 看连载

    回复
  3. 菜鸟一枚

    支持

    回复
  4. 产品人

    有视频教程么?

    回复
  5. :mrgreen:

    回复
  6. 多谢

    回复
  7. 渴望思维的小青年

    good 干货!

    回复
  8. 小小的产品经理助理

    :???:

    回复
  9. 我是心机汪!

    多谢!

    回复
  10. yo

    正在学习视频教程

    回复
    1. 回复

      请问哪里有视频教程呢?可以共享一下吗?高恩

    2. 回复

      可以共享视频教程吗 谢谢

  11. i can

    小楼。。

    回复
  12. 两年Oracle财务顾问懂开发,想转产品

    :roll: :roll: :roll: :roll:

    回复
  13. 南开大学毕业,产品经理

    石墨文档非常不错

    回复
  14. 越努力,越幸运

    :grin:

    回复
  15. 越努力,越幸运

    非常的有用

    回复
  16. 可以再简单一些不,能让没有任何基础的人也看懂。。。

    回复
  17. 一杆清爽的逗比。

    :grin: 正在学,棒棒哒

    回复
  18. 越努力越幸运

    学习中 :smile:

    回复
  19. 学习中

    回复
  20. 学习中 :???:

    回复
  21. 小楼的视频不错,还有个叫乌金的,貌似小楼的学生,但是现在自立门户了。

    回复
    1. 回复

      能将你 看的视频地址告诉我吗 2 3 7 3 1 2 9 2 5

    2. 回复

      小楼的课程是收费的,299可以一直学,http://www.iaxure.com/

  22. 做一名优秀的产品经理。

    真棒

    回复
  23. 用心做好:人人都是产品经理、起点学院

    还不错,比较适合0-1岁新人哈。

    回复
  24. 学习了

    回复
  25. 小楼是PM大神 !

    回复

推荐阅读