主要的電子商務(wù)網(wǎng)站經(jīng)常把廣告地圖放在各種專題頁(yè)面的橫幅地圖上，完全是19-100，幾個(gè)聯(lián)合反饋的主要品牌。

本文希望通過自己的數(shù)據(jù)采集、內(nèi)容分析、實(shí)際結(jié)果，告訴大家如何高效地構(gòu)建一個(gè)特殊的頁(yè)面。

在這里分享一個(gè)真實(shí)的故事，作為一個(gè)系統(tǒng)尚不完善的電子商務(wù)平臺(tái)，多次引入主題，采用更傳統(tǒng)的，哦，非常傳統(tǒng)的方式建設(shè)。

立即，領(lǐng)導(dǎo)說，我們的金牌制造商需要主頁(yè)掛起他們的廣告，并完成一個(gè)單一的網(wǎng)頁(yè)，為他們的營(yíng)銷！

小伙伴收到需求，好！我會(huì)找出他們想要推動(dòng)的商品，以及推廣BRABLA的關(guān)鍵產(chǎn)品。

所以，用我想推的項(xiàng)目、我想放的地方、復(fù)印件、說明書等等來刷表格。

設(shè)計(jì)伙伴收到請(qǐng)求后，立即在網(wǎng)上搜索資料，靈感迸發(fā)出來，一個(gè)非常熱的頁(yè)面。其中，各式各樣的商品狀態(tài)需要逐一確定，什么已經(jīng)售罄，不支持銷售等等。

草稿出來了，前臺(tái)的學(xué)生們不能放松，我敲了一下，敲了一下。哦，這里的陰影不夠好。哎呀，這里的風(fēng)格很奇怪，我改了。好了，就這樣。你可以看到產(chǎn)品。

此時(shí)產(chǎn)品同學(xué)的心情沉重，這個(gè)設(shè)計(jì)稿和靜態(tài)頁(yè)面的差異，有點(diǎn)大！在任何情況下，最終驗(yàn)收，后天將在線，并迅速發(fā)展學(xué)生的發(fā)展。

學(xué)生的發(fā)展在頭腦中，這是一個(gè)話題，每次都一樣的內(nèi)容，無(wú)聊至死。然后默默地完成它。

測(cè)試學(xué)生的想法，這是一個(gè)話題，每次幾乎都一樣的內(nèi)容，無(wú)聊至死。然后默默地測(cè)試它。

所以，我們的最后一個(gè)項(xiàng)目，我們經(jīng)歷了整個(gè)發(fā)展過程，半途而廢，很可能是各種因素，導(dǎo)致不斷的返工和撕裂。

那么，這一切是否可能，不那么常規(guī)，更真誠(chéng)讓我們直接，快速，而不是整個(gè)話題！

所以，做一個(gè)工具。設(shè)置一套可定制的模板，每次在主題上，我們都有必要的設(shè)計(jì)，商品相關(guān)的，自己的，自己的，自己檢查的，不要做。

該產(chǎn)品的學(xué)生認(rèn)為，這一點(diǎn)，想法是好的，如何實(shí)現(xiàn)它并不緊迫，我們分析和分析一個(gè)特殊的主題結(jié)構(gòu)，我們知道，做什么樣的工具，可以支持我們的業(yè)務(wù)需求。

作為一個(gè)實(shí)用主義者，我總是奉承實(shí)用主義者，以最小的代價(jià)去實(shí)踐和嘗試新的想法。在基礎(chǔ)設(shè)施之后，我害怕一個(gè)不能被迭代的小步驟。

當(dāng)然，商品標(biāo)題區(qū)和廣告區(qū)，本質(zhì)上可以通過模板來處理，只不過是鏈接和圖片不同而已。

好的，分析主題頁(yè)面的核心元素，我們可以開始構(gòu)建我們的主題工具。讓我們看看，像這樣的頁(yè)面最理想的效果是什么

2。編輯時(shí)，我們可以看到實(shí)際效果：一個(gè)特殊頁(yè)面的內(nèi)容仍然比較豐富，偶然出錯(cuò)，但要扣除工資??！

我在視覺編輯中所理解的是我所看到的是你看到的，而不是以表單形式填滿內(nèi)容的頁(yè)面的形式，而是一種模塊化頁(yè)面并實(shí)時(shí)編輯它來預(yù)覽真實(shí)效果的方法。

以上圖片是淘寶店鋪裝飾界面，我們通過該工具集購(gòu)買日常店鋪、主頁(yè)和相關(guān)頁(yè)面，其核心是拆解模塊，并將可視化與可視化結(jié)合。

同樣，主題工具也是一樣的。對(duì)主模塊進(jìn)行拆分，定義各模塊的內(nèi)容，編輯操作，基本形成可視化工具。

首先，結(jié)合公司的業(yè)務(wù)，界定了需要實(shí)施的功能點(diǎn)，通過第一部分的介紹，對(duì)業(yè)務(wù)需求有一定的概念：

一個(gè)固定的基本操作欄。因?yàn)橐曈X編輯是整個(gè)頁(yè)面的編輯器，為了便于整個(gè)操作，基本操作欄被固定在頂部，這樣無(wú)論編輯在哪里，都可以很快地完成一些基本操作。

編輯區(qū)域：通過添加每個(gè)模塊來編輯內(nèi)容，編輯區(qū)域是整個(gè)頁(yè)面的核心模塊，添加一個(gè)好的模塊，然后用內(nèi)容填充每個(gè)模塊，實(shí)現(xiàn)實(shí)時(shí)預(yù)覽效果，并且通過拖動(dòng)可以調(diào)整每個(gè)模塊的位置。

在第二部分中，我們提到了我們所看到的商品的標(biāo)題，沒有鏈接的鏈接，或者一些帶有鏈接的廣告圖，甚至是優(yōu)惠券的接收渠道都可以通過廣告模塊來實(shí)現(xiàn)。

很容易在廣告地圖上加熱這個(gè)區(qū)域。也就是說，我們的設(shè)計(jì)師做一個(gè)大小的圖片，可以是不同的商店頻道或優(yōu)惠券接收頻道。只要廣告地圖上載，不同的熱區(qū)被添加到廣告地圖，不同的熱區(qū)鏈接到不同的URL。

商品模塊屬于主題頁(yè)面的主要內(nèi)容，為了使頁(yè)面顯示更豐富，在有限的條件下創(chuàng)造無(wú)限的可能性。商品模塊可以設(shè)置不同的商品線以適應(yīng)不同的布局需求。設(shè)計(jì)師需要的。

這是非常簡(jiǎn)單的，當(dāng)然，這些可變因素可以根據(jù)業(yè)務(wù)的要求進(jìn)行調(diào)整，我們可以根據(jù)自己的業(yè)務(wù)做出不同的選擇。

需要注意的是，我們的商品清單讀取貨物ID，并且需要考慮不同狀態(tài)（售出、刪除等）的影響。

一般來說，構(gòu)建主題工具的想法是這樣的：從業(yè)務(wù)分析，到構(gòu)建模式的選擇，然后結(jié)合他們自己的設(shè)計(jì)需求。用最小的版本，隨后的迭代只不過是豐富模板內(nèi)容以支持更豐富的頁(yè)面內(nèi)容。