用axure做网页设计（axure网页制作教程）

本文目录一览：

• 1、利用axure进行响应式自适应网站的设计
• 2、如何用axure制作网页如何用axure做网页
• 3、Axure设计的登陆页面怎么生成网页原型?

利用axure进行响应式自适应网站的设计

产品经理利用axure设计原型。 原型讨论定型后由UI人员设计图标，更新到axure原型中。 由axure生成 自适应的响应式网站 设计的html文件。

双击打开AxureRP8设计软件，在基本元件中拖曳一个矩形1到画布上。再次在基本元件里拖曳两个按钮到画布上，放在矩形框上方。再拖曳一个占位符到矩形框下方。

新建页面，名称自定，如“自适应”。 选择Project下的Adaptive View Sets...项。

如何用axure制作网页如何用axure做网页

1、下载安装Axure RP，我安装的是Axure RP0。然后打开Axure RP，页面左下角的部分就是母版，我这里以QQ空间的页面为例，来做这个例子。QQ空间由三部分组成：顶部的导航，左侧菜单和右边的详细显示界面。

2、首先我们打开一个已经设计好了的网页原型。然后点击软件右上角的发布按钮，找到生成HTML文件一项。或者直接在打开的网页原型中按F8，使用快捷键打开。选择存放HTML文件的目标文件夹。

3、创建你所需要的页面，并将你需要完成的原型，画在空白区域内，选择要添加的组件；其中需要用到的图片直接粘贴进去就可以了rectangle可以用来添加文本框。

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

5、首先打开Axure，新建一个空白页面，在空白页面拖入本次要使用的相关元件，如下图所示。然后我们需要给这些元件命名，并对大小和样式进行调整，如下图所示。然后我们把边框隐藏一下，如下图所示。

6、在主页上面新建一个和主页平级的页面，命名为网站结构图。然后选中该页面，右键选择图标类型中的流程图。我们会看到，网站结构图页面前面的图标变成了结构图的标记。

Axure设计的登陆页面怎么生成网页原型?

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

2、Axure制作验证码登录页面原型教程：手动制作或挑选使用手机背景。以下为小编手动绘制手机背景：绘制任意跳转首页面，以下为小编手动绘制首页：完成准备后将首页置于空白页下方。

3、Axure制作账号密码登录原型步骤：01实现效果单击账号输入框默认态得到焦点时（焦点即光标）：内容清空，全局变量counter1由空（blank）变为0。文本改变时：counter1开始计数。

4、首先打开Axure，新建一个空白页面，在空白页面拖入本次要使用的相关元件，如下图所示。然后我们需要给这些元件命名，并对大小和样式进行调整，如下图所示。然后我们把边框隐藏一下，如下图所示。

5、第二步：制作网页原型图 这是一个费脑活，目前大多数人都是采用Axure的软件制作，画原型图需要参考很多网站风格，通过不断的借鉴，才能总结自己的网站风格。目前设计流行的元素是采用图标配文字，界面扁平化，尺寸做成宽屏风格。

6、一般情况下，登录界面会有忘记密码和注册界面的链接。