手机版 加入收藏
大同在线
您当前的位置： 首页 > 游戏动漫 >> 完美

一充分深入的项目背景调研

2019-03-18 11:15:52

在八月份火爆的伦敦奥运会以及2012百度世界大会的热浪席卷之时，百度同期举办的运营活动也取得了不错的成绩。在奥运期间，由百度移动打造的奥运伦敦神测答题活动赢得了2000万友的火热关注，作为世界大会的主打百来不及了度浏览器摇摇太空熊活动也吸引了近160万用户的积极参与。由于两个活动的性质相似，设计过程也大致相同，下面跟大家分享一下项目的设计经验，着重介绍令设计锦上添花的流程梳理，以及在过程中遇到的问题和对应的处理方案。

一. 充分深入的项目背景调研

开始设计之前，首先要对项目背景，设计的需求点，活动整体流程有一个详细的了解，俗话说，不打无准备之仗。在不事先了解清楚的情况下，很可能出现最终的设计效果无法满足需求，导致一而再，再而三的改动，设计成本也相对较高。所以第一步要先了解项目再动手。

基本上每个活动都包括参与条件，

分享渠道，抽奖方式等步骤，每个步骤还包括了怎样分享，怎样获得抽奖资格等需要视觉设计的部分，这些都是缺一不可的。以下是活动的介绍和简要的流程图。

伦敦神测 预测答题是由百度移动打造的奥运营销活动，登录活动页面参与预测或者在微博等渠道分享，获得金牌，5枚金牌可以抽奖一次，通过这种活动模式提高移动客户端产品的品牌知名度。

摇摇太空熊 是百度浏览器举行的分享截图活动，摇截图分享简单三步，在这种趣味的吸引中产生病毒传播效应，让产品完成便宜且效果良好的营销。

二.创意设定，视觉基调

完美的视觉效果需要提前对风格，色彩等要素进行规划。前期设定分为以下四个部分：创意思路，风格定位，色彩设定，页面栅格化。

1.创意思路： 首先要先确定一个设计思路，使最终的视觉效果符合活动的主题，这个时候可以采取提取关键词等头脑风暴的方式来尝试。

2.风格定位： 确定创意思路之后，要进行风格的定位，需要考虑到活动的受众人群的年龄和活动主题的气质色彩。比如这两个活动的卖点就是萌，因此色彩选择上使用活力，明艳的颜色。

3.色彩设定： 页面的色调要与活动性质相符，加入产品品牌色，选出主色与辅助色，避免出现太多杂乱的颜色，干扰视觉。

4.页面栅格化： 为保证设计的美感与严谨，规范页的信息布局与疏密程度，尽量应用页面栅格化。

三. 提升整体基调的主视觉设计

1. 主题鲜明的卡通形象设定

由于这两个活动的设定需要有主打的卡通形象，因此首要步骤是完成活动主形象设计。

伦敦神测：活动需要章鱼保罗乌鸦嘴贝利两个形象，于是将形象与奥运项目相结合，定位投射标枪的章鱼与游泳这些围栏将永远不能恢复到从前的样子健儿乌鸦。并且将活动内容融合设计，让章鱼手中拿着 奖品百度云。

摇摇太空熊：从摇摇两个字出发，将已有的太空熊形象优化为不倒翁，并且配合创意思路，最终以动态的形式呈现，增加活动趣味性。

2. 与形象风格互相融合的头部主视觉

伦敦神测：整体效果卡通风，主色调百度红，搭配活动黄色，凸显热闹的感觉。结合奥运的主题，背景加入草地，跑道，伦敦城市剪影等元素。前景加入飞机，与旅游大奖呼应。

摇摇太空熊：提取太空，T5内核等关键词，将背景设定为外太空，通过太空舱向外望，营造页面情景感。细节上加入小红旗，熊掌等小标志，加重百度印记。

3. 规划舒适的页面框架设计

在拿到页面交互图的时候，需要根据目前的设计风格对交互进行小量的修改，使每个模块的信息展示能与整体页面创意完美融合。页面内容通常会有两种情况：复杂和简单。这时，需要针对这两种情况做一个归纳。

页面内容较多时：最好采取分块的框架，结构清晰，即使内容再多，也能很好的把复杂的内容区分，而且有临时的调整也方便修改。

页面内容较少时：尽量不要做太多的模块区分，那样会使原本很少的内容看起来更少，可采取杂志排版的方式。

4．优化细节，提升品质

严格规范细节，对页面各部分进行详细标注，从UE层面最大化的保证页面制作的效果。

优化页面图片素材，统一底图颜色，阴影效果等，使整体风格一致，细节到位。

四. 风格延续的活动周边设计展示

为活动的各项运营宣传提供一系列线上线下物料的设计，并且保证设计的一致性。线上线下的大力宣传更加提高活动的知名度。

前期规划与最终结果相辅相成

伦敦神测活动首发日微博举行的抽奖活动转发量13万，评论9W，粉丝参与度很高。最终奥运结束，参与人数达到2000万，圆满结束。

摇摇太空熊活动历时5天，仅凭微博分享这一方式最终参与人数达到159万。

一个成功的项目完成离不开前期合理的流程规划，最后，再次总结一下活动运营四大步骤，希望对大家能有所帮助。

一. 充分深入的项目了解

二. 创意设定，视觉基调

三. 提升整体基调的主视觉设计

四. 风格延续的活动周边设计展示

静脉曲张怎么办
小儿感冒怎么治疗
老人腿疼是不是缺钙
推荐阅读
图文聚焦