用Axure RP作總體原型設計的步驟

信息架構肯定了以後，就須要對每個頁面進行元素的排版，排版以前，通常都會先對頁面進行一個佈局設計的考慮。咱們須要對這些內容塊進行必定的設計佈局，這裏的佈局結構取決於設計人員對內容編排的把握，不一樣的佈局會產生不一樣的效果。

 

其實這個應該較早的提出來，由於已經發布過不少關於用Axure RP設計原型實例的文章，不過大部分都是關於單個功能或者交互效果的演示實例，而沒有將其串聯起來造成一個總體，好比一個網站或者是一個互聯網產品。用 Axure RP設計一個實例的步驟和用其設計一個總體產品的步驟仍是不同的，所側重的點不同，實例更側重於功能點或交互效果的表現，總體產品則須要將各個實例串 聯起來，造成一個功能或效果集合，達到集中展現。所以總體的產品更側重於信息架構，佈局展現，實例合併，總體效果聚合等方面，本文就結合本身的工做經驗， 簡單的介紹一下如何用Axure RP設計完整的產品。

　　一、肯定信息架構

　　信息架構對於一個總體 產品而言是很是重要的，猶如如今蓋房子時的地基和框架結構，整個結構決定了未來的房型樣子，及房子是否穩固。而WEB產品的信息架構則決定了產品將來的功 能導航結構，是一個底層框架的做用，所以很是重要，地基不穩，安能蓋高樓？那麼如何來肯定信息架構呢？

　　通常來說，咱們在作需求分析的時 候，都會把幾個主要的功能點抓出來，這幾個功能點就能夠濃縮一下造成產品的初步信息架構。好比要作一個合同管理的功能，要求實現合同信息管理，合同履約管 理，合同統計報表等功能，這裏列出來的功能點就能夠拿來作信息架構。再好比咱們要作一個會員管理的功能，註冊和登陸是必不可少的功能點，那麼就能夠將其列 爲會員管理下的兩個基本信息架構。其實每一個網站產品最終肯定下來的一級導航欄裏面的各個欄目就是一個網站的信息架構了。

　　那麼用Axure RP如何來管理信息架構呢？Axure RP提供了一個很是方便操做的站點地圖面板（Sitemap）來管理頁面結構，結構菜單採用樹形菜單，層級分明，結構清晰，還能自動生成框架結構圖，很是方便。關於站點地圖面板的使用，詳情可參見《Axure RP介紹–站點地圖面板》裏面的介紹。這裏簡單的以一個企業網站的首頁內容爲例。

　　

　　二、肯定頁面佈局

　 　信息架構肯定了以後，就須要對每個頁面進行元素的排版，排版以前，通常都會先對頁面進行一個佈局設計的考慮。一般咱們作WEB產品設計的時候，都會遵 循一些已有產品總結出來的佈局結構，好比三行三列布局，三行兩列布局等，再如左導航右內容的形式，左內容右導航的形式等，這些都是大的佈局結構，是總體頁 面的佈局排版。細分到具體頁面內容的時候，就須要對每個內容塊的展現位置進行佈局，如企業網站首頁的通常內容有圖片新聞，通知通告，公司新聞，產品介 紹，產品展現等等，咱們須要對這些內容塊進行必定的設計佈局，這裏的佈局結構取決於設計人員對內容編排的把握，不一樣的佈局會產生不一樣的效果。如電子商務網 站，對內容塊和廣告塊的佈局排版就很是講究，由於不同的佈局，所帶來的用戶點擊量和轉化率是不同的。這種狀況下，即對某一類產品的佈局把握很差的時 候，能夠參照已有成熟產品的內容佈局，由於它們已經有運營數據在支持。

　　在用Axure RP作佈局設計的時候，能夠用默認組件庫裏面的佔位符組件來設計（關於佔位符組件的使用，參照這裏），先將須要設計的區塊用佔位符佈局，而後標上文字標示，以此來表示這裏未來須要設計放置的內容。這個步驟基本決定了一個頁面的佈局。

　　

　　三、內容完善

　 　頁面佈局布的就是內容塊，當決定了某塊內容的放置位置以後，就能夠一塊一塊的完善設計內容，使其接近於最終產品的展現樣式。這個時候就是要用到各個實例 效果的時候了，好比圖片新聞，咱們能夠用幻燈片效果來作，好比產品展現，咱們能夠用跑馬燈效果來作，具體採用什麼樣的交互效果來實現內容塊要求展現的內 容，取決於產品設計人員的把握和用戶的需求及用戶體驗，其中用戶體驗是比較大的一塊，就拿幻燈片效果來講，是否須要設計數字導航鍵，是否須要自動播放，是 否須要設計縮略圖等等，這些都須要仔細考慮以後再作決定，這個能夠在設計產品時候多多討論溝通，多看看別人的設計效果。譬如電子商務網站首頁的Flash 圖片輪播效果，其實就是幻燈片效果，各個電商網站的設計大同小異，就徹底能夠借鑑參考。

　　這裏用Axure RP來設計的實例介紹，前面講的比較多了，用到的是Axure RP的核心功能，如組件的組合使用，動態面板的靈活應用等等，須要去發揮設計人員本身的想象力和創造力，如今網絡上有的這些效果也都是人想出來的，並非一開始就有的。

　　

　 　通過這樣三個步驟的設計，一箇中低保真度的產品頁面原型就算完成了，逐步的完成全部頁面的設計以後，這個產品的原型設計也就告一段落了。若是要設計高保 真度的原型，可能還須要UI設計人員的介入，提供一套接近最終產品效果的UI效果，而後切換到原型上去。基本上按照這樣三個步驟來作原型設計，不會有什麼 大的問題，前提是產品的需求已經基本肯定，要是連框架都尚未定下來，也就是說第一步都還不能作，那是沒有辦法開始作原型設計的。