axure设计已有的网页（axure 网页）

本文目录一览：

• 1、Axure设计的登陆页面怎么生成网页原型?
• 2、如何用axure制作网页如何用axure做网页
• 3、网页原型图网页效果图-如何利用AxureRP8搭建简易登录页面原型图?_百度...
• 4、Axure制作一个简单的后台管理网页
• 5、Axure怎么设计网页强密码验证效果?

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

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

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

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

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

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

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

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

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

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

网页原型图网页效果图-如何利用AxureRP8搭建简易登录页面原型图?_百度...

1、接下来，开始搭建登录页面的原型图。首先，使用布局工具来设置页面的基本结构。然后，从元件库中选择合适的元件，如矩形和文本框，来创建登录表单。 双击页面空白处，开始编辑第一个页面。 从元件库中拖拽矩形2元件到画布上，并根据需求调整尺寸，例如1920*1080像素，这通常是苹果手机Plus版本的分辨率。

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

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

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

Axure制作一个简单的后台管理网页

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

2、字体后台系统常用的字体：windows系统，中文MicrosoftYaHei，英文Arial；Mac字体，中文PingFangSC，英文Helvetica；后台系统中常用字体大小为12px、13px、14px、16px、18px、20px、24px、30px。注意：Axure中最小字体建议为12px，由于谷歌浏览器预览设置问题，小号字体会被强制变大。

3、点击保存或者取消恢复查看状态双击修改所在的动态面板进入第2个状态，点击“保存”按钮；右侧边栏切换到“交互”，点击“新建交互”按钮；选择“单击时”，添加动作“打开链接”，选择重新载入页面。

4、Axure绘制Web后台产品的顶部导航组件步骤：如何画出顶部导航1）先画导航背景 从默认元件库拖动“矩形1”到画布位置（0，0），修改尺寸为1200*80px。2）画产品图标 从默认元件库拖动“图片”到画布合适位置，修改尺寸为40*40px。

Axure怎么设计网页强密码验证效果?

1、打开软件。首先找到电脑中的axure所在位置，点击并打开该软件，软件图标如下图所示：文本标签。首先在软件左侧的原价库中找到文本标签，然后鼠标左键按住并拖至空白画布中合适位置，并双击拖入的文本标签将其重命名为密码：，如下图所示：文本框。

2、用户名、密码错误；登录成功（实际可不用，成功后直接跳转，这里只做展示）。每个面板增加各个状态对应的提示内容，如下图：然后，开始设置登录按钮的校验交互，添加鼠标点击时用例，通过的输入值判断显示提示面板的状态。提示面板显示时，增加下推元件效果。

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

4、第一步，双击或者右击打开axure软件，接着点击元件库中的文本框选项。第二步，来到文本框页面后，拖动文本框到画布中，接着添加标题，小编就添加了请输入密码的标题。第三步，右击刚刚添加的文本框，接着点击弹出窗口中的文本框类型选项，然后点击密码选项。