通過axure做原型設計生成的html代碼可以讓開發直接用嗎?如果不能,為什麼呢?

在網上看說這個工具只是跟開發人員交流溝通用,做出高保真的原型,但是只是原型嗎?


一般來說,不能。 若問原因,一言以蔽之:「術業有專攻」,各種軟體自身有其定位。略微展開來說:

Axure 的目的是通過某種「特別」的手段去快速創建帶有交互效果的網頁原型,開發者根本不需要關心其底層實現,只需關心效果是否令人滿意。為了盡量接近創意,很多時候(甚至可以說大多數時候)我們都在肆無忌憚地採用各種 dirty tricks:用圖片展示特定的中文字體而不管是否能用 CSS 實現;整頁面大動態而不管最終是交由 HTML5 還是 Flash 處理;以平面設計的思路來布局而不管 DIV 結構,等等。更遑論原型中還有大量的、不可或缺的注釋性質的圖文內容。使用 Axure 的時候,心態應當和使用 PS+AI 是一樣的;其實當年做原型不過就是弄張圖片給你看,現在好歹有動態交互了,你還想怎樣 :-p

也許上述思路會得到開發部門全體人員的一致痛罵和唾棄,但原型開發就是這樣。我們要的就是外表光鮮亮麗——這是原型的基本內涵,真的並非故意和開發者過不去。原型和最終實現之間的裂隙或鴻溝,下一流程再行協商解決。

作為對你的問題的最簡單的實例回應,你可以自己試一下:在 Axure 中新建一個什麼都沒有的空白頁面,生成網頁,然後自己去看看源代碼,你馬上就能明白為何不能直接交給開發部門了。

(補充一句:就我所知,還真的有相當敬業的原型設計師本著充分體諒開發者的心態去做原型。但相信我,這樣做只能兩邊不討好而已。)


同意 @Xell Liu 所說:一般來說,不能。其實你看看導出來的html文件的源碼就容易明白了,原因補充幾點:

1. 我只是拖了一個Helloword的Shape(Heading),生成的html就很多文件,引用了大批axure的js。也就是說不夠簡潔;

2. Shape的text設置為「HelloWorld1」,有時候生成的html會是:&

&HelloWorld&&1&&。為什麼要分開?

3. 源碼中查找交互JS位置的時候,相當麻煩(都沒找到)。後續要定製或者維護較難。

4. 畢竟自動生成的,一些簡單的交互,自動生成的代碼也是十分複雜的。


個人認為,沒有那麼絕對,生成的js也不是完全不能用,css樣式對頁面的編寫也是有幫助的,最少在不知道怎麼處理一些效果時,他可以給你一些思路


分析得還不夠深入


看了這麼多專業的回答,我想提供點市場方面的意見。

1、學習成本:我就是想做一個靜態頁面,你讓我下班之後學HTML+JS+CSS,從零基礎到能做基礎展示,到能解決基本的疑難雜症,至少1個月吧。我零基礎學AXURE再做出靜態頁面,一晚上足夠了。

2、執行效率:以前彙編的鄙視寫C的,C的鄙視Java的,都是因為執行效率低。但隨著硬體性能的提高,慢慢發現,人的時間才是最寶貴的。

3、開發時間:我自己就是一個產品經理,平時用axure很順了,但如果姨媽堂姐同學要我給他們的企業做個頁面簡單展示,找程序員們接個外單要多少錢,要多少時間,有多少BUG嗎?我自己用Axure兩天做出來。

4、需求變更:原型最優勝的地方,想怎樣改都可以,改多少次都容易,需求來了,我3分鐘改完;最少不用聽程序們說什麼構架不能動,這樣改很複雜,那樣改很麻煩。

5、布署門檻:買個伺服器,租個域名;導出來的原型,FTP一上傳,全世界都能訪問。市場很多需求其實非常的簡單,要數據交互的再找公司開發就好。

6、學有專攻:開發技巧,不常用是會生疏的;不是職業碼農,辛苦學完技術,但一年就寫個幾次代碼,寫的時候真是比左手打乒乓球更難受。

結論:現在的雲伺服器CPU可以加,帶寬可以買,內存可以調;當一張圖片不能滿足,開發一個網站性價比不高的情況下,AXURE的高保真交互,能滿足一部分需求,


當然不行,絕對不行!

第一:沒有全局樣式,代碼效率低,執行緩慢。

Axure沒有全局樣式的概念,也就是生成的網頁,每個頁面重新寫一邊CSS,造成代碼的大量冗餘重複;例如有些全網站通用的字體字型大小定一個就ok了,axue要每個頁面定義一次。

我們曾經做個一套系統,Axure原型網頁大概是1個多G,前端開發寫出來只有5M。

第二:無法維護。

如果一個網站有100個頁面,你要改一個字體,可能需要改100次,將來網站需要調整樣式布局,開發會瘋掉。


只可能是原型而已,具有歷史感的回復如下:

「PS6可以切圖了!」

「真棒!以後做網頁不用DW了!」

。。。


當然不行咯,不然要前端工程師幹啥,產品經理就搞定好了啊


我也覺得不可以,空白Axure生成html什麼的我就不說了,就是隨便做個原型你生成對應html,然後打開這個html你就會發現html和原型里展示的不一樣了。ps:我就想問一句,既然這功能沒鳥用,為什麼還有生成html功能呢?真是想不明白。


推薦閱讀:

產品經理最需要的原型工具是 Axure 嗎?如果不是,有什麼不同的需求?展示產品原型時有哪些需求?
好的產品運營需要用好哪些工具?
做移動應用有什麼好的原型工具?

TAG:產品經理 | 設計 | 原型設計 | 原型工具 | Axure |