大家都知道，電商系統(tǒng)是有前臺(tái)和后臺(tái)的，它們都是非常重要的，那么電商后臺(tái)界面設(shè)計(jì)怎么做？電商后臺(tái)設(shè)計(jì)怎樣進(jìn)行賬號(hào)管理呢？今天就給大家具體介紹下這些問(wèn)題，以供參考。

電商后臺(tái)界面設(shè)計(jì)：頁(yè)面動(dòng)態(tài)配置(CMS系統(tǒng))

　　配置的產(chǎn)品邏輯?？梢园秧?yè)面的動(dòng)態(tài)配置比作樂(lè)高玩具，每一個(gè)組件就像樂(lè)高積木，可以用它搭建不同的樂(lè)高玩具，就類(lèi)似組裝成不同的動(dòng)態(tài)頁(yè)面。我將頁(yè)面的動(dòng)態(tài)配置分為3步：組件→ 位置+內(nèi)容 → 動(dòng)態(tài)頁(yè)面

　　1 、基礎(chǔ)組件

　　組件是動(dòng)態(tài)頁(yè)面的基礎(chǔ)，提供給用戶編輯具體展示的信息。有許多類(lèi)型的組件：圖片輪播、ICON、優(yōu)惠券等，每種組件都可以有多個(gè)不同的樣式，選擇內(nèi)部展示的內(nèi)容或者自定義。用的最常見(jiàn)的就是鏈接，組件顯示樣式雖然多樣，但是點(diǎn)擊之后通往的頁(yè)面選擇庫(kù)卻是共通的。例如：新的活動(dòng)頁(yè)面、商品詳情頁(yè)、商品聚合頁(yè)、購(gòu)物車(chē)、客服等等。

　　基礎(chǔ)組件的定義和解析是自定義頁(yè)面的核心，不同的組件有不同的功能，表示不同類(lèi)型的內(nèi)容。每個(gè)組件都需要單獨(dú)設(shè)計(jì)，定義其規(guī)則和樣式。 例如ICON、圖片輪播就是簡(jiǎn)單的圖片展示，商品排名對(duì)應(yīng)的算法較為復(fù)雜，需要實(shí)時(shí)去取動(dòng)態(tài)排名。

（圖片來(lái)自網(wǎng)絡(luò)）

　　2、 位置+內(nèi)容

　　有了組件之后，用戶在設(shè)置或者系統(tǒng)在解析的時(shí)候，首先要確定組件在自定義頁(yè)面中的位置。位置可以稱(chēng)為“樓層”，每個(gè)頁(yè)面的各樓層可以定義名稱(chēng)、設(shè)置背景、配置內(nèi)容，目前最主流的交互是拖動(dòng)組件到相應(yīng)的位置，設(shè)置內(nèi)容之后實(shí)時(shí)預(yù)覽，自定義頁(yè)面動(dòng)態(tài)可視化。

　　3 、動(dòng)態(tài)頁(yè)面

　　對(duì)于整個(gè)動(dòng)態(tài)頁(yè)面，需要定義生效時(shí)間、結(jié)束時(shí)間、活動(dòng)頁(yè)面名稱(chēng)等基礎(chǔ)信息。設(shè)置之后可生成相應(yīng)的鏈接進(jìn)行預(yù)覽。

　　動(dòng)態(tài)頁(yè)面是由不同的組件內(nèi)容構(gòu)成，首先按照各組件位置去解析，然后再去解析組件的內(nèi)容(樣式、圖片/商品、背景、鏈接等)。按照上圖的反向流程走，就能解析出對(duì)應(yīng)的自定義頁(yè)面內(nèi)容。

　　首頁(yè)設(shè)置也是相同，類(lèi)似自定義頁(yè)面，可動(dòng)態(tài)設(shè)置首頁(yè)內(nèi)容，動(dòng)態(tài)添加自定義組件。目前絕大部分電商首頁(yè)都是動(dòng)態(tài)配置，有著豐富的自定義內(nèi)容。

（圖片來(lái)自網(wǎng)絡(luò)）

　　4、常用的配置組件

　　配置組件有許多種，常見(jiàn)的圖片輪播、 商品推薦、商品分類(lèi)、 寶貝排行、圖標(biāo)(ICON)這幾種形式，其實(shí)是富文本、 客服、優(yōu)惠券、滿減活動(dòng)、滿贈(zèng)活動(dòng)、自定義區(qū)域、商品搜索、文字、公告、倒計(jì)時(shí)、Tab組件(頂部、底部)。豐富的自定義組件可以實(shí)現(xiàn)各式各樣的活動(dòng)頁(yè)面。

　　通過(guò)以上的內(nèi)容，大家已經(jīng)了解了電商后臺(tái)界面設(shè)計(jì)該怎樣操作了，可見(jiàn)，電商后臺(tái)界面設(shè)計(jì)的功能是非常多的，只有功能全面的電商系統(tǒng)，才能保證購(gòu)物的成功。后續(xù)小編會(huì)持續(xù)更新其他系統(tǒng)界面設(shè)計(jì)的相關(guān)資訊哦~