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

一、前言

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

從視覺專業度考慮，除了基礎的完成設計工作外，如何將產品需要表達的情緒準確地呈現出來，調動用戶的情緒反應和熱情，提升產品口碑與用戶滿意度的同時，帶動業務數據增長，是本次運營設計價值的體現。

二、項目思考

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

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

三、設計探索

3.1 表現形式 – 手繪插畫

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

1. 趣味性

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

2. 靈活性

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

3. 可控性

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

3.2 設計風格 – 寫實漫畫

在選擇風格的時候，雖然同一繪畫風格也能夠一定程度的表現不同的產品情緒，但不同的繪畫風格擅長表現的情緒卻各有側重，我們希望此次產品能表現并調動用戶的開心、驚喜、和現實關聯感，于是選擇了寫實漫畫的設計風格，通過這種畫風優秀的真實感和代入感，充分調動用戶的與現實生活的關聯性；

1. 真實感

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

2. 故事性

用漫畫講故事的創作形式陪伴了幾代國人的成長，并形成了共同的回憶載體，這賦予漫畫相比于游戲厚涂或傳統繪畫更好的故事性，后兩者雖然能夠將人物形象表現的更加真實細膩，但缺乏了藝術表現的概括能力與講故事的能力，而且會讓人有一些壓迫感和緊張感，產品的角色關系是從耳熟能詳的傳說故事中挑選出來的，為了表達這些匹配角色間的故事性，寫實漫畫的風格更適用于這次活動。

四、設計細節

4.1 顏色

1. 主色調

我們要做的匹配關系是別出心裁、奔放搞笑的，頁面的主色我選擇了紅色調。

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

2. 色彩搭配

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

我原本打算在關系標題上使用一些黑色，用紅與黑的經典搭配更加突出畫面的戲劇沖突性，但綜合考慮后把關系標題也換為黃色調，讓關系標題服務于頁面邏輯與插畫更加融合，以便更好的表達信息內容和作品情緒；

3. 反光色

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

4.2 技法

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

2. 二級上色

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

3. 光澤

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

4.3 造型

1. 個體的姿勢

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

2. 整體的趨勢

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

五、動畫設計

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

5.1 增加匹配動畫

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

5.2 動畫延展

在匹配動畫確認效果之后，也把其中的箭頭動畫的元素作為標志，延續到其他頁面的邏輯信息表述上，形成產品內動畫的統一連貫性。

六、設計復盤

6.1 設計小結

1. 差異化的營銷策略

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

2. 插畫表現形式的選擇

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

3. 推進式繪畫執行

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

4. 用動畫增強體驗連續性

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

6.2 項目反饋

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

有用戶由畫面聯想到身邊的同事，說明做與用戶相關的運營更容易。

6.3 設計反思

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

6.4 未來可期

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

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

本文來源于人人都是產品經理合作媒體@ 騰訊FITdesign，作者@ ambersong

題圖來自Unsplash，基于CC0協議