在八月份火爆的倫敦奧運(yùn)會(huì)以及2012百度世界大會(huì)的熱浪席卷之時(shí)，百度同期舉辦的運(yùn)營(yíng)活動(dòng)也取得了不錯(cuò)的成績(jī)。在奧運(yùn)期間，由百度移動(dòng)打造的“奧運(yùn)倫敦神測(cè)”答題活動(dòng)贏得了2000萬(wàn)網(wǎng)友的火熱關(guān)注，作為世界大會(huì)的主打“百度手機(jī)瀏覽器—搖搖太空熊“活動(dòng)也吸引了近160萬(wàn)用戶的積極參與。由于兩個(gè)活動(dòng)的性質(zhì)相似，設(shè)計(jì)過(guò)程也大致相同，下面跟大家分享一下項(xiàng)目的設(shè)計(jì)經(jīng)驗(yàn)，著重介紹令設(shè)計(jì)錦上添花的流程梳理，以及在過(guò)程中遇到的問(wèn)題和對(duì)應(yīng)的處理方案。

一. 充分深入的項(xiàng)目背景調(diào)研

開始設(shè)計(jì)之前，首先要對(duì)項(xiàng)目背景，設(shè)計(jì)的需求點(diǎn)，活動(dòng)整體流程有一個(gè)詳細(xì)的了解，俗話說(shuō)，不打無(wú)準(zhǔn)備之仗。在不事先了解清楚的情況下，很可能出現(xiàn)最終的設(shè)計(jì)效果無(wú)法滿足需求，導(dǎo)致一而再，再而三的改動(dòng)，設(shè)計(jì)成本也相對(duì)較高。所以第一步要先了解項(xiàng)目再動(dòng)手。

基本上每個(gè)活動(dòng)都包括“參與條件，分享渠道，抽獎(jiǎng)方式”等步驟，每個(gè)步驟還包括了“怎樣分享，怎樣獲得抽獎(jiǎng)資格”等需要視覺(jué)設(shè)計(jì)的部分，這些都是缺一不可的。以下是活動(dòng)的介紹和簡(jiǎn)要的流程圖。

“倫敦神測(cè)”預(yù)測(cè)答題是由百度移動(dòng)打造的奧運(yùn)營(yíng)銷活動(dòng)，登錄活動(dòng)頁(yè)面參與預(yù)測(cè)或者在微博等渠道分享，獲得金牌，5枚金牌可以抽獎(jiǎng)一次，通過(guò)這種活動(dòng)模式提高移動(dòng)客戶端產(chǎn)品的品牌知名度。
“搖搖太空熊”是百度手機(jī)瀏覽器舉行的“分享”截圖活動(dòng)，搖手機(jī)—截圖—分享簡(jiǎn)單三步，在這種趣味的吸引中產(chǎn)生病毒傳播效應(yīng)，讓產(chǎn)品完成便宜且效果良好的營(yíng)銷。

二.創(chuàng)意設(shè)定，視覺(jué)基調(diào)

完美的視覺(jué)效果需要提前對(duì)風(fēng)格，色彩等要素進(jìn)行規(guī)劃。前期設(shè)定分為以下四個(gè)部分：創(chuàng)意思路，風(fēng)格定位，色彩設(shè)定，頁(yè)面柵格化。

1.創(chuàng)意思路：首先要先確定一個(gè)設(shè)計(jì)思路，使最終的視覺(jué)效果符合活動(dòng)的主題，這個(gè)時(shí)候可以采取提取關(guān)鍵詞等頭腦風(fēng)暴的方式來(lái)嘗試。

2.風(fēng)格定位：確定創(chuàng)意思路之后，要進(jìn)行風(fēng)格的定位，需要考慮到活動(dòng)的受眾人群的年齡和活動(dòng)主題的氣質(zhì)色彩。比如這兩個(gè)活動(dòng)的賣點(diǎn)就是“萌”，因此色彩選擇上使用活力，明艷的顏色。

3.色彩設(shè)定：頁(yè)面的色調(diào)要與活動(dòng)性質(zhì)相符，加入產(chǎn)品品牌色，選出主色與輔助色，避免出現(xiàn)太多雜亂的顏色，干擾視覺(jué)。

4.頁(yè)面柵格化：為保證設(shè)計(jì)的美感與嚴(yán)謹(jǐn)，規(guī)范網(wǎng)頁(yè)的信息布局與疏密程度，盡量應(yīng)用頁(yè)面柵格化。

三. 提升整體基調(diào)的主視覺(jué)設(shè)計(jì)

1. 主題鮮明的卡通形象設(shè)定
由于這兩個(gè)活動(dòng)的設(shè)定需要有主打的卡通形象，因此首要步驟是完成活動(dòng)主形象設(shè)計(jì)。
倫敦神測(cè)：活動(dòng)需要“章魚保羅”“烏鴉嘴貝利”兩個(gè)形象，于是將形象與奧運(yùn)項(xiàng)目相結(jié)合，定位“投射標(biāo)槍的章魚”與“游泳健兒烏鴉”。并且將活動(dòng)內(nèi)容融合設(shè)計(jì)，讓章魚手中拿著 獎(jiǎng)品“百度云手機(jī)”。

搖搖太空熊：從“搖搖“兩個(gè)字出發(fā)，將已有的太空熊形象優(yōu)化為不倒翁，并且配合創(chuàng)意思路，最終以動(dòng)態(tài)的形式呈現(xiàn)，增加活動(dòng)趣味性。

2. 與形象風(fēng)格互相融合的頭部主視覺(jué)
倫敦神測(cè)：整體效果卡通風(fēng)，主色調(diào)百度紅，搭配活動(dòng)黃色，凸顯熱鬧的感覺(jué)。結(jié)合“奧運(yùn)”的主題，背景加入草地，跑道，倫敦城市剪影等元素。前景加入飛機(jī)，與旅游大獎(jiǎng)呼應(yīng)。

搖搖太空熊：提取“太空，T5內(nèi)核“等關(guān)鍵詞，將背景設(shè)定為外太空，通過(guò)太空艙向外望，營(yíng)造頁(yè)面情景感。細(xì)節(jié)上加入小紅旗，熊掌等小標(biāo)志，加重百度印記。

3. 規(guī)劃舒適的頁(yè)面框架設(shè)計(jì)
在拿到頁(yè)面交互圖的時(shí)候，需要根據(jù)目前的設(shè)計(jì)風(fēng)格對(duì)交互進(jìn)行小量的修改，使每個(gè)模塊的信息展示能與整體頁(yè)面創(chuàng)意完美融合。頁(yè)面內(nèi)容通常會(huì)有兩種情況：復(fù)雜和簡(jiǎn)單。這時(shí)，需要針對(duì)這兩種情況做一個(gè)歸納。
頁(yè)面內(nèi)容較多時(shí)：最好采取分塊的框架，結(jié)構(gòu)清晰，即使內(nèi)容再多，也能很好的把復(fù)雜的內(nèi)容區(qū)分，而且有臨時(shí)的調(diào)整也方便修改。

頁(yè)面內(nèi)容較少時(shí)：盡量不要做太多的模塊區(qū)分，那樣會(huì)使原本很少的內(nèi)容看起來(lái)更少，可采取雜志排版的方式。

4．優(yōu)化細(xì)節(jié)，提升品質(zhì)
嚴(yán)格規(guī)范細(xì)節(jié)，對(duì)頁(yè)面各部分進(jìn)行詳細(xì)標(biāo)注，從UE層面最大化的保證頁(yè)面制作的效果。

優(yōu)化頁(yè)面圖片素材，統(tǒng)一底圖顏色，陰影效果等，使整體風(fēng)格一致，細(xì)節(jié)到位。

四. 風(fēng)格延續(xù)的活動(dòng)周邊設(shè)計(jì)展示

為活動(dòng)的各項(xiàng)運(yùn)營(yíng)宣傳提供一系列線上線下物料的設(shè)計(jì)，并且保證設(shè)計(jì)的一致性。線上線下的大力宣傳更加提高活動(dòng)的知名度。

前期規(guī)劃與最終結(jié)果相輔相成

倫敦神測(cè)活動(dòng)首發(fā)日微博舉行的抽獎(jiǎng)活動(dòng)轉(zhuǎn)發(fā)量13萬(wàn)，評(píng)論9W，粉絲參與度很高。最終奧運(yùn)結(jié)束，參與人數(shù)達(dá)到2000萬(wàn)，圓滿結(jié)束。

“搖搖太空熊“活動(dòng)歷時(shí)5天，僅憑”微博分享“這一方式最終參與人數(shù)達(dá)到159萬(wàn)。

一個(gè)成功的項(xiàng)目完成離不開前期合理的流程規(guī)劃，最后，再次總結(jié)一下活動(dòng)運(yùn)營(yíng)四大步驟，希望對(duì)大家能有所幫助。
一. 充分深入的項(xiàng)目了解
二. 創(chuàng)意設(shè)定，視覺(jué)基調(diào)
三. 提升整體基調(diào)的主視覺(jué)設(shè)計(jì)
四. 風(fēng)格延續(xù)的活動(dòng)周邊設(shè)計(jì)展示

來(lái)源：百度MUX