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

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

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

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

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

所以，用我想推的項目、我想放的地方、復印件、說明書等等來刷表格。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

一個固定的基本操作欄。因為視覺編輯是整個頁面的編輯器，為了便于整個操作，基本操作欄被固定在頂部，這樣無論編輯在哪里，都可以很快地完成一些基本操作。

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

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

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

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

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

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

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