主要的电子商务网站经常把广告地图放在各种专题页面的横幅地图上，完全是19-100，几个联合反馈的主要品牌。

本文希望通过自己的数据采集、内容分析、实际结果，告诉大家如何高效地构建一个特殊的页面。

在这里分享一个真实的故事，作为一个系统尚不完善的电子商务平台，多次引入主题，采用更传统的，哦，非常传统的方式建设。

立即，领导说，我们的金牌制造商需要主页挂起他们的广告，并完成一个单一的网页，为他们的营销！

小伙伴收到需求，好！我会找出他们想要推动的商品，以及推广BRABLA的关键产品。

所以，用我想推的项目、我想放的地方、复印件、说明书等等来刷表格。

设计伙伴收到请求后，立即在网上搜索资料，灵感迸发出来，一个非常热的页面。其中，各式各样的商品状态需要逐一确定，什么已经售罄，不支持销售等等。

草稿出来了，前台的学生们不能放松，我敲了一下，敲了一下。哦，这里的阴影不够好。哎呀，这里的风格很奇怪，我改了。好了，就这样。你可以看到产品。

此时产品同学的心情沉重，这个设计稿和静态页面的差异，有点大！在任何情况下，最终验收，后天将在线，并迅速发展学生的发展。

学生的发展在头脑中，这是一个话题，每次都一样的内容，无聊至死。然后默默地完成它。

测试学生的想法，这是一个话题，每次几乎都一样的内容，无聊至死。然后默默地测试它。

所以，我们的最后一个项目，我们经历了整个发展过程，半途而废，很可能是各种因素，导致不断的返工和撕裂。

那么，这一切是否可能，不那么常规，更真诚让我们直接，快速，而不是整个话题！

所以，做一个工具。设置一套可定制的模板，每次在主题上，我们都有必要的设计，商品相关的，自己的，自己的，自己检查的，不要做。

该产品的学生认为，这一点，想法是好的，如何实现它并不紧迫，我们分析和分析一个特殊的主题结构，我们知道，做什么样的工具，可以支持我们的业务需求。

作为一个实用主义者，我总是奉承实用主义者，以最小的代价去实践和尝试新的想法。在基础设施之后，我害怕一个不能被迭代的小步骤。

当然，商品标题区和广告区，本质上可以通过模板来处理，只不过是链接和图片不同而已。

好的，分析主题页面的核心元素，我们可以开始构建我们的主题工具。让我们看看，像这样的页面最理想的效果是什么

2。编辑时，我们可以看到实际效果：一个特殊页面的内容仍然比较丰富，偶然出错，但要扣除工资啊！

我在视觉编辑中所理解的是我所看到的是你看到的，而不是以表单形式填满内容的页面的形式，而是一种模块化页面并实时编辑它来预览真实效果的方法。

以上图片是淘宝店铺装饰界面，我们通过该工具集购买日常店铺、主页和相关页面，其核心是拆解模块，并将可视化与可视化结合。

同样，主题工具也是一样的。对主模块进行拆分，定义各模块的内容，编辑操作，基本形成可视化工具。

首先，结合公司的业务，界定了需要实施的功能点，通过第一部分的介绍，对业务需求有一定的概念：

一个固定的基本操作栏。因为视觉编辑是整个页面的编辑器，为了便于整个操作，基本操作栏被固定在顶部，这样无论编辑在哪里，都可以很快地完成一些基本操作。

编辑区域：通过添加每个模块来编辑内容，编辑区域是整个页面的核心模块，添加一个好的模块，然后用内容填充每个模块，实现实时预览效果，并且通过拖动可以调整每个模块的位置。

在第二部分中，我们提到了我们所看到的商品的标题，没有链接的链接，或者一些带有链接的广告图，甚至是优惠券的接收渠道都可以通过广告模块来实现。

很容易在广告地图上加热这个区域。也就是说，我们的设计师做一个大小的图片，可以是不同的商店频道或优惠券接收频道。只要广告地图上载，不同的热区被添加到广告地图，不同的热区链接到不同的URL。

商品模块属于主题页面的主要内容，为了使页面显示更丰富，在有限的条件下创造无限的可能性。商品模块可以设置不同的商品线以适应不同的布局需求。设计师需要的。

这是非常简单的，当然，这些可变因素可以根据业务的要求进行调整，我们可以根据自己的业务做出不同的选择。

需要注意的是，我们的商品清单读取货物ID，并且需要考虑不同状态（售出、删除等）的影响。

一般来说，构建主题工具的想法是这样的：从业务分析，到构建模式的选择，然后结合他们自己的设计需求。用最小的版本，随后的迭代只不过是丰富模板内容以支持更丰富的页面内容。