最近接到一個幫助中心的產品設計需求，下面從需求分析到具體Axure產品設計，分享給大家。
目錄
一.幫助中心需求
做一個幫助中心製作和幫助中心展示功能，大致需求如下：
1.有個登錄界面，登錄界面上的字段爲用戶名，登錄密碼，驗證碼。
2.登錄成功後，有文章（增刪改查）和欄目（增刪改查）2個列表，文章通過欄目進行分類展示。
3.幫助中心展示界面。
二.幫助中心需求分析
爲了更加接近提需求的人想要的功能，需要進一步細分，下面針對需求，一一分析細化。
1.登錄界面展示風格比較多，如果以前已經做過登錄界面，就可以使用以前做過登錄界面的樣式和佈局風格，我這裏細化後的界面佈局和元素如下圖：
2.登錄成功後，有文章（增刪改查）和欄目（增刪改查）2個列表，文章通過欄目進行分類展示。
這塊需要細化一下登錄後頁面佈局，文章具體字段，欄目具體字段，各界面間的交互等細節。最簡單的方法，找個別人的幫助中心，哪裏改。如果參考的幫助中心和字段梳理如下：
登錄後文章的列表頁面
文章的新增頁面（標題和描述，額外新增字段有文章狀態，文章創建時間，文章發佈時間，文章發佈人）
欄目列表頁面
欄目的新增界面（欄目標題，額外新增字段有更新時間，關聯文章ID）
3.幫助中心展示界面。
三.幫助中心Axure產品設計
1.有個登錄界面，登錄界面上的字段爲用戶名，登錄密碼，驗證碼。
a.用戶名輸入框
拖入一個矩形框，設置該矩形框的名稱爲【用戶名-背景】，並且設置該矩形框的獲取焦點以後的顏色是紅色；拖入一個文本框，設置該文本框的名稱爲【用戶名】，並且設置該文本框的邊框隱藏。
b.密碼輸入框
拖入一個矩形框，設置該矩形框的名稱爲【密碼-背景】，並且設置該矩形框的獲取焦點以後的顏色是紅色；拖入一個文本框，設置該文本框的名稱爲【密碼】，設置該文本框的類型爲【密碼】，並且設置該文本框的邊框隱藏。
c.錯誤提示設置
c.1在賬號輸入框下面拖入動態面板，設置動態面板的名稱爲【用戶名-提示語】，動態面板增加三個狀態，stat1、state2、和stat5，分別對應不同的錯誤提示；
c.2在密碼輸入框下面拖入動態面板，設置動態面板的名稱爲【密碼-提示語】，動態面板增加三個狀態，stat1、state2、和stat6，分別對應不同的錯誤提示；
4.登錄按鈕
拖入矩形框或者使用登錄圖片，作爲登錄按鈕；
2.登錄成功後，有文章（增刪改查）和欄目（增刪改查）2個列表，文章通過欄目進行分類展示。
文章管理-列表
文章管理-新增/編輯
文章管理-查看
文章管理-刪除
欄目管理
欄目功能簡單但設計比文章管理輔助，下面把最核心的配置截一下圖
3.幫助中心展示界面。
Axure rp文件請參考http://www.zrscsoft.com/sitepic/12062.html