后臺系統的原型模板早在做APP模板前就已經使用了很長一段時間。

后臺原型不需要也不適合太多特殊的交互設計，大部分頁面無非列表、表單、查看頁中的一種，其實更適合使用模板元件來節省工作量。

個人經驗，靈活使用這套模板和元件，起碼可以節省50%以上的工作量。

基本思路和文檔結構

相比于注重交互體驗的前端需求，后臺需求更注重業務邏輯、系統架構的設計，因此后臺需求中把需求說明作為第一個章節，同時刪除了交互說明章節。

后臺系統實現上，很少會專門進行UI設計，一般是沿用現成的后臺框架來實現，建議原型盡量用黑白灰來表現，并且如非特殊需要，不要去設計特殊的交互效果，減少實施時的額外開銷。

文檔章節結構

文檔長這樣

需求說明和修訂記錄的頁面和APP篇的相同，這里就不再說明了。

需求說明

后臺原型框架采用常見的后臺框架，上方為系統標題和登錄信息，左側為菜單欄。

考慮到易用性，菜單層級固定為兩級，上方預留了一個多后臺系統之間的調整入口，也可作為頂級菜單使用。

一般來說，后臺很多操作頁面樣式都很相似，為了減少誤操作的可能，所有頁面頂部為面包屑頁面路徑顯示，提醒用戶當前所在頁面。

列表頁區域分別為篩選欄、操作欄、列表、分頁條。

操作欄主要放置批量操作按鈕或者新增按鈕等非針對已有記錄的操作功能入口。已有記錄的單次操作入口放在對應記錄右側.

列表頁

表單頁模板提供了常用的表單元件，應該可以符合大部分的需要。詳見原型。

常用組件頁面，把前面三個頁面沒有涉及的一些其他的后臺常用組件匯集顯示，方便使用。

也可以下載配套的元件庫（見文章最后）使用。

其他常用組件

鏈接：http://pan.baidu.com/s/1qX9wIfy 密碼：m512

相關元件庫

鏈接：http://pan.baidu.com/s/1hstEmFi 密碼：5zks

-------------------------------------------------------

2019-1-7?

很久沒上簡書了，沒注意分享鏈接失效了，請用下面的下載吧

鏈接：https://pan.baidu.com/s/1svt9-f5QDi_ll-4mOydU_Q?

提取碼：ndo9