导航:首页 > 万维百科 > axure设计网页的库

axure设计网页的库

发布时间:2021-03-03 13:23:51

1、axure作的网页可以真正使用吗

axure制作的网站只是来个原型图,基本自可以实现现在网页的所有功能(注:毕竟只是原型,所以有时会发生延迟),只要有时间花在上面,做个数据库都不是什么问题。
唯一和真实网页的区别就是:必须把生成的原型发给使用者,而不能像网页一样调取服务器

2、如何在axure中批量创建元件库

方法如下:
1、找到创建元件库的入口:打开Axure,在左侧元件库面板,点内击绿色搜索按钮左边的容下拉三角形,点击第三项“创建元件库”,此时会弹出一个另存为对话框,这里需要选择元件库的存储位置并输入元件库的名称,保存后稍等,Axure将重新打开一个新页面进行元件的编辑;
2、元件分组:在页面导航面板上,所有的文件夹都是一个分组,所有没有在文件夹下的页面包括其所有子页面,都隶属与以元件库为名的分组下。
3、添加元件分组:删除默认的“新元件1”页面,添加一个文件夹,命名为所需要的分组名;
4、添加元件页面:右键点击“按钮”分组,选择“添加”>“子元件”,命名为“普通按钮”;
5、编辑元件:打开“普通按钮”页面,在页面上完成按钮的样式以及交互,然后保存;
6、预览效果:制作完成元件库,保存后回到最初打开的Axure中,在元件面板绿色搜索按钮左边点击小三角,选择“刷新元件库”,元件库面板就会出现刚制作好的元件了。

3、axure怎么做web页面高保真

一般来说,axure的原型分成两种,低保真和高保真。低保真就是线框图,主要作用是给研发交付,做开发的参考,只要能能实现讲清楚页面的功能和逻辑就可以了,特点是高效、快速;而高真原型主要是在产品初期给公司领导、用户演示,除了要完成低保真的功能,对于原型的界面风格和交互都有要求,高保真的原型特点是效果好、更接近真实的产品,但是开发起来很费事件。这两种原型适用与不同的需求场景。
对于高保真来说,主要要实现以下几个方面:
1、页面布局尺寸要准确,最好能够实现自动适应屏幕;
2、页面风格,包括颜色、字体、行间距等,都要按照规范设计,这个阶段,往往需要UI的介入;
3、交互要能够实现,至少要实现所有的菜单功能,并且要实现主要细节页面;
按照上面的要求,高保真的原型除了基本的原件之外,一般都要使用到动态面板、中继器、内联框架等元件,需要产品经理能够对这些元件掌握的比较好。
总得来说,实现一个高保真的原型是比较复杂的,对于新手来说,还是比较困难的。
不过也有一些现成的pc端的高保真原型框架,可以下载直接使用。

4、如何在Axure中创建自己的元件库

找到创建元件库的入口

打开Axure,在左侧元件库面板,点击绿色搜索按钮左边的下拉三角形,点击第三项“创建元件库”。

此时会弹出一个另存为对话框,这里需要选择元件库的存储位置并输入元件库的名称。建议将元件库存放于你经常储备资源的文件夹下。

保存后稍等,Axure将重新打开一个新页面进行元件的编辑。



认识元件编辑页面

元件编辑页面和我们使用Axure做原型时是一样的,你依然可以加入其它的元件库并运用到你索要编辑的元件上。

元件分组

通过观察Axure默认的元件库,我们可以发现其元件库是可以进行分组的。我们在制作元件库的时候,分组规则如下:

在页面导航面板上,所有的文件夹都是一个分组,所有没有在文件夹下的页面包括其所有子页面,都隶属与以元件库为名的分组下。

添加元件分组

删除默认的“新元件1”页面,添加一个文件夹,命名为你的分组名。这里以“按钮”为例。

添加元件页面

右键点击“按钮”分组,选择“添加”>“子元件”,命名为“普通按钮”。

你也可以在面板上点击“+”添加页面,此时的页面和分组是同级,只需选中页面,按Tab键或者点击面板上绿色向右的按钮,即可将元件放置在分组下。

 


 

编辑元件

打开“普通按钮”页面,在页面上完成按钮的样式以及交互,然后保存。

需要说明的一点,元件的位置可以在页面上任意位置,不必放在左上角顶点处,Axure会自动计算出元件的实际位置,在元件使用的时候没有任何影响。

你可以为自己的元件制作两张尺寸分别为28*28和56*56的图标,在页面属性面板选择自定义图标并上传。如果没有,默认使用缩略图,Axure会自动将当前页面缩略图作为元件图标。

 

预览效果

制作完成元件库,保存后回到我们最初打开的Axure中,在元件面板绿色搜索按钮左边点击小三角,选择“刷新元件库”,元件库面板就会出现你刚制作好的元件了,拖一个在工作区试一下吧!

5、通过axure做原型设计生成的html代码可以让开发直接用吗

不可以,Axure 生成的只是原型,是在产品制定时供大家参考了解项目用的。

Axure输出的HTML文件不能直接用于前端代码开发,Axure为了模拟交互效果,使用了大量的JS,其中有很多是用不着的内容,前端代码需要完全重写。

Axure输出内容不能取代实际开发中的任何部分,只是为了提高沟通效率。

(5)axure设计网页的库扩展资料:

Axure的特性

1.鼠标及键盘交互功能:

支持更多的新特性包括 OnDoubleClick(双击), OnContextMenu (右击),OnMouseDown(鼠标按键按下), OnMouseUp(鼠标按键松开), OnMouseMove(鼠标指针移动), OnMouseHover(鼠标指针经过), OnLongClick (鼠标长按), OnKeyDown(键盘按键按下), OnKeyUp(键盘按键松开)。

2.演示文档:

支持HTML5新特性,以及更好的支持手机演示特性。


3.新增部件样式控制:

Axure7对于部件修饰功能有较大的改善,包括支持圆角、阴影、描边等设置。

4.更细化的部件属性:

更为丰富的部件属性,可以设置各种形状、样式,较Axure RP 6.5单调的形状而言,也是一种惊喜。

5.更多交互条件:

包括关闭指定窗口、设置锚点以及更为灵活的事件触发条件,对于移动互联网产品原型设计有很大帮助。

6、Axure设计的网页怎么生成html文件

1、点击菜单栏中的“发布”,点击“生成HTML文件”

2、选择html文件保存路径,然后点击“生成”按钮

3、将生成的html文件保存在文件夹中

4、打开上面的文件夹,双击打开“index”文件

5、浏览器打开html文件的效果图

7、如何用axure制作一个完整的个人网站

axure制作出来的只是产品模型,生成html代码后相当于只是你有了前段样式代码,具体的功能模块的代码实现,还是需要你编写的,怎么与数据库,前后台对接,怎么发布到服务器等等。当然,你要是只是个静态的个人网站,一年不更新一次,也简单,用axure制作一个网站,中继器里存死数据,放到nginx服务器上就行了。
而对于你怎么通过axure制作一个完整的个人网站,就简单很多了,直接在axure中设计不就行了吗,本身就是一个工具类软件,知道如何操作就可以设计了,登录,博客发布,编写都可以模拟,但也仅限于是个模型而已

8、如何制作自己的axure库

部件库里有个创建元件库的选项,如图

就像做原型的时候一样,新建页面,一个回页面做一个组件。答

之后你要输入一个元件库的名字, 就会生成一个 .rplib的文件了,打开后你可以做元件了

每个元件都可以有自己的Interaction,很好用。

调用自己制作的部件库
在部件库区域,点击【Load Library…】


与axure设计网页的库相关的知识