Axure原型設計介紹

 

 

在第八週的課堂上，王文娟老師在校園系統上發佈了對於自行選擇的原型設計軟件進行資料查找以及自學的任務。由於以前的課程學習須要，咱們大概掌握了原型設計軟件Axure的使用，下面是一些咱們學習過程當中的介紹

 

 

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

用戶介紹：

 

 

首先Axure會要求每一個用戶有一個本身的帳號，在往後的原型設計中，是能夠經過不一樣我的帳號，將同一個項目的更改權賦給不一樣的用戶，而且同一部分同一時間只容許一個用戶在更改，這就提升了一個團隊之間很方便的線上做業效率

工具區分塊介紹：

 

 

左邊的pages分塊是顯示你目前的原型有幾個頁面，而且能夠經過雙擊頁面進行組件的編輯

 

這個分塊是不一樣的組件，好比按鈕(button)等，能夠直接拖拽基本組件到上面指定的pages頁面中進行佈局和簡單交互的實現，ALL LIBRARIES的下拉列表中則能夠選擇組件的類型，好比ICONS就是拖動一個圖標

 

這個Inspector分塊是每一個組件的屬性功能區，能夠在這個區域裏設置每一個組件的簡單交互，物理設置（好比大小，顏色，命名等）

 

最後咱們在作好整個項目以後能夠在頂端工具列表的publish下的preview中打開後，在網頁中預覽咱們設計的原型。預覽頁面包括各個pages的顯示交互，以及每一個組件的簡單交互功能

 

實例化教程：

下面咱們來作一個簡單的原型設計來看看效果：

首先在Libraries中拖進一個Box1到Home頁面

在將一個Image拖進到Box1中

再託兩個Label到Box1中，並更改其中的名字爲（用戶名和密碼）

接着再拖入兩個Text Field放在兩個Label的後面

最後在最下面拖入一個Primary Button到Box1中並更名爲（登陸）

結果如圖：

 

咱們能夠看到這個就很像大部分應用程序的登陸界面

下面咱們再雙擊Image給他選擇一個合適的圖片

並在Inspector中的PROPERTIES屬性下的Hint給兩個Text Field放入隱藏的提示文字

結果如圖所示：

 

最後給登陸按鈕設置一個簡單的交互，使得點擊它能夠跳轉到下一個頁面

咱們選中這個button，在它的Inspector中的PROPERTIES屬性下Interactions中選擇OnClick

並在裏面進行以下圖設置，使他跳轉到Page1頁面

 

 

這樣就能進行一個簡單的頁面跳轉功能了。

自學感悟：

1)其實Axure中還有不少地方須要咱們區深刻學習，好比高難度的組件設置（下拉列表彈框，自動復位列表）等等

2)Axure RP，即Axure RapidPrototyping是最經常使用的快速原型設計工具之一，可以快捷而簡便的製做產品原型，快速繪製線框圖、流程圖、網站架構圖、示意圖、HTML模版以及交互設計，並可自動生成用於演示的網頁文件和規格文件，以提供演示與開發。 應用於產品設計包括Web/移動端/客戶端的產品，支持多人協做設計和版本控制管理。將設計、研發、產品、用研融爲一體的快速工具。