4.创建部件库

学习目标AXURE是一款非常优秀的原型工具，也是产品经理必须掌握的工具。掌握AXURE常用的功能和绘制原型的基本方法。 网页原型概念原型就是指草图，模型或者demo，我们在正式画一个画之前，首先要打一个草稿，把心中想描绘的东西大概描绘出来，然后再草稿之上做更精细的描绘。网页原型也是同样的道理，在网页...

中间区域中间区域是原型绘制的地方，我们可以根据标尺来确定原型的大小，方便我们画出符合正常显示标准的原型。 左侧区域左侧区域分为3小块，分别是站点地图（主要是对原型的页面进行管理，原型是由一个个页面组成的，站点地图用来管理这些页面并对页面进行切换），部件库（部件库里面有很多网页的基本元素，比如图片，按...

什么是动态面板动态面板是在原型绘制中常用的部件，动态面板就是对多个元素进行管理的小组织，以麦子学院为例,当鼠标移动到“企业直通班”或者“小麦”的头像时，就会弹出一个菜单，弹出的菜单是自成一体的，是一个小组织，如下图：    这里面包含的元素是很多的，因此画原型的时候就需要对这些元素进行管理，这时候就...

为什么要创建部件库在部件库中我们能看见的元素，其实是部件库默认的元素，AXURE除了内置的流程图，还有自定义的部件库。我们在绘制原型的时候，有很多常见的元素，例如“搜索”都是一个放大镜的样式，“设置”都是一个齿轮的样式，为了避免每次做原型都重做这些元素，我们可以做成部件库。 如何做自己的部件库1.点...

几个基本概念1.交互AXURE的交互有两大类，一是部件交互，二是页面交互。部件交互就是对页面元素（部件）进行相关操作时，页面或页面中的元素产生相应的变化。例如鼠标移动到网页的某个地方，会自动弹出一个下拉菜单。页面交互就是对页面进行相关操作时，页面或页面中的元素产生相应的变化。 2.事件事件即在发生什...

我们以麦子学院个人中心的页面为例画一个原型图，首先我们需要对这个页面有一个大致的概念，首先我们看看这个页面页面总览   这个页面包括顶部的导航条，中间老师的个人简介，下部的老师动态列表，侧边的访客信息等。有了这个基本框架后，我们就开始画这个页面吧。 绘制步骤1.确定这个页面的宽度并拉出两根参考线，分...

上面绘制了网页的基本布局，除此之外，还需要一些交互效果。下面教大家一步步来设计交互效果。 鼠标移到头像上弹出信息框的交互效果制作 1.选择矩形部件并在头像下方拉出一个大小合适的矩形2.右键转化为动态面板并命名为“个人资料”（在设计原型的时候，有很多的状态和面板，所以一定要命名，方便后面的编辑）  3...

效果总览我们以麦子学院的APP为例，首先我们来看看麦子学院的APP界面 绘制步骤1.确定手机原型的宽度（320像素）和高度（480像素或者560像素）并拉出参考线定位绘制区域，有时候为了好看，可以拿一个手机的模型套，例如：  2.绘制页头（用矩形部件填充颜色）  3.在页头加上“课程中心”和搜索图标...