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

发布网友发布时间：2022-04-23 20:38

我来回答

共14个回答

热心网友时间：2022-04-20 19:54

不可以，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

热心网友时间：2022-04-20 21:12

通过axure做原型设计生成的html代码,能不能够让开发直接用，要分两个方面来看（可用和不可用）

一.可用

如果是给自己公司或者自己个人做的东西，对页面的代码规范，没有特别的要求，开发时间充足的话，那么可以嵌套使用

不在意页面中的冗余代码较多

不考虑后期的优化与改动

不在意页面加载速度的快慢问题

二.不可用

商用网站页面，不要直接使用，还是开发标准的html页面在进行嵌套较好

页面代码不规范，嵌套使用不方便

页面代码杂乱，代码冗余量较大，不利于后期的优化

三.示例图

总结：如上图所示，开发一个页面的话，axure做完原型图以后，会生成自带的.html文件，但是文件需要加载的项较多，能不能够使用，要看开发人的需求与实际情况

热心网友时间：2022-04-20 22:47

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

其实你可以自己试一下：在 axure 中新建一个什么都没有的空白页面，生成网页，然后自己去看看源代码，你马上就能明白为何不能直接交给开发部门了。
一点浅见~

热心网友时间：2022-04-21 00:38

　　axure做原型设计生成的html代码不能直接用于开发，axure只是单纯的为了快速的给用户展示设计的理念和思路，生成的代码是不太符合开发思想的，对于高质量的开发来说，这样是不可取的

根据其定位，axure是用作快速原型的，所以生成的代码是只考虑效果，不考虑效率和标准的。同样的效果，却使用了更多的流量和资源，对服务器和用户都是大损失。

根据其规范，原型中有大量的、不可或缺的注释性质的图文内容，无法用于正常的开发，更改成适用代码的精力比重新开发更多。

根据其结构，axure生成的是平面设计页面，丝毫不管 DIV 结构，以及css样式js文件的加载。其与html结构不符合，也很难做自适应，样式死板，不符合界面要求。

热心网友时间：2022-04-21 02:46

答案肯定是不可以，
1、axure 生成的只是原型，是在产品制定时供大家参考了解项目用的。
2、开发要用的是HTML+CSS+JS代码。
这样可以维护，可经改需求，可以添加，可以修改
axure做原型只是产品使用的一个原型工具而已。
而设计师就是拿这个原型和需求进行视觉设计设计稿
而前端参考产品的原型，需求，使用设计师提供的psd 设计稿进行前端重构，功能开发
而后端拿前端的重构代码进行开发和使用
开发要使用是有中间两个环节的，才能使用
希望能帮助你

热心网友时间：2022-04-21 05:11

Axure
1、Axure主要用途是原型设计

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

因为术业有专攻，做什么的就是做什么的，画图就要画好图，前端开发就前端开发，后台开发就后台开发，分工明确，团队协作，才能做出好东西

热心网友时间：2022-04-21 07:52

不行的。 Axure做出来的高保真原型，主要是配合需求文档给开发看的。他的代码是只涉及一些界面的交互效果，开发的后台控制完全用不上的

热心网友时间：2022-04-21 10:50

axure所做的原型图，虽然也有对应的HTML文件，但那只是前端设计人员的一个参照，不作为开发使用的html代码，望采纳。

热心网友时间：2022-04-21 14:05

Axure生成的html代码不能直接投入开发，但可以下载一个摹客的Axure插件，把Axure的原型图上传到摹客后，导出图层数据代码，就可以直接用了。
除了Axure，也支持ps、sketch、adobeXD的设计稿~

热心网友时间：2022-04-21 17:36

原型只是构建了产品的大体框架，里面的html代码及其冗余，无阅读性，根本不可能用来直接开发的。开发只能用UI做好的设计图来写html代码。

热心网友时间：2022-04-21 21:24

UI属于前期设计规划部分，是开发的前面的工作。
但是也有特殊情况。如果公司是以软件开发实现功能为主的，也有把UI放在开发之后进行的。
等于是对界面皮肤的优化。
不过如果要做产品，最科学的还是先做需求分析调研，做需求，做交互，做UI设计和其他美术设计，最后再进行开发，测试。

热心网友时间：2022-04-22 01:29

我觉着能用....
但是生成的代码绝对不好用，有很多冗余的代码，效率低下
你给开发用，他估计会有想抽你的冲动。。。。。

热心网友时间：2022-04-22 05:50

也可以的，导出来根据需要自己改改

热心网友时间：2022-04-22 10:28

可以通过第三方工具生成前端样式代码，比如我们团队用的蓝湖，Andriod、iOS、Web都可以，复制粘贴即可使用