Xcube智能一键生成H5

作为一名运营视觉设计师，针对运营活动需求我相信大家都会有太多的槽点：这个活动特别紧急，明天就要初稿！为什么不提前策划好，都是临时调整！什么！标题都还没定就直接做视觉？等等...

1.拉新（拉新用户+创新内容）

2.促活（用户活跃+内容活水）

拉新、留存、促活，是用户运营的关键路径。高的用户活跃度，使平台内的内容变活水。

3.商业（促进转化+增加收入）

顾名思义，不断的拉新和新内容的不断创造以及高用户活跃度能带来商业核心价值的转化。

4.口碑（品牌形象及传播）

活动的运营有助于品牌形象的塑造，通过活动持续普及品牌，让用户感知品牌符号，持续加强品牌与用户之间的联系。

综上所描述，是不是就可以理解为什么会有频繁的活动节奏，为了促新促活拉收需要有太多太多内容的更新和输出，也会有太多策略上的调整。那在我们的角色上，在活动开始之前先尽可能弄清楚这次活动的目标和侧重点，从而可以规避很多问题，让我们执行的时候思路更加清晰。产品经理的本质工作是产品与商业的平衡，而我们的角色应该是做到设计与产品体验与商业的平衡，不仅仅是视觉层面上的。

促新促活拉收更多是产品经理要考虑的问题，而回到我们设计的层面，我们在保证输出质量的前提下，需要在如何通过运营活动传递品牌形象上多做些研究和思考。

品牌如何被感知

用户通过各种类型的营销方式接触到我们的产品，感知到我们的品牌符号，从而了解我们的品牌性格及内核，运营活动是用户感知我们的一个主要场景。

用户从外到内感知到我们，我们从内而外逐步具像化信息使用户感知，通过品牌符号来具像化设定，让用户明确的感受到我们的视觉、声音、表现、内容是什么样子的。

这些标志性的符号代表了品牌内核要传达的内容，也映射了我们的品牌性格和内核，使用户直观的感受我们的品牌。

品牌性格关键词之间互相碰撞我们可以得出一些基本思路，明亮对比的色彩风格、新奇好玩的创意形式、变化发散的视觉结构。由此我们可以充分具像化视觉符号（颜色、图形、字体、文案、影像等）并体现在我们的运营活动页面当中。

规范分为两个部分：视觉的大原则和具体场景标准化（规范对象也不仅仅只是CP，也包含了产品及运营）

1.视觉大原则

大原则目的是为了让大家对品牌各方面有一个认知，清楚品牌所要传达的调性。

2.具体应用场景下的标准化

针对用户感知我们的具体场景做出明确的视觉规范，保证其视觉风格的一致性。

3.运营活动页

活动页面是用户感知我们的一个主要场景，所有运营位置的banner素材基本上都是以活动页面的头部进行的拓展，可见一个活动页面头部的重要性。我们发现在背景的纹样和辅助元素加入品牌符号是最能被感知的。所以在头部这一部分，我们针对标题、主题图形、背景逐一进行了规范。在规范中，从标题到主题图形到背景到logo到活动内容，根据设计的步骤每一步都进行了规范和示例。

一个活动页的头部基本上是由三个大部分组成：背景、标题和辅助元素。我们发现在背景的纹样和辅助元素加入品牌符号是最能被感知的。所以在头部这一部分，我们针对背景、和辅助元素，将头部切分为底色、主题图形和漂浮物三个方面来进行规范会比较直观。

除了头部规范，我们针对黄钻活动整理了所有能标准化的内容，制作成各种常用信息结构的组件，文本、图片、图文搭配、链接、按钮、抽奖组件等，也规范了一些组件样式和配色方案。

新的头部规范及标准化组件的可行，让我们有了把所有标准化组件整合在一个系统当中的想法，系统可以实现通过组建自由搭配出活动页面，然后不断丰富头部及其他组件的视觉素材以适配不同的活动主题，在组件和素材足够丰富的前提下，甚至可以直接根据关键词自动生成想要的活动页面，所以最终我们就开始了Xcube系统的搭建。

Xcube最主要的用户是产品经理，如何让产品经理去自己制作一个活动页面，必须跳出设计师的角色去思考并去简化整个页面的设计过程。

每一个产品经理都会有自己常用的活动类型，我们首先按照这些活动类型制作常用的活动组件，然后搭配好相应活动类型的模板，产品可以直接在首页选择一个常用模板进行编辑，也可以从空白新建一个新的活动页面。组件库中也有很多通用的组件类型，可以满足任何信息结构。

在首页选择从空白新建，产品经理可以直接选择我们搭配好的预设皮肤进行编辑，也可以从页面配色的选择开始，然后再组建库中选择相应的组建实现页面的生成。也可以直接输入关键字让系统直接随机生成搭配出相对应的配色及页面元素，优先的智能匹配素材使得同一个页面当中的素材视觉风格保持统一，同样也可以在此基础上进行编辑和修改。

组件编辑区域里面会根据关键字或者当前配色自动显示匹配的素材样式，也可以手动上传新的图片素材，上传过程中可编辑图片素材信息及标签，方便系统之后智能识别。

头部也预设了很多样式，可以直接替换文案，也可针对核心字段进行简单段样式调整。

对于页面组件的编辑，系统可进行实时保存，并有上一步撤回的功能，也可以恢复默认设置，右侧组件编辑区域在设置组件样式的同时也可以进行组建的配置。

编辑中也可以切换到预览模式，根据不同机型进行预览，让产品经理对页面核心信息的位置有所把握，切回编辑模式可继续编辑。确认所有的编辑之后可直接配置活动以及测试部署，并提交审核。一直到最终的外网部署发布都能在同一个场景完成。

活动页面制作完成之后可以在我的活动和全部活动里进行查看和管理。

目前Xcube平台已经搭建完成，品牌的视觉符号及素材也在不断的丰富中，Xcube的普及会大大提升日常运营活动的效率。

目前Xcube正在持续优化，暂时只针对内部使用。

针对营收活动的品牌传播及效率问题我们也会不断的做更多新的探索。