本文為520活動運營案例的全過程復(fù)盤，筆者將以此與大家共同探討如何在運營中快速獲取信息以成為用戶體驗的基本訴求，以及如何有效聚焦目標(biāo)。

一、前言

近幾年用戶行為伴隨信息高速發(fā)展而發(fā)生了巨大變化，如何快速獲取信息以成為用戶體驗的基本訴求，如何有效聚焦目標(biāo)是設(shè)計師要重點關(guān)注的命題，所以此次520節(jié)點的運營是基于紅包產(chǎn)品來做的，嵌入產(chǎn)品流程的運營方式既能夠減輕用戶的操作負(fù)擔(dān)，又能保證運營對產(chǎn)品作用的流程連貫性，基于紅包產(chǎn)品的特性和520的時間點，我們落地到做收發(fā)紅包的兩個用戶之間關(guān)系隨機匹配的運營。

從視覺專業(yè)度考慮，除了基礎(chǔ)的完成設(shè)計工作外，如何將產(chǎn)品需要表達(dá)的情緒準(zhǔn)確地呈現(xiàn)出來，調(diào)動用戶的情緒反應(yīng)和熱情，提升產(chǎn)品口碑與用戶滿意度的同時，帶動業(yè)務(wù)數(shù)據(jù)增長，是本次運營設(shè)計價值的體現(xiàn)。

二、項目思考

愛情相關(guān)的主題氣氛大多是似水柔情你儂我儂的甜蜜感，但我們希望能夠從中跳脫出來做得別出心裁又奔放搞笑一些，所以首先產(chǎn)品調(diào)性上就需要有趣，和產(chǎn)品們腦暴了多次，最終確定了此次運營活動的方案思路是以多種奇妙關(guān)系去比喻用戶的匹配關(guān)系，這些關(guān)系背后集合了人獸戀、人妖戀、同性戀、備胎戀…我們也選定美人魚和王子組合成唯一一對唯美的戀情，彌補產(chǎn)品中和童話中沒有完美戀情的遺憾。

同時，對自身工作的思考，需要從實現(xiàn)效果上做到一些別出心裁，腦暴同時就在進(jìn)行前期的設(shè)計風(fēng)格提案，提案中不僅區(qū)別于愛情節(jié)日常有的花花草草，也區(qū)別于市場中較為高頻出現(xiàn)的的運營設(shè)計效果。

三、設(shè)計探索

3.1 表現(xiàn)形式 – 手繪插畫

確定了這次項目的基本背景和前期資料，我們需要用6個畫面表述6對關(guān)系，并使之能廣泛的套用在用戶與用戶的身上，使他們有一種感同身受的體驗并產(chǎn)生聯(lián)想，在選擇表現(xiàn)形式的時候基于以下的綜合考慮，我選擇了插畫的表現(xiàn)形式；

1. 趣味性

插畫一直被廣泛的運用在不同的載體上，相比其他設(shè)計表現(xiàn)形式具有更廣泛的用戶審美普適性，接受度高，同時插畫中獨特的的線條、顏色、造型都能共同助力闡述畫面中鮮活的故事，呈現(xiàn)一個有趣的場景，所以插畫對畫面趣味性表達(dá)的效果是難以被其他設(shè)計表現(xiàn)形式代替的；

2. 靈活性

插畫的調(diào)整靈活度相對來說比較高，活動中一張插圖的完成速度大概是1天時間，如果項目進(jìn)行中有變動需要調(diào)整畫面，可以單獨調(diào)整頭部、動作、衣著等局部，而其他部位保持原狀就好，耗時不會很久；相比之下，其他表現(xiàn)形式比如真人實拍就沒有這樣靈活，如果調(diào)整畫面就需要二次進(jìn)棚，此次活動的匹配關(guān)系選取特定故事中的角色，就意味著重新拍攝時還需要重新準(zhǔn)備服飾道具；另外，插畫的工作場地也很靈活，只要手邊有電腦和繪圖板就好；

3. 可控性

手繪插畫的完成品質(zhì)只需要插畫師一個人就可以把控，而相比之下真人實拍或者素材拼貼的表現(xiàn)形式，都不能保證一定可以實現(xiàn)設(shè)計師的想法，其中不可控的因素很多，比如找不到合適的多媒體素材、模特的表情動作不到位等等，而手繪插畫的實現(xiàn)效果完全依賴于設(shè)計師自己的手上功夫。

3.2 設(shè)計風(fēng)格 – 寫實漫畫

在選擇風(fēng)格的時候，雖然同一繪畫風(fēng)格也能夠一定程度的表現(xiàn)不同的產(chǎn)品情緒，但不同的繪畫風(fēng)格擅長表現(xiàn)的情緒卻各有側(cè)重，我們希望此次產(chǎn)品能表現(xiàn)并調(diào)動用戶的開心、驚喜、和現(xiàn)實關(guān)聯(lián)感，于是選擇了寫實漫畫的設(shè)計風(fēng)格，通過這種畫風(fēng)優(yōu)秀的真實感和代入感，充分調(diào)動用戶的與現(xiàn)實生活的關(guān)聯(lián)性；

1. 真實感

漫畫常用到夸張的手法進(jìn)行藝術(shù)表現(xiàn)，但這次的運營活動需要通過畫面中的形象比喻用戶之間的關(guān)系，過于夸張的畫風(fēng)會給人太過刺激的感受，太過卡通的畫風(fēng)也會有種看兒童片的距離感，缺少真實感，不利于作為對用戶的比喻畫像，于是我選擇用寫實漫畫的風(fēng)格，通過寫實的人物比例、骨骼關(guān)系、姿勢動作，提升畫面的成人感和真實感，讓用戶觀看后的情緒反應(yīng)能更貼近現(xiàn)實世界的自身或者身邊人，產(chǎn)生話題性與現(xiàn)世樂趣；

2. 故事性

用漫畫講故事的創(chuàng)作形式陪伴了幾代國人的成長，并形成了共同的回憶載體，這賦予漫畫相比于游戲厚涂或傳統(tǒng)繪畫更好的故事性，后兩者雖然能夠?qū)⑷宋镄蜗蟊憩F(xiàn)的更加真實細(xì)膩，但缺乏了藝術(shù)表現(xiàn)的概括能力與講故事的能力，而且會讓人有一些壓迫感和緊張感，產(chǎn)品的角色關(guān)系是從耳熟能詳?shù)膫髡f故事中挑選出來的，為了表達(dá)這些匹配角色間的故事性，寫實漫畫的風(fēng)格更適用于這次活動。

四、設(shè)計細(xì)節(jié)

4.1 顏色

1. 主色調(diào)

我們要做的匹配關(guān)系是別出心裁、奔放搞笑的，頁面的主色我選擇了紅色調(diào)。

色彩可以通過用戶的視覺，使人從知覺情感到思想意志產(chǎn)生復(fù)雜的反應(yīng)，對人的心理活動和情緒反應(yīng)有著非常重要的影響，在性格色彩學(xué)里紅色代表了情感豐富外露、表現(xiàn)力強、喜歡新鮮刺激和變化的高度樂觀的一種積極情緒，所以我使用紅色做背景色及主色調(diào)，為了更好的表現(xiàn)此次活動熱情奔放、無厘頭的作品情緒。

2. 色彩搭配

確定好主色調(diào)后，考慮到此次運營活動在結(jié)構(gòu)上是和黃色調(diào)的黃金紅包產(chǎn)品嫁接到一起，所以整體的色彩搭配迎合黃金紅包的暖黃色調(diào)，加入一些大面積的黃色或橙色，比如白雪公主的裙子、唐僧和法海的衣服、通體橙黃色的黃牛等等，在畫面的的冷色選擇上也都傾向于偏暖偏灰一些，與大面積的紅色和黃橙色更好的結(jié)合；

我原本打算在關(guān)系標(biāo)題上使用一些黑色，用紅與黑的經(jīng)典搭配更加突出畫面的戲劇沖突性，但綜合考慮后把關(guān)系標(biāo)題也換為黃色調(diào)，讓關(guān)系標(biāo)題服務(wù)于頁面邏輯與插畫更加融合，以便更好的表達(dá)信息內(nèi)容和作品情緒；

3. 反光色

另外，每張圖中角色身上都加了艷麗粉色的反光，點綴著表現(xiàn)一些情，與不能言說的曖昧，與520的時間點的情緒也能暗中契合。

4.2 技法

1. 用線 為了表現(xiàn)作品的無厘頭和亢奮不羈的情緒，漫畫的勾線處理成保留痕跡的草稿線的筆觸，不止是形體邊緣線，還加入了一些速寫中常用的轉(zhuǎn)折線的筆觸，這些繪畫痕跡的保留，讓畫面給人感覺少一些精心安排和規(guī)規(guī)矩矩，多一些輕松快樂和即興灑脫。

2. 二級上色

人體不是平面的片狀物體，有立體厚度，為表現(xiàn)真實感需要用分級上色的方式，但是根據(jù)以往經(jīng)驗，三級色的上色效果運用在漫畫中就會有一些乳膠感，惡趣味的表現(xiàn)力有些失真過頭，所以我這次選用二級色平涂為主的上色方式，讓畫面多一些樸素的真實感；

3. 光澤

在用二級色上色法畫完后會感覺覺得少了一些趣味，520測關(guān)系活動需要有騷情搞笑無厘頭的氛圍，所以想到用大汗淋漓和皮膚的豐富油脂感來表現(xiàn)畫面中的角色的情緒高漲，所以高光基本只點綴在皮膚上。

4.3 造型

1. 個體的姿勢

這次活動的畫面主要表現(xiàn)匹配雙方的關(guān)系比喻，我們也據(jù)此找了一些被人熟知的形象來進(jìn)行錯位的關(guān)系描述，所以每個畫面中的兩個角色形象占據(jù)了畫面的主要部分，表現(xiàn)作品有趣、無厘頭和曖昧關(guān)聯(lián)的情緒的關(guān)鍵點，就落在角色的姿勢動作上 – 手拉手的法海許仙、佝僂奇怪的唐僧、比心傳情的牛郎…這些姿勢都旨在表現(xiàn)作品的無厘頭和幽默的情緒。

2. 整體的趨勢

個體的姿勢雖然獨特，但搭配擺放在漫畫里的時候，畫面整體的趨勢都是聚合的 – 相擁、牽手、對視等等，個體的姿勢表現(xiàn)無厘頭與可笑的個性同時，通過畫面整體的造型，將產(chǎn)品大方向要表達(dá)的親密相依的情緒體現(xiàn)出來。

五、動畫設(shè)計

人的情緒變化是連續(xù)性的，線上運營活動的體驗感受也應(yīng)該是連貫的，因此在完成主題內(nèi)容的畫面繪制后，作為嵌入型的活動如果在產(chǎn)品流程體驗中讓用戶產(chǎn)生阻隔中斷感，那情緒無法得到持續(xù)疊加，更難以產(chǎn)生情緒上的共鳴。所以針對一些用戶信息和匹配關(guān)系彈窗等元素，需要用到更多維度的視覺表達(dá)，通過流暢的動畫去串聯(lián)，從而推動更清晰、更完整與連續(xù)的情緒傳遞。

5.1 增加匹配動畫

單一屏幕內(nèi)能表現(xiàn)的信息順序是有限的，通過匹配動畫去強調(diào)動作與過程，讓匹配關(guān)系的邏輯信息相較于平面展示更強化突出，將匹配的動作置于關(guān)系插圖展示的前面，進(jìn)而擺正了信息順序和視覺邏輯——先有匹配的動作，再出現(xiàn)匹配的結(jié)果。

5.2 動畫延展

在匹配動畫確認(rèn)效果之后，也把其中的箭頭動畫的元素作為標(biāo)志，延續(xù)到其他頁面的邏輯信息表述上，形成產(chǎn)品內(nèi)動畫的統(tǒng)一連貫性。

六、設(shè)計復(fù)盤

6.1 設(shè)計小結(jié)

1. 差異化的營銷策略

是此次活動設(shè)計中區(qū)別于其他競品，并帶給用戶新鮮感的核心思路；

2. 插畫表現(xiàn)形式的選擇

基于用戶審美接受的普適性與插畫本身的高度靈活性與可控性，以此判斷符合此次活動的設(shè)計訴求；

3. 推進(jìn)式繪畫執(zhí)行

從繪畫的技法、顏色、造型三個要素中的每個細(xì)節(jié)逐一斟酌，層層推進(jìn)，最終讓畫面中的每一個細(xì)節(jié)都助力表現(xiàn)作品的故事性與對用戶的情緒調(diào)動；

4. 用動畫增強體驗連續(xù)性

能夠有效降低阻隔與中斷感，幫助用戶情緒疊加，加深讀者的記憶。

6.2 項目反饋

520當(dāng)天金沙買入的平均每筆份額達(dá)到上線以來最高，單日金沙買入總份額居上線以來第三位次，僅次于除夕與情人節(jié)，當(dāng)天小程序流量出現(xiàn)峰值，帶動了積存金和實物商品兌換業(yè)務(wù)。用戶和項目團(tuán)隊反饋良好，5月31日是此次運營在線的最后一天，基于反饋效果不錯，產(chǎn)品拉長了活動在線時間；

有用戶由畫面聯(lián)想到身邊的同事，說明做與用戶相關(guān)的運營更容易。

6.3 設(shè)計反思

此次活動預(yù)留時間關(guān)系，加上手繪插畫時間成本較高的雙重因素，最終上線的關(guān)系圖用戶普遍反映有些偏少，不夠豐富多樣，今后運營設(shè)計中如何批量化生產(chǎn)的問題值得進(jìn)一步探索。

6.4 未來可期

整個項目在視覺制作過程中沒有用以往關(guān)鍵詞疊加的思路來進(jìn)行設(shè)計，此次項目的設(shè)計進(jìn)展是通過漏斗篩找的方式逐步尋找設(shè)計形式與風(fēng)格，再將產(chǎn)品要表達(dá)的情緒逐步落實到繪畫過程中的一眾細(xì)節(jié)中的，今后每一次的設(shè)計，都值得用心去挖掘更適合項目的設(shè)計方法。

作者： ambersong，公眾號：騰訊FiTdesign（ID：FiTdesign2017）

本文來源于人人都是產(chǎn)品經(jīng)理合作媒體@ 騰訊FITdesign，作者@ ambersong

題圖來自Unsplash，基于CC0協(xié)議