网页原型图网页效果图-如何利用AxureRP8搭建简易登录页面原型图？

打开Mockplus这个软件,点击新建项目,选择你需要用的页面模式,如:手机、平板、网页等,选择好就可以进行原型图的绘制了。

2

首先,在画之前引入眼帘的是Mockplus的工具栏,有组件、交互、扩展、布局、移动、静态、批注等功能;点开看看,熟悉各种功能的使用;

3

现在,熟悉完毕后,我们可以进行简单网页版原型图绘制。

END

方法/步骤2

一、利用组件里的线框工具进行拖拽,可随意拖拽形成大概布局,然后可以在线框中进行编辑,选择需要的字体颜色大小,线框粗细等,如下图所示;

二,利用组件里的扩展功能,绘制你所需要的搜索框,表单等功能;利用图片功能可以导入你所需要的图片使布局图变得更有直观性;如下图所示;导入完后,还可以随意缩放图片大小。

三、利用布局里的工具,添加选项卡、分组框等需要的功能,也可以进行编辑;

四、对需要的功能组件进行拖拽,编辑,一个简单的网页版原型图就画好了!

PS做的效果图是用来调研需求的,跟着需求变一直变,说明功能性质的,可以认为是草稿

Rp做的原型一般是美术做出来的网站图片。直接切出来做出的网站基本就是那个样子的。

利用AxureRP8来搭建原型图,就不得不提到元件库的使用,元件库对于Axure来说其实在某种程度上相当于工具栏对于平面设计,如果想要在页面上搭建一个简易原型,元件库中元件的使用时必不可少的,就像是搭建一个积木原型就必须要有积木的原理是一样的,好了,且看如何使用元件库当中的元件来搭建一个简易的原型图吧。具体步骤如下:

1、页面。在整个Axure中的左上角偏下的位置,即为页面的位置,一般系统默认是三个,当然也可以复制很多个页面,双击第一个页面,我们再当前页面进行简易原型的搭建。

2、在元件库当中选择矩形2的这一元件,拖动到画布当中,根据自己的要求的尺寸,画出相应的大小,这里选择使用1920*1080尺寸的,也是苹果手机plus版本的分辨率尺寸,可以在如图所示的位置进行相应的调整。

3、选择占位符。占位符一般代表的是原型当中的图片的位置,这里使用占位符代表登录页面当中经常出现的logo之类的信息,当然如果想要使得更美观一些的话,也可以选择使用图片。

4、选择矩形1和文本框两个元件,来进行登录位置的创建显示效果,具体,双击元件可以对矩形元件进行编辑,这里我们选择对矩形设置成登录的字样。

5、单击元件,同时按住Ctrl键,可以复制出一个元件出来,具体,使用这种方法,可以比较方便的创建出来密码的显示效果,具体。

6、创建关键按钮,也就是登录按钮。拖动完成之后,我们将其名称命名为立即登录。具体,创建完成之后,按下F5点击发布,我们就可以使用网页打开自己的原型来看一下展示的效果。