使用axure设计网页（axure设计网页的高度无滚条）

本文目录一览：

• 1、如何用axure制作网页如何用axure做网页
• 2、Axure设计网站原型时,网站宽度和高度怎么设置比较好
• 3、Axure怎么设计网页中拖拽控件上下排序的模块?
• 4、Axure设计的登陆页面怎么生成网页原型?
• 5、如何用Axure做出高保真的个人网站

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

下载安装Axure RP，我安装的是Axure RP0。然后打开Axure RP，页面左下角的部分就是母版，我这里以QQ空间的页面为例，来做这个例子。QQ空间由三部分组成：顶部的导航，左侧菜单和右边的详细显示界面。其中顶部的导航和左侧的菜单很少变化，所以可以把这两个部分拆出来做成母版，复用到各个页面中。

第一步，打开Axure RP 0，绘制页面的基本框架。 第二步，从元件库中选择“矩形”元件，拖动到画布上，并调整其样式，包括大小、颜色填充和边框。 第三步，设计左侧的导航框架。创建一个较小的矩形，并设置特有的样式。 第四步，向矩形中添加文字。

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

Axure设计网站原型时,网站宽度和高度怎么设置比较好

【页面宽度】在设置页面宽度时，应考虑不同浏览器的边距调整。在IE0下，宽度应为显示器分辨率减去21像素；在Firefox下，宽度应为分辨率减去19像素；在Opera下，则为减去23像素。为了兼容性，建议网页宽度适当缩小，例如800分辨率设为760像素，1024分辨率设为990像素。

*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。1024*768下，网页宽度保持在1002以内，如果满框显示的话，高度是612-615之间，就不会出现水平滚动条和垂直滚动条。页面长度原则上不超过3屏，宽度不超过1屏，每个标准页面为A4幅面大小，即5X11英寸。

制作原型时根据查询的尺寸在axure中设置大小即可，设计完毕后在生成HTML时设置 手机/移动设备 中勾选包含视图接口（ include Viewport tag ），并进行配置即可。

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

步骤1：创建参考线 在开始前，我们先创建原型设计使用的屏幕尺寸参考线。iPhone和Android使用的是典型的320宽度。在本案例中，将参考线高度设置为360，做为iPhone导航可见时的屏幕可浏览区域。点击线框图窗口处的标尺，拖出参考线到线框图中。

Axure怎么设计网页中拖拽控件上下排序的模块?

1、在模块上双击鼠标打开模块，像设计页面一样拖拉控件到线框图面板中进行模块设计。在页面中使用模块 只要拖拉模块面板中的模块到线框图中，就可以在页面或另外模块中应用模块。拖入到线框图中后，根据模块特性，模块对象会有淡红或灰色的遮罩，执行菜单“Wireframe-MaskMasters”可以移除遮罩。

2、添加控件 从控件面板中拖动一个控件到线框图面板中，就可以添加一个控件。控件可以从一个线框图中被拷贝（Ctrl+C），然后粘贴（Ctrl+V）到另外一个线框图中。操作控件 添加控件后，在线框图中点选该控件，然后可以拖拉移动控件和改变控件的大小，还可以一次同时对多个控件进行选择、移动、改变尺寸。

3、第一步：从widget库中拖出text field控件。双击控件在其中输入提示文字。然后在widget properties面板里，为该text field写入标签：“find people”。第二步：双击widget properties面板里的，然后在打开的case editor中，点击Set Variable/Widgets value（s）之后点击Open Set Value Editor。

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

首先我们打开一个已经设计好了的网页原型。然后点击软件右上角的发布按钮，找到生成HTML文件一项。或者直接在打开的网页原型中按F8，使用快捷键打开。选择存放HTML文件的目标文件夹。选择需要立即打开的浏览器，也可以选择不打开，只生成HTML文件。点击生成，需要等待几秒钟。

将密码输入框元件中，矩形命名为“矩形2”，文本框命名为“密码”，文本框元件属性设置为：密码、隐藏边框，增加提示文件“登录密码”，三个元件排列好组合，命名为“密码输入框”。参考网页登录样式，将各元件在界面中排列好。

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

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

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

如何用Axure做出高保真的个人网站

什么样的个人网站不适合axure。需要后台维护。所谓后台维护，是指需要开发一个官网后台，每天通过后台上传新文章、新内容等信息。Axure只能做显示效果，所以不适合axure在这种场景下做网站。有很多页面和内容。首先，axure的网站导出的html文件比较大，比正常前端开发的网站大很多。

中继器是Axure0推出的功能，许多axure的使用者看到中继器的高级函数就望而却步，加上动态面板足够强大，以至于明珠蒙尘。我在高保真的制作中使用了大量的中继器，一个页面中甚至使用超过4个，我甚至想到把绝大多是部件都转化成中继器。

想要实现这个效果，首先要做如下准备，画出4个半圆 因为加载中这个元素本来就是要隐藏的，只有在需要的时候才显示。所以就利用整个元素的“显示时”的交互，首先就是半圆1旋转180度，然后半圆4旋转135度，注意每度旋转时间要一样。利用半圆3遮挡后面的半圆2，当4到指定位置时，再一起旋转。