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

Pearl ·
更新时间:2024-11-14
· 712 次阅读

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会是:

HelloWorld1

c、源码中查找交互JS位置的时候,相当麻烦,后续要定制或者维护较难;

d、毕竟自动生成的,一些简单的交互,自动生成的代码也是十分复杂的。

简一商业 原创文章 354获赞 322访问量 56万+ 关注 他的留言板 展开阅读全文
作者:简一商业



IoT 产品设计 HTML html代码

需要 登录 后方可回复, 如果你还没有账号请 注册新账号