版本：Axure RP 8.0.0.3303
內容介紹：前面做了些中繼器、動態面板等的介紹，現在整合起來，做一個完整的產品設計，對象是一般的應用客戶端，本次就是介紹下主頁面的框架；
一、效果
二、設計
- 主頁面思路，後續所有打開的功能，都加載到本界面上。主界面主要分4部分。①是頁眉，主要放系統名稱，公司名稱等（控件：矩形框為背景，標籤為描述），②是導航菜單（控件：水平菜單），③是功能區域，後續通過菜單欄打開的功能都在這裡顯示（控件：標籤，內聯框架），④為頁腳，主要顯示些登錄信息，滾動提示信息等（控件：矩形框為背景，標籤為描述）。
圖一
- 水平菜單，這個比較簡單，拖動一個水平菜單控件後，增加同級菜單或者子菜單，選擇菜單欄，右鍵則會展示圖片紅色圈住的對話框，選擇對應操作。
圖二
- 內聯框架，內聯框架就是功能區，後續所有菜單都會依賴功能區來展示，所有功能區不需要有下拉效果，所有設置上要“從不顯示滾動條”（選擇內聯框架右鍵出現如圖三所示操作）。
圖三
- 打開菜單，在功能區展示，先做個粗糙的展示，把計劃管理功能在內聯框架中展示，對菜單“計劃管理”做“鼠標單擊時”交互。
圖四
三、說明
- 為了後續方面，對每個菜單或子菜單都進行命名，內聯框架，標籤等都進行命名。
- 這裡主要2個控件要掌握，菜單和內聯框架，菜單其實很簡單，內聯框架不會的話，可以看之前的發文介紹 。
分享到:
閱讀更多 blitheDotChen 的文章
