axure模板库网页设计（axure rp网页设计案例）

本文目录一览：

• 1、axure原型图模板-如何打开axure设计的原型图
• 2、Axure怎么设计网页的登陆页面?
• 3、原型图网页-如何利用AxureRP8搭建简易登录页面原型图?
• 4、Axure设计网站原型时,网站宽度和高度怎么设置比较好
• 5、Axure设计网页如何设置页面颜色?页面颜色的设计教程?
• 6、Axure设计的登陆页面怎么生成网页原型?

axure原型图模板-如何打开axure设计的原型图

打开AxureRP8软件。 在基本元件面板中拖曳一个“Box1”元件到编辑窗口。 选中该元件，点击圆点出现各种图形窗口，选择“星型”图形。 选中星型图形，右键点击转换成图像。如何用Axure画APP原型图： 学习并练习绘制原型。

首先，我们要将文件从Axure中导出。Step1：在Axure内点击（发布）生成原型文件。Step2：创建一个空白文件夹作为导出位置，点击“发布到本地”，将生成的整个文件进行压缩，选择压缩文件格式为ZIP，注意这里不能加密。

在Axure中创建 交互 Interactions需要包含以下3个构造模块，分别是：事件 Events、用例 Cases、动作 Actions。交互是由事件触发的，事件是用来执行动作的；交互设计的目的把静态的元素变成动态的，以提升产品的用户体验。交互是Axure中的构建模块，用来把静态的线框图转换为可交互的HTML原型。

创建元件库（图一），并命名（图二）2 保存成功后axure会自动打开元件库编辑面板（和原型库基本一致）：3 按照“页面栏目”对库进行组织，说明：文件夹为元件库的分类标题 4 添加：按钮，文件夹。

【1】利用excel设计统计图表 利用execl做一个表格，并将做成图表 将图表截图保存，并打开axure 通过图片元件将学生成绩统计图导入到Axure 【2】利用HighCharts设计统计图表 打开axure，并利用内联框架加载 添加链接--选中双击弹出链接属性 HighCharts文件夹要跟生成的文件夹放在一起。

Axure怎么设计网页的登陆页面?

双击页面空白处，开始编辑第一个页面。 从元件库中拖拽矩形2元件到画布上，并根据需求调整尺寸，例如1920*1080像素，这通常是苹果手机Plus版本的分辨率。 选择占位符元件来代表登录页面中的图片位置，如logo。 使用矩形1和文本框元件创建登录字样的输入框。 复制矩形元件来创建密码输入框。

具体如下：首先我们打开电脑，找到axure图标点击打开。进入到软件界面之后，我们找到左侧菜单中的登录页选项，然后我们就可以拖动登录页移动到设置栏中。接下来我们将下方的注册页也放置在单独的注册页栏中。

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

拖动一个动态面板Dynamic Panel到页面编辑区域，设置大小为300*300。双击Dynamic Panel，或者右键选择Manage Panel States，根据你的需要给动态面板添加标签和状态。现在将动态面板命名为会员登录框，添加企业会员和个人会员两种状态。在Widget Manager里可以看到有两个状态，双击便可打开页面编辑。

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

首先，打开Axure0，在站点地图里选择一个页面，重命名为“登录窗口”，双击该页面，进入该页面的编辑模式。

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

1、首先，打开Axure RP 8并创建一个新项目。在项目开始之前，确保熟悉Axure RP的工具栏，它包含了组件、交互、扩展、布局、移动、静态和批注等模块。接下来，开始搭建登录页面的原型图。首先，使用布局工具来设置页面的基本结构。然后，从元件库中选择合适的元件，如矩形和文本框，来创建登录表单。

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

3、Axure RP 8设计软件可以设置水平菜单和垂直菜单，利用自带的控件制作菜单。

4、点击此处预览完整原型 部分图片 使用Axure绘制原型 Axure是最常用的原型制作工作之一。无须任何HTML/CSS/JavaScript基础，你都可以使用Axure制作出具备良好交互效果的原型图。

5、效果图：如果您是初学者，请注意文本元件的细节，axur 0版本：如果是交互上，那有很多钟注册方案，你需要先确定好。比如较为快捷的方式：手机端验证码方式注册，第三方微信、QQ注册等等。主要看适不适合你自己产品。

6、拖拽页面到工作区 当你画页面流程图的时候，需要展示某个页面的详情。那么选中Axure左方的页面结构中的该页面。然后拖动到右边的工作区即可，效果如下图。最终的显示效果请查看我之前的文章，以及我绘画的页面原型图。

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

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

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

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

Axure设计网页如何设置页面颜色?页面颜色的设计教程?

1、首先，打开电脑上的Axure软件；进入界面之后，点击工作区右侧的【样式】。然后，点击【背景颜色】来进行设置；在出现色板中点击自己喜欢的颜色即可，这里，为了更好的给大家演示，选择醒目的【蓝色】。最后，还可以在【草图/页面效果】一栏设置草图效果、调节灰度等。

2、AxureRP页面设置方法：设置页面居中：在页面样式点击创建，然后就会跳转到页面样式管理界面了 在页面样式管理界面，可以找到页面排列，在页面排列就可以选择你需要的靠右居中样式了 设置页面背景：在页面样式管理界面，找到颜色选项或者是图片选项，那么就可以设置页面的背景了。

3、打开Axure，点击工作区右侧的样式。然后点击背景颜色，在出现色板中点击自己喜欢的颜色即可。我们还可以在草图/页面效果一栏设置草图效果、调节灰度等。

4、制作登录背景拖入一个矩形做为登录的背景设置尺寸1920×1080，如下图：设置背景颜色，这边使用到了颜色渐变工具，颜色可以按需要设置，如下图：给背景设置鼠标移入交互。这边也是用到了渐变。原理就是鼠标悬停后，改变背景的颜色。设置页面载入时，背景大小。

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

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

双击页面空白处，开始编辑第一个页面。 从元件库中拖拽矩形2元件到画布上，并根据需求调整尺寸，例如1920*1080像素，这通常是苹果手机Plus版本的分辨率。 选择占位符元件来代表登录页面中的图片位置，如logo。 使用矩形1和文本框元件创建登录字样的输入框。 复制矩形元件来创建密码输入框。

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

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

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

第1章：理解Axure RP 作为一款强大的交互设计工具，Axure RP将为你揭示网页原型设计的奥秘，让你轻松上手。第2章：原型与高保真原型的差异 区分原型与高保真原型，了解两者在细节和真实度上的区别，掌握设计过程中的关键环节。