上週我們分享了一些關於小程序相關的內容，包括點擊彈窗設計的方法、基礎組件和一些原型分享，錯過的點擊這裏。
本週，我們將繼續專題路線，分享一些關於後臺的產品設計。
後臺產品雖不如前臺產品那樣被大衆所熟知，但其重要性絲毫不比前臺產品弱。
一方面來說，它是公司業務的支撐，運用它可以優化工作流程，提升工作的效率；另一方面，它能夠讓我們獲取到用戶和服務相關的數據，並因此進行分析，從而推動前臺的優化。
好了，話不多說，趕緊進入正題吧～
後臺組件
原型搭建第一步——獲取組件素材。
我們素材廣場也給刀友們準備了豐富的後臺組件。
1. Element 相關組件
Element 是餓了麼團隊精心設計的 Web 組件，有着一致性、反饋、效率、可控的特質。
我們依照組件的不同屬性，爲刀友們分成了13套。
包含了各式各樣的按鈕：
不同的進度條、樹形、分頁組件樣式：
以及表單等等。
刀友們可以依照設計需求選擇，進行快速的原型搭建。
2. Ant Design 相關組件
如果 Element 組件無法滿足你，我們還有 Ant Design ～
它源自於螞蟻金服（本質上也算一個公司），同樣是爲了提升效率而生，但設計價值觀是基於「確定性」、「意義感」、「生長性」、「自然」。
刀友們可以將它和 Element 對比着用，找到最適合自己產品的組件～
3.基於VUE ELEMENT打造的WEB端後臺高級組件庫
除此了上述的通用組件外，我們還有一套個性化的組件，並且帶有交互性，包含了首頁、表格、表單、對話框、流程圖、樹形表單等等。
這套組件覆蓋 90% 以上的 B 端業務場景，風格參考了時下比較熱門的前端 WEB 框架 Vue Eement Admin ，極具複用價值～
後臺原型
除了基礎組件外，素材廣場也有很多的 Web 原型，我們選了比較有代表性的四款原型來與刀友們分享。
1. 餐廳數據分析後臺
餐飲是一個管理後臺系統使用率較高的行業。
後臺系統推廣，極大的改善了人工作業時的錯誤情況。並且後臺的統計數據，也讓餐廳管理人能夠更好的掌控經營情況。
這套原型便是針對這些數據，套用互聯網行業的一些指標和模型，對餐廳進行一個大而細的數據分析。
它內含的豐富的圖表組件組成，非常適合數據統計型、數據分析型後臺參考複用。
2. 微信第三方後臺設計
這個原型是根據 VUE 的樣式設計了一個簡單的後臺，整體簡潔清新。
可用於權限管理、用戶管理類的後臺原型，雖然頁面數量不多，但具有一定的複用性。
3. 後臺管理系統
現在越來越多的大型企業講究講究工作效率，像項目管理，審批之類的需求線下流程複雜繁瑣，但是採用像OA、CRM、ERP等後臺管理系列的產品進行線上操作就會省去線下一些不必要的程序，從而提升整個企業的工作效率。
所以，這個原型作品就是針對公司常見的幾個需求進行設計的 後臺任務管理系統，包含了首頁、任務管理、審批這三大模塊。
設計上所有的頁面採用統一的風格以及統一的顏色。本次頁面設計上主要圍繞着頁面的複用性，功能及內容的設計都是圍繞着企業的常用場景。
4. 運營位管理後臺
運營也是管理後臺的使用人羣，前端的活動、消息推送都需要在後臺進行設置和管理。
這套原型則是針對運營日常所需管理需求所設計的後臺，包含的運營位配置有：banner圖、宮格圖標、消息推送、彈窗、基礎數據、審覈、系統管理等等。
如何複用原型
第一步，在素材廣場中尋找到所需的目標頁面，點擊保存。
第二步，點擊素材找到剛保存的素材，置入當前頁，或是，在右邊組件中，直接拖拽到工作區。
如果你還有其他的素材需求，歡迎留言告訴我們哦～