本節書摘來自異步社群《axure rp8産品原型設計快速上手指南》一書中的第1章,第1.2節,作者 何廣明,更多章節内容可以通路雲栖社群“異步社群”公衆号檢視
由axure rp7中的站點地圖發展到axure rp8中的頁面面闆,更加表明該區域的主要作用:對頁面的管理。頁面是axure中最高層級的元素,頁面面闆主要用來建立和管理頁面,整個頁面區域呈樹狀結構,可以添加頁面、删除頁面、重命名頁面、調整頁面層級、調整頁面順序。

頁面面闆中有兩種頁面類型——線框圖頁面和流程圖頁面,其中使用最多的是線框圖頁面。建立檔案時,預設會自動生成4個頁面(1個home頁面、3個page頁面)的頁面地圖,可以在這個基礎上進行産品原型設計。
建構頁面地圖
選擇一個熟悉的産品,嘗試在axure中建立一個頁面地圖。這裡我們梳理了微信的産品架構,然後在頁面面闆中建立了這樣的資訊架構。
微信的産品架構
微信産品的頁面地圖
主要操作
主要變化
axure rp8中對頁面面闆的操作進行了簡化,去除了原來面闆中的關閉和幫助按鈕。
去除了删除圖示,可以單擊右鍵選擇更多操作或直接按delete鍵進行删除。
去除了升序/降序圖示,通過直接拖動頁面即可調整頁面之間的順序。
去除了更新/降級圖示,通過直接拖動頁面即可調整頁面直接的層級。
将彈出操作移動到左側,點選之後整個會脫離原來的位置,再次點選會傳回原來的位置,面闆與面闆之間無法調整放置的順序,如将部件面闆置于頁面面闆之上。
去除了頁面數量統計,筆者感覺是目前最不友善的一點,無法看到頁面的數量并根據頁面數量評估大緻的開發量。
更多操作
對頁面的更多操作,可以選中某個頁面,單擊滑鼠右鍵檢視操作菜單,擷取更多操作。
檔案夾的應用
熟悉windows系統的使用者,對檔案夾功能一定不陌生。在axure rp8版本中繼續保留了檔案夾功能,可以将頁面放置到檔案夾下進行管理。
檔案夾最主要的作用就是在頁面數量較多的情況下,可以分多個次元對頁面進行管理,如前台系統、使用者中心、管理背景。甚至一些暫時無用的頁面也可以統一建立一個檔案夾進行管理。越是大型的系統在進行産品設計時越需要建立合理的檔案夾分類來管理頁面。
快速重命名頁面
axure的建立頁面的名稱預設為new page 1,為了更好地對應産品架構和友善查找,需要對建立頁面進行重命名。
頁面命名規則建議和産品整體架構名稱保持一緻。例如,在産品架構圖中稱為“我的訂單”,那麼在頁面中建議也命名為“我的訂單”,保持頁面地圖和産品架構的一緻性。
一個真實産品頁面地圖案例(圖檔來源網絡)
無論是設計web産品還是移動産品,頁面地圖都直接反應了産品的整體架構,便于後期對原型進行維護和其他人對原型的了解。如果想建立一個清晰的頁面地圖,建議先學習一點兒資訊架構的知識。