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