每到11月，便迎來(lái)了一個(gè)舉國(guó)狂歡的日子，這是一種流傳于年輕人的娛樂(lè)性節(jié)日，11月11日光棍節(jié)。幾家歡樂(lè)幾家愁，小情侶們花前月下，你儂我儂，著實(shí)讓人心動(dòng)眼饞；光棍們一邊向情侶宣告單身的自由與快樂(lè)，一邊尋找心里的共鳴群體，以解苦悶與煩惱。在此大環(huán)境下，我們期望上線一款游戲，讓大家抒發(fā)節(jié)日情緒，《光棍節(jié)你怎么過(guò)》應(yīng)運(yùn)而生。游戲的玩法是以拼圖的方式，讓用戶組合出自己的節(jié)日狀態(tài)，配以趣味文案，引發(fā)話題。

風(fēng)格探索

由于游戲?qū)⑸暇€于雙11前后，如何能讓大家在購(gòu)物之余抽出時(shí)間體驗(yàn)游戲，變成了我們首要的設(shè)計(jì)目標(biāo)。與此同時(shí)，游戲還肩負(fù)著推廣58租房，為租房小程序?qū)Я鞯氖姑??；谝陨蟽牲c(diǎn)思考，我們?cè)陧?xiàng)目前期做了大量的探索。這次希望拓展更多新運(yùn)營(yíng)模式，通過(guò)趣味互動(dòng)的方式來(lái)策劃一次活動(dòng)。

如何更好的表現(xiàn)趣味互動(dòng)的理念，我們決定用“描邊插畫”這種表現(xiàn)形式作為游戲的設(shè)計(jì)風(fēng)格，這里主要有一下幾點(diǎn)思考：

1.更利于夸大人物動(dòng)作、表情，描述各種奇怪人物姿勢(shì)；場(chǎng)景的可定制性強(qiáng)，滿足多場(chǎng)景需求。

2.將普通插畫圖形加以描邊約束，避免了三個(gè)設(shè)計(jì)師設(shè)計(jì)出三款游戲的尷尬；在操作中，也保證了所有組件都是單獨(dú)的個(gè)體，絕不生產(chǎn)連體嬰。

3.時(shí)間上，在短時(shí)間內(nèi)，要完成28套人物組件，另外還包括場(chǎng)景、寵物、節(jié)日組件等等，描邊插畫，誰(shuí)用誰(shuí)知道。

4.性能上，描邊插畫更輕量化，讓用戶在H5上也能獲得良好的游戲體驗(yàn)。

與此同時(shí)，我們還嘗試把設(shè)計(jì)流程標(biāo)準(zhǔn)化，提高設(shè)計(jì)效率。

設(shè)計(jì)執(zhí)行

確定了設(shè)計(jì)風(fēng)格和流程后，接下來(lái)需要考慮的問(wèn)題是：如何在短短8天時(shí)間內(nèi)，保證執(zhí)行的效率和一致性？為此，我們做了100多件事，為了精簡(jiǎn)重點(diǎn)我這里就先談2點(diǎn)：

1.內(nèi)容形式標(biāo)準(zhǔn)化

定義了一套可快速執(zhí)行的組合規(guī)范。這套規(guī)范包括了2個(gè)方面：低飽和顏色和人物尺寸。

因?yàn)橛脩羰褂糜螒驎r(shí)間較長(zhǎng)，我們將顏色規(guī)定為飽和度較低的色系，這樣觀看更為舒適，以上是參考顏色展示。

我們將人物分為表情、發(fā)型、上半身、下半身四個(gè)可活動(dòng)部分制作，制作了詳細(xì)的規(guī)范，確保了組件之間的良好銜接。規(guī)范搞得好，裂變才能隨便搞。

2.協(xié)作方式獨(dú)立化

每位設(shè)計(jì)獨(dú)立負(fù)責(zé)某個(gè)類別的元素設(shè)計(jì)，保證效率和統(tǒng)一。

男發(fā)型設(shè)計(jì)：

女發(fā)型設(shè)計(jì)：

節(jié)日物品設(shè)計(jì)：

寵物設(shè)計(jì)：

除了將復(fù)雜的活動(dòng)如何細(xì)分拆解，保證了效率與一致性外。我們對(duì)每一個(gè)出現(xiàn)的組件也是精心推敲，以達(dá)到與節(jié)日的完美融合，這里我拿場(chǎng)景舉例，在設(shè)計(jì)之初，本著滿足更多用戶對(duì)場(chǎng)景的需求去設(shè)定，既要做到人物屬性的區(qū)分，還不能有太多的物件制約了用戶的創(chuàng)造力。根據(jù)這些情況，我們?cè)O(shè)計(jì)了單身狗的凄慘陋室，高富帥的主題酒店，愛游戲的宅男小窩，愛旅游的萌妹子之家，學(xué)生黨的宿舍，加班族的公司等一系列主題鮮明，人物性格強(qiáng)烈的場(chǎng)景以求與用戶達(dá)成共鳴。

最終效果

首頁(yè)：H5首頁(yè)，作為游戲入口載體，起到統(tǒng)合整體活動(dòng)視覺(jué)DNA的作用，我們決定用動(dòng)畫的形式，更生動(dòng)的刺激用戶點(diǎn)擊。將人物角色固定，更換服裝的同時(shí)變換背景，真正做到了想開房就開房，想加班就加班的隨心所欲，光棍節(jié)你怎么過(guò)，主題不言而喻。

操作頁(yè)：我們最初的設(shè)定為先橫滑選擇類目，點(diǎn)選類目后出現(xiàn)細(xì)分款式，但是后來(lái)發(fā)現(xiàn)這樣用戶可操作區(qū)域太小，影響游戲體驗(yàn)；于是我們將類目和細(xì)分款式制作成一個(gè)共用的橫滑條放在底部，這樣做使得操作區(qū)域擴(kuò)展至最大。如果用戶越過(guò)類目直接點(diǎn)選了細(xì)分款式（如：沒(méi)有選擇初始人物性別，直接點(diǎn)選發(fā)型），展示欄將會(huì)出現(xiàn)文字提示用戶先選擇類目，以達(dá)到游戲體驗(yàn)最佳狀態(tài)。

在用戶拼圖完成后我們有一個(gè)趣味文案選擇功能，內(nèi)置30條光棍節(jié)網(wǎng)絡(luò)名句，并設(shè)有自定義功能，用戶想怎么秀就怎么秀，你不秀都不行。

結(jié)束頁(yè)：快速生成自己的專屬海報(bào)，來(lái)過(guò)一個(gè)有滋有味的光棍節(jié)吧！

用戶反饋

游戲一經(jīng)上線，朋友圈沸騰了，鑼鼓喧天，鞭炮齊鳴，花樣繁多。游戲完成率和各環(huán)節(jié)轉(zhuǎn)化率一直居高不下，我們也觀察到參與的用戶更多的是以年輕用戶為主，可見活動(dòng)可玩性強(qiáng)深受到年輕用戶的喜愛。不少用戶提到的關(guān)鍵詞有：好玩、互動(dòng)性強(qiáng)、腦洞大開，而這些感覺(jué)正是我們想要給用戶所傳達(dá)的情感。來(lái)自用戶的好評(píng)那就是對(duì)項(xiàng)目最大的肯定，我們也借此機(jī)會(huì)狠狠給了樓下餐館一頓肯定，雙11活動(dòng)也在歡樂(lè)祥和地肯定中漸漸落幕了。

以下是用戶作品截圖：

項(xiàng)目總結(jié)

初次探索新運(yùn)營(yíng)模式游戲，雖然遇到了不少困難，但也算是收獲滿滿。大多數(shù)時(shí)候設(shè)計(jì)、開發(fā)和測(cè)試驗(yàn)證都需要并行。該項(xiàng)目極大地考驗(yàn)了設(shè)計(jì)師們的高速創(chuàng)作及協(xié)作能力，設(shè)計(jì)師們加班加點(diǎn)，在有限的時(shí)間內(nèi)不斷雕琢、優(yōu)化視覺(jué)效果，力爭(zhēng)在電商橫行的雙11找到一席之地。當(dāng)然也踩了不少坑，用戶不習(xí)慣跨平臺(tái)參與活動(dòng)，在小程序首頁(yè)不容易找到活動(dòng)入口，對(duì)于這些問(wèn)題我們?cè)诮窈筮€任重而道遠(yuǎn)。

這次嘗試的趣味互動(dòng)游戲玩法也給未來(lái)類似活動(dòng)運(yùn)營(yíng)提供了不錯(cuò)的參考思路，相信在未來(lái)的運(yùn)營(yíng)活動(dòng)中，我們將嘗試更多有趣的運(yùn)營(yíng)模式，用更開闊的設(shè)計(jì)思維迎接未來(lái)的挑戰(zhàn)。

官方推圖設(shè)計(jì)

作者：環(huán)鐵藝術(shù)家

公眾號(hào)：58UXD