中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

編輯導語：在設計和創建復雜產品的過程中，自動化發揮著日益重要的作用。文章對中后臺產品自動化設計開發的流程進行了詳細梳理，對遇到的一些問題進行了分析總結，供大家參考學習。

01?寫在開始

在一個產品的設計過程中需要做大量的決策，做什么、如何做都需要經過縝密的思考。做為設計師或開發者，你是否在相似度較高的后臺類需求中耗費了大量的精力，并被這類重復的問題浪費了大量的設計決策與開發決策的成本？做為一位專業的產品PM，你是否希望畫出的產品原型能夠符合設計的標準，讓你能夠把更多的精力專注在產品功能的本身？

所以我們需要進一步去建立一套開發體系，將設計師、開發者從大量的重復工作中解救出來，并從產品源頭就開始統一UI的框架形態，使此類產品的能夠保持一致的用戶體驗。

02?什么是中后臺產品自動化開發

中后臺產品自動化開發體系，是一個將設計資源做為中臺，并從產品端到開發側的完整流程閉環，它將標準化的設計資源集成到產品側與開發側，來打通中后臺產品開發的各個環節。通過整合設計資產，并建立自動化開發工具的形式，來重新定義中后臺產品的開發方式。

中后臺產品自動化官網首頁

03?如何做到自動化

1. 設計側的資源中臺建立

我們基于中臺的理念，不斷的從各業務線的實際產品中，對通用性的場景進行提煉，整合出高可復用性的區塊與模板頁面，對其進行規范化設計后，將其進行封裝，再通過任務形式對區塊進行歸類，從而形成各種的中后臺區塊化設計資產。這些設計資源可以在不同的業務場景中進行共享，形成場景設計中臺。

設計中臺的區塊資源

同時我們建立了自動化開發工具集，包含前端開發使用的自動化開發工具，產品同學使用的產品原型繪制資源，并將設計中臺所沉淀的資產，同步共享至開發側與產品側，從而形成從設計到產品、設計到開發的全流程閉環。

流程閉環

2. 產品側的原型繪制

AXURE的元件庫資源：在產品側，我們為產品團隊設計了AXURE的元件庫，此元件庫集成了設計中臺的全部設計資源，以組件、區塊、模板頁面、圖標集等形式進行分類。使用此元件庫，能夠從產品源頭統一交互規則與UI框架形態，并可以創建出完全符合設計規范的高保真產品原型，并輸送到前端進行開發。

Axure元件庫

墨刀原型繪制工具：目前我們已經與墨刀產品達成合作共識，在未來，我們設計中臺的所有資源，將集成到墨刀產品中，這將為產品同學的原型繪制提供更多的工具選擇。

3. 開發側的前端自動化工具

在開發側，我們打造了前端開發自動化工具，此工具同樣集成了設計中臺的全部資源，所有設計資源的結構與產品側保持一致。開發同學得到產品輸出的高保真原型后，可以使用此工具，以所見即所得的方式對頁面進行開發。

前端自動化工具的工作方式：

（1）創建項目：通過前端自動化工具新建或選擇項目模板，來完成項目的建立。

創建項目

（2）建立項目頁面：完成項目創建后，開始逐個建立項目的具體頁面，首先建立頁面骨骼（頁面布局）

建立頁面布局

（3）填充頁面內容：創建布局之后，在區塊市場中選擇適用于業務場景的區塊，以所見即所得的方式對布局進行填充，并完成頁面內容的建立。

建立頁面內容

（4）自定義場景區塊或模板：我們的區塊與模板支持自定義，目的是能夠靈活應對更復雜的業務場景。當模板庫與區塊庫中的資源不能滿足業務需要時，即可以通過WEB端的在線工具進行區塊與模板的自行創建。

WEB端在線工具，集成了我們所有的組件資源，通過對組件的自由組合，即可簡單快捷的完成場景區塊或模板頁面的創建，發布代碼后，這些通過自定義的內容即可自由調取，并同步保存至物料庫中以豐富設計資源。

自定義場景區塊或模板

線上區塊物料資源

完成以上所有工作后，即可啟動調試，最終完成前端頁面的開發。

完成前端頁面建立

04?寫在最后

中后臺產品自動化開發，通過模塊化思維和流程化的開發方式，將設計中臺沉淀的資源更靈活的的利用了起來，具備了更進一步的實用性，符合了B端產品設計與開發的“大局觀”，通過自動化工具所進一步沉淀出的設計資源，將成為新的設計能力并不斷的應用到新的業務當中去。

作者：李國明，視覺設計師

本文來源于人人都是產品經理合作媒體@58用戶體驗設計中心（微信公眾號@58UXD），作者@李國明

題圖來自pexels，基于CC0協議