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

不可以,Axure 生成的只是原型,是在产品制定时供大家参考了解项目用的。Axure输出的HTML文件不能直接用于前端代码开发,Axure为了模拟交互效果,使用了大量的JS,其中有很多是用不着的内容,前端代码需要完全重写。Axure输出内容不能取代实际开发中的任何部分,只是为了提高沟通效率。
通过axure做原型设计生成的html代码可以让开发直接用吗
不可以,Axure 生成的只是原型,是在产品制定时供大家参考了解项目用的。
Axure输出的HTML文件不能直接用于前端代码开发,Axure为了模拟交互效果,使用了大量的JS,其中有很多是用不着的内容,前端代码需要完全重写。
Axure输出内容不能取代实际开发中的任何部分,只是为了提高沟通效率。

扩展资料:
Axure的特性
1.鼠标及键盘交互功能:
支持更多的新特性包括 OnDoubleClick(双击), OnContextMenu (右击),OnMouseDown(鼠标按键按下), OnMouseUp(鼠标按键松开), OnMouseMove(鼠标指针移动), OnMouseHover(鼠标指针经过), OnLongClick (鼠标长按), OnKeyDown(键盘按键按下), OnKeyUp(键盘按键松开)。
2.演示文档:
支持HTML5新特性,以及更好的支持手机演示特性。  

3.新增部件样式控制:
Axure7对于部件修饰功能有较大的改善,包括支持圆角、阴影、描边等设置。
4.更细化的部件属性:
更为丰富的部件属性,可以设置各种形状、样式,较Axure RP 6.5单调的形状而言,也是一种惊喜。
5.更多交互条件:
包括关闭指定窗口、设置锚点以及更为灵活的事件触发条件,对于移动互联网产品原型设计有很大帮助。
参考资料来源:百度百科-Axure
2020-03-31
通过axure做原型设计生成的html代码,能不能够让开发直接用,要分两个方面来看(可用和不可用)
一.可用
如果是给自己公司或者自己个人做的东西,对页面的代码规范,没有特别的要求,开发时间充足的话,那么可以嵌套使用
不在意页面中的冗余代码较多
不考虑后期的优化与改动
不在意页面加载速度的快慢问题
二.不可用
商用网站页面,不要直接使用,还是开发标准的html页面在进行嵌套较好
页面代码不规范,嵌套使用不方便
页面代码杂乱,代码冗余量较大,不利于后期的优化
三.示例图

总结:如上图所示,开发一个页面的话,axure做完原型图以后,会生成自带的.html文件,但是文件需要加载的项较多,能不能够使用,要看开发人的需求与实际情况
2017-04-20
通过axure做原型设计生成的HTML代码是不可以让开发直接用的
主要原因是:
axure 的目的是通过某种“特别”的手段去快速创建带有交互效果的网页原型,开发者根本不需要关心其底层实现,只需关心效果是否令人满意。为了尽量接近创意,很多时候(甚至可以说大多数时候)我们都在肆无忌惮地采用各种 dirty tricks:用图片展示特定的中文字体而不管是否能用 CSS 实现;整页面大动态而不管最终是交由 HTML5 还是 Flash 处理;以平面设计的思路来布局而不管 DIV 结构,等等。更遑论原型中还有大量的、不可或缺的注释性质的图文内容。使用 axure 的时候,心态应当和使用 PS+AI 是一样的。说白了,axure软件的主要功能就是构建产品的大体框架,包括界面以及交互,虽然能够导出html代码,但是这是一款用来设计和确立产品框架的软件,而不是一款以编译为主的软件,所以它导出的代码没有丝毫被前端开发的可能。也许上述思路会得到开发部门全体人员的一致痛骂和唾弃,但原型开发就是这样。我们要的就是外表光鲜亮丽——这是原型的基本内涵,真的并非故意和开发者过不去。原型和最终实现之间的裂隙或鸿沟,下一流程再行协商解决。所以说,通过axure做原型设计生成的HTML代码是不可以让开发直接用的。

其实你可以自己试一下:在 axure 中新建一个什么都没有的空白页面,生成网页,然后自己去看看源代码,你马上就能明白为何不能直接交给开发部门了。
一点浅见~2016-06-30
  axure做原型设计生成的html代码不能直接用于开发,axure只是单纯的为了快速的给用户展示设计的理念和思路,生成的代码是不太符合开发思想的,对于高质量的开发来说,这样是不可取的
根据其定位,axure是用作快速原型的,所以生成的代码是只考虑效果,不考虑效率和标准的。同样的效果,却使用了更多的流量和资源,对服务器和用户都是大损失。
根据其规范,原型中有大量的、不可或缺的注释性质的图文内容,无法用于正常的开发,更改成适用代码的精力比重新开发更多。
根据其结构,axure生成的是平面设计页面,丝毫不管 DIV 结构,以及css样式js文件的加载。其与html结构不符合,也很难做自适应,样式死板,不符合界面要求。
2016-07-04
答案肯定是不可以,
1、axure 生成的只是原型,是在产品制定时供大家参考了解项目用的。
2、开发要用的是HTML+CSS+JS代码。
这样可以维护,可经改需求,可以添加,可以修改
axure做原型只是产品使用的一个原型工具而已。
而设计师就是拿这个原型和需求进行视觉设计 设计稿
而前端参考产品的原型,需求,使用设计师提供的psd 设计稿进行前端重构,功能开发
而后端拿前端的重构代码进行开发和使用
开发要使用是有中间两个环节的,才能使用
希望能帮助你2016-10-06
Axure
1、Axure主要用途是原型设计

2、既然是设计,应该以图为主,框架为主,而不是代码
3、通过Axure生成的html并不能直接拿来用,因为要经过调整,重新编写,增删改查以及CSS样式表的添加

因为术业有专攻,做什么的就是做什么的,画图就要画好图,前端开发就前端开发,后台开发就后台开发,分工明确,团队协作,才能做出好东西2016-11-28
不行的 。 Axure做出来的高保真原型,主要是配合需求文档给开发 看的。他的代码是只涉及一些界面的交互效果 ,开发的后台控制完全用不上的2016-05-14
axure所做的原型图,虽然也有对应的HTML文件,但那只是前端设计人员的一个参照,不作为开发使用的html代码,望采纳。2016-06-17
Axure生成的html代码不能直接投入开发,但可以下载一个摹客的Axure插件,把Axure的原型图上传到摹客后,导出图层数据代码,就可以直接用了。
除了Axure,也支持ps、sketch、adobeXD的设计稿~2020-05-31
原型只是构建了产品的大体框架,里面的html代码及其冗余,无阅读性,根本不可能用来直接开发的。开发只能用UI做好的设计图来写html代码。2016-07-18
UI属于前期设计规划部分,是开发的前面的工作。
但是也有特殊情况。如果公司是以软件开发实现功能为主的,也有把UI放在开发之后进行的。
等于是对界面皮肤的优化。
不过如果要做产品,最科学的还是先做需求分析调研,做需求,做交互,做UI设计和其他美术设计,最后再进行开发,测试。2019-02-27
我觉着能用....
但是生成的代码绝对不好用,有很多冗余的代码,效率低下
你给开发用,他估计会有想抽你的冲动。。。。。2016-06-07
也可以的,导出来根据需要自己改改2016-04-25
可以通过第三方工具生成前端样式代码,比如我们团队用的蓝湖,Andriod、iOS、Web都可以,复制粘贴即可使用2020-01-17
mengvlog 阅读 28 次 更新于 2025-08-07 03:39:01 我来答关注问题0
  •  倍领趣闻 通过axure做原型设计生成的html代码可以让开发直接用吗

    Axure生成的原型文件不能直接用作开发代码,它是为了模拟交互效果而设计的。其中包含了大量的JavaScript代码,这些代码在实际开发中大部分是不必要的。前端开发人员需要重新编写代码以满足实际项目需求。Axure输出的HTML文件仅用于产品制定时的参考,不能完全替代实际开发。通过这些原型文件,团队成员之间可以更高...

  •  翡希信息咨询 Axure RP如何实现无代码原型生成并自动保存文件?

    Axure RP设置自动保存机制,按照预设的时间周期自动保存文档,确保文档的安全性。这一功能无需人工频繁操作,有效避免了因意外情况导致的数据丢失。总结:Axure RP通过其无代码原型生成功能和自动保存机制,极大地提高了原型制作的便捷性和文档的安全性,是网站需求设计者的理想工具。

  •  深空见闻 Axure设计的登陆页面怎么生成网页原型?

    一、生成HTML文件 打开设计好的网页原型:首先,在Axure RP中打开你已经设计完成的登陆页面原型。发布并生成HTML文件:点击软件右上角的“发布”按钮。在弹出的菜单中,找到并选择“生成HTML文件”一项。你也可以直接按F8快捷键来打开这个选项。选择目标文件夹:在弹出的对话框中,选择你想要存放生成的HTML...

  • 不可以,Axure 生成的只是原型,是在产品制定时供大家参考了解项目用的。Axure输出的HTML文件不能直接用于前端代码开发,Axure为了模拟交互效果,使用了大量的JS,其中有很多是用不着的内容,前端代码需要完全重写。Axure输出内容不能取代实际开发中的任何部分,只是为了提高沟通效率。

  •  阿暄生活 Axure做的APP原型手机怎么预览

    在Axure中完成原型设计后,按F5键生成原型。在生成原型的“Mobile/Device”选项中,设置适配移动设备的特殊原型。这通常包括设置页面大小、默认缩放比例等参数,以确保原型在手机上的显示效果最佳。例如,你可以设置页面大小为320×480,并确保默认不缩放。访问原型链接:将生成的原型托管在本地服务器或通过云...

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部