Axure主要用途是原型设计,在产品制定时供参考了解项目,以图为主和框架为主,而不是代码,通过Axure生成的html并不能直接拿来用,因为要经过调整,重新编写,增删改查以及CSS样式表的添加。
开发要用的是HTML+CSS+JS代码,这样可以维护,可经改需求,可以添加,可以修改。
axure做原型只是产品使用的一个原型工具,而设计师就是拿这个原型和需求进行视觉设计,前端参考产品的原型和需求,使用设计师提供的psd设计稿进行前端重构和功能开发。
1)可用场景
a、如果是给自己公司或者自己个人做的东西,对页面的代码规范,没有特别的要求,开发时间充足的话,可以嵌套使用;
b、不在意页面中的冗余代码较多;
c、不考虑后期的优化与改动;
d、不在意页面加载速度的快慢问题.
2) 不可用场景
a、商用网站页面,不要直接使用,还是开发标准的html页面在进行嵌套较好;
b、页面代码不规范,嵌套使用不方便;
c、页面代码杂乱,代码冗余量较大,不利于后期的优化。
3)示例
a、代码冗余
只是拖了一个Helloword的Shape(Heading),生成的html就很多文件,引用了大批Axure的js,不够简洁;
b、Shape的text设置为“HelloWorld1”,有时候生成的html会是:<p><span>HelloWorld</span><span>1</span></p>;
c、源码中查找交互JS位置的时候,相当麻烦,后续要定制或者维护较难;
d、毕竟自动生成的,一些简单的交互,自动生成的代码也是十分复杂的。