后臺系統(tǒng)的原型模板早在做APP模板前就已經使用了很長一段時間栅表。
后臺原型不需要也不適合太多特殊的交互設計,大部分頁面無非列表师枣、表單怪瓶、查看頁中的一種,其實更適合使用模板元件來節(jié)省工作量践美。
個人經驗洗贰,靈活使用這套模板和元件,起碼可以節(jié)省50%以上的工作量陨倡。
基本思路和文檔結構
相比于注重交互體驗的前端需求敛滋,后臺需求更注重業(yè)務邏輯、系統(tǒng)架構的設計兴革,因此后臺需求中把需求說明作為第一個章節(jié)绎晃,同時刪除了交互說明章節(jié)蜜唾。
后臺系統(tǒng)實現(xiàn)上,很少會專門進行UI設計庶艾,一般是沿用現(xiàn)成的后臺框架來實現(xiàn)袁余,建議原型盡量用黑白灰來表現(xiàn),并且如非特殊需要咱揍,不要去設計特殊的交互效果颖榜,減少實施時的額外開銷。
文檔長這樣
需求說明和修訂記錄的頁面和APP篇的相同煤裙,這里就不再說明了朱转。
(APP篇地址:http://www.reibang.com/p/ecd1fa5ff976)
原型模板說明
后臺原型框架采用常見的后臺框架,上方為系統(tǒng)標題和登錄信息积暖,左側為菜單欄藤为。
考慮到易用性,菜單層級固定為兩級夺刑,上方預留了一個多后臺系統(tǒng)之間的調整入口缅疟,也可作為頂級菜單使用。
一般來說遍愿,后臺很多操作頁面樣式都很相似存淫,為了減少誤操作的可能,所有頁面頂部為面包屑頁面路徑顯示沼填,提醒用戶當前所在頁面桅咆。
原型-列表頁
列表頁區(qū)域分別為篩選欄、操作欄坞笙、列表岩饼、分頁條。
操作欄主要放置批量操作按鈕或者新增按鈕等非針對已有記錄的操作功能入口薛夜。已有記錄的單次操作入口放在對應記錄右側.
原型-表單頁
表單頁模板提供了常用的表單元件籍茧,應該可以符合大部分的需要。詳見原型梯澜。
原型-查看頁
原型-常用組件
常用組件頁面寞冯,把前面三個頁面沒有涉及的一些其他的后臺常用組件匯集顯示,方便使用晚伙。
也可以下載配套的元件庫(見文章最后)使用吮龄。
到這里下載
原型模板文件
鏈接: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