【IoT】 产品设计:开发不可以直接使用Axure生成的html代码

   日期:2020-04-29     浏览:107    评论:0    
核心提示:Axure主要用途是原型设计,在产品制定时供参考了解项目,以图为主和框架为主,而不是代码,通过Axuaxure

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、毕竟自动生成的,一些简单的交互,自动生成的代码也是十分复杂的。

 

 

 
打赏
 本文转载自:网络 
所有权利归属于原作者,如文章来源标示错误或侵犯了您的权利请联系微信13520258486
更多>最近资讯中心
更多>最新资讯中心
更多>相关资讯中心
0相关评论

推荐图文
推荐资讯中心
点击排行
最新信息
新手指南
采购商服务
供应商服务
交易安全
关注我们
手机网站:
新浪微博:
微信关注:

13520258486

周一至周五 9:00-18:00
(其他时间联系在线客服)

24小时在线客服