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

34 评论 2084669 浏览 1607 收藏 6 分钟

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

名词解释:

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

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

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

(一)  Axure rp的界面

 

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专栏

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
海报
评论
评论请登录
  1. 程序下载地址

    来自陕西 回复
  2. 起点学院的Axure高级教程地址:https://vip.qidianla.com/course/detail/dpvge.html

    来自广东 回复
    1. 求视频资源 🙄

      来自广东 回复
    2. 没有,大忽悠哦

      来自广东 回复
  3. 教程链接地址:https://pan.baidu.com/s/1hrKAFQ0

    来自广东 回复
    1. 你好,请问里面的压缩包密码是什么可以说下吗?谢谢

      来自广东 回复
    2. 谢谢

      来自贵州 回复
    3. 老师,能分享一下压缩包的密码吗?

      来自安徽 回复
    4. 您好!能分享下压缩包的密码吗?

      来自安徽 回复
  4. 😀

    来自上海 回复
  5. 对于我这样的原汁原味的新手来说真的挺实用哦~~连我不理解的一些专业术语都解释了

    来自北京 回复
  6. 看连载

    来自广东 回复
  7. 支持

    来自甘肃 回复
  8. 有视频教程么?

    回复
  9. :mrgreen:

    来自北京 回复
  10. 多谢

    来自辽宁 回复
  11. good 干货!

    来自北京 回复
  12. 😕

    来自浙江 回复
  13. 多谢!

    来自江苏 回复
  14. 正在学习视频教程

    来自北京 回复
    1. 请问哪里有视频教程呢?可以共享一下吗?高恩

      来自广东 回复
    2. 可以共享视频教程吗 谢谢

      来自广东 回复
  15. 🙄 🙄 🙄 🙄

    来自北京 回复
  16. 石墨文档非常不错

    来自北京 回复
  17. 😀

    来自河南 回复
  18. 非常的有用

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

    来自湖南 回复
  20. 能将你 看的视频地址告诉我吗 2 3 7 3 1 2 9 2 5

    来自福建 回复
  21. 😀 正在学,棒棒哒

    来自上海 回复
  22. 学习中 🙂

    来自山东 回复
  23. 学习中

    来自浙江 回复
  24. 学习中 😕

    来自北京 回复
  25. 真棒

    来自北京 回复
  26. 学习了

    来自江苏 回复