萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 程式設計 >  >> 網頁製作 >> 互動設計

Axure RP 主界面深度導覽:八大功能窗格全解析

掌握 Axure RP 八大核心窗格功能與協作關係,是高效產出高保真原型的前提。本文結合官方界面圖,逐一拆解選單工具列、Sitemap、Widgets、Masters、Wireframe、Interaction、Annotation、Page Notes & Interactions 的核心能力與實戰技巧。

八大窗格功能速查表

窗格核心功能實戰高頻操作
主選單/工具列文件操作、輸出發佈、視圖控制、偏好設置Ctrl+S 存檔、F5 生成原型、Ctrl+Shift+P 發布到 Axure Cloud
Sitemap 窗格頁面樹狀結構管理:增刪改查、層級調整、頁面排序右鍵 Add Child Page、拖拽調整層級、雙擊重命名、Delete 刪除
Widgets 窗格內建 UI 組件庫:按鈕、圖片、文本面板、矩形、表單元素等拖拽進畫布、Ctrl+C/V 複製、右鍵 Group/Order/Align/Distribute/Lock
Masters 窗格母版管理:可復用區塊模板(頁頭、頁腳、側邊欄、彈層等)創建 Master、拖拽實例化、編輯 Master 同步更新所有實例、斷開繼承
Wireframe 窗格畫布區:頁面結構佈局、交互邏輯定義、規格文檔輸出源頭縮放/平移、參考線/網格、動態面板狀態切換、適配視圖預覽
Interaction 窗格交互定義:事件(點擊/懸停/輸入/加載)、動作(鏈接/顯示隱藏/設置值/動畫/條件判斷)建立 Case、添加 Condition(If/Else)、動作排序、複製交互到其他組件
Annotation 窗格組件級註釋:功能說明、需求編號、驗收標準、開發備註自定義欄位類型(文本/下拉/複選)、導出 Word/HTML 規格文檔自動包含
Page Notes & Interactions頁面級說明與交互:頁面流程描述、全局交互(母版觸發、頁面加載邏輯)編寫 PRD 片段、定義頁面級變量、配置頁面加載/卸載動作

窗格聯動工作流

  1. Sitemap 建立頁面結構 → 雙擊進入 Wireframe。
  2. Widgets 拖拽基礎組件 → 右鍵轉為 Master(如導航欄)。
  3. Wireframe 佈局 → 選中組件 → Interaction 窗格定義交互 Case。
  4. Annotation 窗格補充組件說明 → Page Notes 寫頁面邏輯。
  5. 主選單 Generate Prototype → 驗證 → Publish 分享。

效率提升小技巧

  • 快捷鍵肌肉記憶: `Ctrl+Alt+Drag` 複製組件、`Ctrl+Shift+G` 群組/取消、`Ctrl+;` 切換參考線、`F5` 快速預覽。
  • 自定義 Widget Library: 將項目通用組件(按鈕系統、表單套件、圖標庫)保存為 `.rplib`,團隊共享。
  • Master 變體管理: 利用 `Master` 內部動態面板狀態實現「默認/懸停/禁用/加載」多態,實例化時通過 `Set Panel State` 控制。
copyright © 萬盛學電腦網 all rights reserved