用 Axure 做的原型總覺得很醜，是否應該考慮換 HTML5？

01-14

做好看的原型，誰都想讓原型好看些不是

axure做出來丑？

那真不怪axure~~~

axure完全可以做出非常漂亮的效果來~！

但是，不需要~

1）Axure是一款快速原型製作軟體，並非photoshop，它的職責不是為了好看；

2）不要過多的摻入美術效果，因為你不是美術，讓美術多一點設計空間，相信他們；

3）如果太追求原型的視覺效果，同時也註定你要花更多時間，而最後交付美術設計卻毫無用處；

首先，這要看你所說的HTML5指什麼，雖然大家都在說HTML5，但是實際上HTML5包含兩種理解，一種是HTML5+CSS3，或者還包含了JavaScript，另一個是單純的HTML5。

如果你所說的HTML5是指HTML5+CSS3的話，需要認識到Axure並不是一個CSS設計工具。

如果你所說的HTML5還包含了JavaScript的話，目前Axure 6已使用jQuery庫，而且還支持擴展插件，當然這需要你用一定的JavaScript程序開發能力。

最後如果你指的是單純的HTML5的話，可以看一下HTML5比較HTML4新增了什麼，一些標記、FORM元素，新增的API。

對於新增的API，如前所述，可以自行開發。
對於新增的標記，單就標記而言，和美觀與否無關
對於FORM元素，這的確是Axure 6沒有及時跟上HTML5的步伐，不過Axure 6支持部件庫，可以在網上尋找或者自行設計。

綜上所述，Axure的美觀與是否使用HTML5沒有必然的聯繫。如果您希望繪製更美觀的原型，不妨用其他的設計工具設計圖片，然後粘貼到Axure中

2011-6-7補充

我正在為Axure寫腳本擴展插件，可以直接在Axure中撰寫JavaScript腳本來實現你所需要的各種效果，所需要的知識是：JavaScript，jQuery， Axure的頁面結構。在此基礎上，能不能做出美觀的效果就是個人能力了

2011-6-17補充

Axure腳本擴展插件已完成，參見 http://bbs.hpx-party.org/viewthread.php?tid=539 上面有使用方法，開發方法。 @江平提到的直接用Axure設計網站，就是Axure腳本擴展插件的目的之一。

完全可以用AXURE做出類似知乎這樣的效果，不過給你帶來的是時間上的問題！原型只要傳達好思想就可以了，在有足夠的時間下，可以做「美化」

我理解的原型目的就是把需求明確的表達給UI，有時候我也想做，但是沒美工做的好，專人做專事.

axure 完全可以做出一些簡潔漂亮的頁面效果。就像前面所說它是快速原型工具。注重的是效率。（快速的把需求變成可以交互的原型方便團隊進行討論和理解需求）

html5 跟axure 沒有聯繫。不過已經有了基於html5技術的原型設計工具 Maqetta

請用Axure6.5 手繪風格絕對讓你耳目一新, 非常漂亮, 而且還可以添加很多其他的組件, 一些網站或官方網站都有很多組件

Axure完全能做出以假亂真的HTML效果，問題是這不是它的真正功能，我覺得Axure的一大優點是能把把交互邏輯以比較經濟和效率的方式表達出來

「用 Axure 做的原型總覺得很醜"，就像說」用毛筆畫畫總覺得很醜「一樣。

試試我們團隊的HTML5原型工具吧，在線編輯，實時手機查看，一鍵分享，還有多種手勢及頁面切換支持。

地址在這裡： https://modao.io

界面大概是下面的樣子：

覺得Axure丑，可以試試Omni Graffle。但這只是工具，我用keynote都可以做出幾乎高保真的原型

（多圖預警）一份出自設計師之手的AXURE組件庫

每次看到網路上別人的原型圖，都覺得好高檔，好羨慕啊，但自己做的原型圖卻樣式很low。雖然有人會說：

原型嘛，又不是做視覺設計，幹嘛要看起來高大上，保證功能才是第一的！

但是如果能很簡單的出一份高檔的原型圖，無疑會有利於展現自己的專業水準，在和甲方、BOSS、同事的溝通中佔據更有利的優勢，被大家認可。

所以，作為一名目標是項目經理的設計師，從視覺的角度規划了一套組件庫，這裡分享這套原創的組件庫，和使用方法，讓你簡單幾步便能輸出高端大氣上檔次的原型圖。

第一步：

先下載這套組件庫，本人一個組件一個組件單獨做的，每個都是可編輯的，累哭：

作者鏈接：http://pan.baidu.com/s/1c2jtcTM 密碼：9nae

官方鏈接：http://pan.baidu.com/s/1c80qwI 密碼: pps9

不能下載的同學請在這篇文章下留言你的郵箱。

第二步：

打開Axure，新建一個Axure文件。

（注意，這裡不是雙擊打開這個組件庫，不是雙擊打開這個組件庫，不是雙擊打開這個組件庫）

第三步：

在左側「部件」的面板中，點擊按鈕彈出菜單，選擇菜單中的「載入部件庫」，選擇剛下載的這套組件庫文件。

第四步：

載入這套組件庫後，我們可以看到裡面分了幾個大類，先拖第一個背景色到編輯區

選擇合適的背景色，在底部的「頁面樣式」面板中改變底色

第五步：

開始做我們的原型圖圖吧！拖拖拖，改改改，連線。所有的部件都是可以編輯的哦。可以通過（ctrl+減號）和（ctrl+加號）查看整體效果

最後：」文件」-&>」導出為圖片」，在ps中稍微補修改一下頁面的大小，即可獲得如下下效果。（PS中「圖像」-&>「修改畫布大小」，向右下方延伸）

四種背景效果都很合適

OK，大功告成，是不是很簡單，無論是在屏幕上展示，還是列印出來交流，效果都是杠杠的。

之前我發在了人人都是產品經理上，現在轉過來剛好適用。

希望能夠有所幫助。

看到那些axure教程，把原型圖做的美輪美奐的，我就覺得各種痛心疾首，完全浪費時間的事兒。給UI留點發揮的餘地吧。

axure只是快速原型的工具，能表達出產品的邏輯即可，其他的是設計師們的工作了

初學者看來兩天，覺得效果應該可以做出來，需要自己做一些庫，不過會比較麻煩，呵呵。

題主太認真了！原型，他只是原型啊，不是成品。能把需求表達好就好了。

哈哈，那你首先的理解原型是幹嘛用的

【快速】【原型】已經明確說了他的特點了

另外說axure做的原型丑，那基本是您自己的製作問題。

歡迎加入 axure學習 http://www.myaxure.cn

我覺得Axure製作高保真原型還是由於一定的好處的，一個是自己看著舒服，一個是如果你在原型上追求極致也從另一方面證明了你的工作態度。好的原型可以清楚的表達頁面邏輯，令人一目了然，減少了溝通的成本。在繪製高保真的原型過程中，會有一些問題自己浮現出來，刺激你去考慮這些問題應該怎麼解決。至於美化要交付給UI做，確實是這樣，但是你可以通過你的原型提出你想要的風格是什麼樣的，一個好的原型可以給UI設計師一個明確的發揮方向，並且可以交代清楚界面邏輯和界面重點，好的UI設計師是不會因為你的原型高保真而沒有發揮餘地的，他應該可以從專業的角度修正你的原型里一些常見的錯誤，並給出專業的指導意見，最後成型的UI設計界面應該與原型風格一致，並且能夠恰到好處的表現產品概念。也許你的高保真原型在設計方面花的心思會被UI設計師斃掉，但這絕對不是無用功，一方面可以對自己的審美和邏輯有提高，一方面也是產品設計過程中必要的炮灰。沒有一個產品是可丁可卯，每一份付出最後都有完美的收穫的。個人意見，不喜勿噴。

axure主要是為了說明是做什麼，而不是要說這個東西能做的多漂亮。

溝通是目的.

說真的，原型那就是原型，好看那是設計師的事，一個完整的可執行的原型再丑也是好的，一個再漂亮的原型，不完整或不可執行，那等於白做

我也做的丑，但是還好有美工設計

請注意原型的作用:

1試錯

2溝通

滿足以上兩點即可，互聯網產品追求快速迭代，小步快跑，原型設計不是藝術設計！