Axure原型設計工具簡單介紹和步驟描述

Axure原型設計工具html

Axure使用者感覺關鍵詞:程序員

超大型高保真度;可拓展控件;自定義庫;適配;少交互;收費。api

 

1.Axure介紹:架構

Axure RP是一款專業的快速原型設計工具。Axure(發音:Ack-sure),表明美國Axure公司;RP則是Rapid Prototyping(快速原型)的縮寫。ide

Axure RP是美國Axure Software Solution公司旗艦產品,是一個專業的快速原型設計工具,讓負責定義需求和規格、設計功能和界面的專家可以快速建立應用軟件或Web網站的線框圖、流程圖、原型和規格說明文檔。做爲專業的原型設計工具,它能快速、高效的建立原型,同時支持多人協做設計和版本控制管理。工具

Axure RP的使用者主要包括商業分析師、信息架構師、產品經理、IT諮詢師、用戶體驗設計師、交互設計師、UI設計師等,另外,架構師、程序員也在使用Axure。網站

 

2.使用者感覺總結:spa

1.     行業內都在用。溝通,傳輸,修改都方便,PC+mac均可以看。設計

2.     確實強大,熟練使用庫和自定義控件後,效率大幅提高,遠勝專業型。3d

3.     生成的HTML頁面自帶左側目錄邊欄。這就是我棄用OmniGraffle的主要緣由。

4.     團隊協做很方便。

 

缺點:生成的原型在移動端很難用。之因此用這個就是爲了給開發和寫文檔,不少標註和邏輯流程,不必作出交互。
我如今對原型的流程是這樣的:(來自知乎網友)

1.     用Axure繪製UE圖,導出成手機尺寸圖片

2.     導入Briefs或者pop,加入交互,體驗一下

3.     把UI圖轉成黑白,在Axure裏標註,寫文檔,生成html

4.     UI定稿再導入briefs,高保真體驗

 

3.axure rp頁面的使用

由於以前使用過axure rp8設計了一個傢俱AR技術的原型設計,因此放幾張截圖介紹一下簡單的使用方法:

 

1)  頁面打開

 

      

 

左邊上方是項目的各個頁面:什麼登錄,什麼首頁等等;

左邊下方是項目的每一個小圖標的default處,什麼圖片image,什麼hot spot熱鍵增長鼠標的觸屏大小等等;

右邊上方是每一個頁面的交互狀況的添加處,添加一些觸發的條件要求等等;

右邊下方是當前頁面的一些添加的小的default的狀況。

 

2)    添加效果

 

 

右上角就是添加交互效果

 

 

雙擊效果就是顯示這個窗口,open link 就是作連接,widgets中的show,hide就是觸碰了某個按鈕觸發顯示,消失的效果等等

 

3) 發佈以及預覽,發佈到Axure share裏能夠實現團隊協做,分任務完成的狀況

能夠preview,本身看一下效果,通常我是使用火狐Firefox打開的。

 

總之,以上就是axure基礎的使用步驟。

相關文章
相關標籤/搜索