【IoT】 產品設計:開發不可以直接使用Axure生成的html代碼

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、畢竟自動生成的,一些簡單的交互,自動生成的代碼也是十分複雜的。

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章