在日常產(chǎn)品運(yùn)營活動(dòng)中，用戶運(yùn)營設(shè)計(jì)是不可或缺的一部分，其展示的內(nèi)容也是各式各樣。本文結(jié)合騰訊動(dòng)漫日常的運(yùn)營活動(dòng)設(shè)計(jì)，淺談一下在遇到需求時(shí)，如何根據(jù)不同的活動(dòng)類型快速定位適合的風(fēng)格，提高運(yùn)營活動(dòng)質(zhì)量，促進(jìn)用戶轉(zhuǎn)化。

什么是用戶運(yùn)營設(shè)計(jì)

1. 用戶運(yùn)營

從定義來看，即以用戶為中心，根據(jù)用戶特性和運(yùn)營核心目標(biāo)，制定相應(yīng)的運(yùn)營策略，對策略效果進(jìn)行收集和驗(yàn)證，以達(dá)到運(yùn)營的核心目標(biāo)。所以用戶運(yùn)營主要圍繞用戶、活動(dòng)、目標(biāo)來展開，借用增長里的 AAARR 概念來說用戶運(yùn)營的目標(biāo)：

作為用戶運(yùn)營設(shè)計(jì)師，我們應(yīng)對用戶生命周期 AAARR 模型有一些深刻的理解，以最低的設(shè)計(jì)成本來獲得最大的運(yùn)營收益。

2. 運(yùn)營設(shè)計(jì)團(tuán)隊(duì)在做什么

目前我們用戶運(yùn)營設(shè)計(jì)團(tuán)隊(duì)主要負(fù)責(zé)的項(xiàng)目是：騰訊動(dòng)漫會(huì)員和平臺類活動(dòng)設(shè)計(jì)、運(yùn)營推廣、增長服務(wù)等相關(guān)業(yè)務(wù)?；谟脩舸倩詈蜖I收核心目的延展長線運(yùn)營、用戶增長、會(huì)員服務(wù)、大型促銷等工作內(nèi)容。

動(dòng)漫平臺常用設(shè)計(jì)風(fēng)格

1. Q 版漫畫風(fēng)格

Q 版在動(dòng)漫設(shè)計(jì)中比較常見，風(fēng)格一般會(huì)比較可愛、幽默、搞怪···而且有很強(qiáng)的線條表現(xiàn)力，能有效吸引用戶注意力，提升頁面的趣味性、友好度和品牌感。

2. 涂鴉插畫

涂鴉風(fēng)格是一種有趣且極具創(chuàng)意的風(fēng)格，在頁面中使用涂鴉設(shè)計(jì)，充滿自由和力量感，能夠打破扁平化的運(yùn)營視覺，強(qiáng)化故事感和情感性。

3. 肌理插畫

肌理插畫的色彩明快，畫面簡潔，這種風(fēng)格通常會(huì)加入雜色，增加顆粒感、質(zhì)感，也會(huì)通過明暗色塊增加立體感，適合快速迭代的活動(dòng)需求。

4. 孟菲斯插畫

使用高純度、對比強(qiáng)烈的配色，和無規(guī)律可循的排版吸引人的眼球，該風(fēng)格大膽、活潑且富有表現(xiàn)力，通常會(huì)運(yùn)用描邊協(xié)調(diào)畫面并突出重點(diǎn)，給人良好的視覺舒適感。

5. 漸變插畫

漸變插畫運(yùn)用大量低飽和度的漸變，營造出色彩鮮明、對比強(qiáng)烈的光感，漸變插畫細(xì)節(jié)豐富，時(shí)尚、前衛(wèi)的視覺沖擊力，在一定程度上也能夠促進(jìn)用戶的興趣點(diǎn)。

6. 劃重點(diǎn)

插畫在動(dòng)漫平臺用戶運(yùn)營活動(dòng)中是主要視覺觸發(fā)器，能瞬間傳達(dá)大量信息。在日?；顒?dòng)中需結(jié)合運(yùn)營主題和用戶的需求，合理選擇相應(yīng)的風(fēng)格進(jìn)行設(shè)計(jì)，強(qiáng)化頁面的吸引力。同時(shí)也應(yīng)做好運(yùn)營插畫設(shè)計(jì)的構(gòu)圖、元素、配色等，注重頁面細(xì)節(jié)，強(qiáng)化活動(dòng)交互，讓用戶可以更快理解和操作。

實(shí)戰(zhàn)案例分享

這里用騰訊動(dòng)漫開直播系列宣傳活動(dòng)為切入點(diǎn)，進(jìn)行案例分享。

1. 活動(dòng)背景

騰訊動(dòng)漫上線全新的系列直播活動(dòng)，覆蓋唱歌、聊天、手工、繪畫等多種泛次元內(nèi)容，需要設(shè)計(jì)預(yù)熱期和正式期的頁面，宣傳本次直播活動(dòng)同時(shí)，為騰訊動(dòng)漫上線直播產(chǎn)品功能打好基礎(chǔ)。

2. 設(shè)計(jì)分析

在設(shè)計(jì)過程中，要結(jié)合實(shí)際運(yùn)營需求，充分發(fā)揮專業(yè)能力，產(chǎn)出匹配的設(shè)計(jì)思路。當(dāng)需求方在視覺要求上無法輸出明確風(fēng)格偏好時(shí)，可利用活動(dòng)主題挖掘用戶核心需求并形成有效反饋，從而找到適合的設(shè)計(jì)風(fēng)格。

分析&溝通需求

騰訊動(dòng)漫將借助此次活動(dòng)，將平臺的直播內(nèi)容和品牌印象最大限度觸及給用戶。

為此我們確立了本次活動(dòng)在需求上的目標(biāo)

• 品效協(xié)同，既能夠符合騰訊動(dòng)漫平臺屬性又能夠吸引不同特性用戶為活動(dòng)帶來流量
• 能夠引發(fā)用戶在社區(qū)或者其他渠道進(jìn)行傳播，并對系列直播產(chǎn)生期待
• 將直播活動(dòng)帶給用戶豐富好玩互動(dòng)的定位，挖掘更多潛在用戶

用戶定位

直播運(yùn)營活動(dòng)離不開主播和用戶的參與

可以看到直播為觀眾提供更多與喜愛的畫手和偶像互動(dòng)的機(jī)會(huì)，同時(shí)也為主播作者打開了更快速直接的傳播渠道。

交互梳理

1.預(yù)熱頁面

核心：打造用戶認(rèn)知，對直播活動(dòng)內(nèi)容的理解，流量分發(fā)，促使用戶關(guān)注接下來的直播活動(dòng)，以及訂閱個(gè)人喜歡的主播

頁面的首屏頭部區(qū)域是利益點(diǎn)區(qū)域和活動(dòng)氛圍搭建。中部是強(qiáng)心智內(nèi)容，也就是純運(yùn)營強(qiáng)控制和活動(dòng)推薦的內(nèi)容。最后部分是弱心智內(nèi)容，主要用于活動(dòng)流量承接的主播內(nèi)容推薦。

2.正式活動(dòng)頁面

場景化氛圍搭建，內(nèi)容與形式勾起用戶點(diǎn)擊欲望。

頁面頭部用主題文案和視覺元素，在首屏加入當(dāng)前直播視頻窗口，讓用戶快速沉浸于直播場景中。在直播的表現(xiàn)上，堅(jiān)持視頻排版為主，融合直播屬性，吸引用戶關(guān)注。

3. 確定風(fēng)格

關(guān)鍵詞提煉

通過對活動(dòng)定位和用戶進(jìn)行設(shè)計(jì)分析，我們把對“騰訊動(dòng)漫開直播”傳遞的感覺轉(zhuǎn)化為系列可表達(dá)的文字，并提取活動(dòng)關(guān)鍵詞“直播、 互動(dòng)、彈幕文化、潮流、動(dòng)漫符號、二次元、沉浸感”進(jìn)行思維發(fā)散。

視覺化表達(dá)

基于這些關(guān)鍵詞的概念方向及騰訊動(dòng)漫直播場景內(nèi)容，對比目前市面上部分直播類設(shè)計(jì)風(fēng)格發(fā)現(xiàn)更多關(guān)注的是直播氛圍營造。因此我們在場景化設(shè)計(jì)時(shí)需將輕質(zhì)感的二次元化視覺元素融入到畫面中，結(jié)合常用的插畫設(shè)計(jì)類型，我們選取漸變的插畫風(fēng)格更符合直播沉浸感的主題。

主色調(diào)使用炫目的紅黃品牌色漸變設(shè)計(jì)，應(yīng)用冷暖對比增加直播場景氛圍，優(yōu)化增加熒光質(zhì)感與光影，使用藍(lán)紫顏色點(diǎn)綴增加視覺豐富度，凸顯細(xì)節(jié)，并有效劃分視覺區(qū)域，用色彩使設(shè)計(jì)整體和諧統(tǒng)一，突出活動(dòng)主題，與體驗(yàn)者達(dá)成情感共鳴。

4.設(shè)計(jì)發(fā)力

直播視覺調(diào)性營造

我們立足平臺品牌屬性，從形、品、質(zhì)三大緯度提煉視覺因子。

• 手機(jī)/彈幕/愛心圖形——直播屬性的表達(dá)
• 企鵝娘&黑子元素——體現(xiàn)騰訊動(dòng)漫的品牌屬性
• 漸變艷麗色彩——通過豐富的光影和漸變塑造更多的細(xì)節(jié)，打造更加精致的設(shè)計(jì)效果

二次元平臺屬性融入

針對動(dòng)漫平臺的直播場景，探索出符合他們審美的視覺風(fēng)格，需將二次元的要素融入，包括形態(tài)（物體符號擬人化），比如在唱見 icon 上將話筒加入眼睛；樣式（元素 Q 版化），比如開播提醒 icon 加上一只軟糯的黑子等

插畫風(fēng)格鎖定

預(yù)熱期在風(fēng)格上選擇了以企鵝娘為主體，手機(jī)外框作為基本型去組合頭圖，熒光黑子和視頻黑子左右打造直播氛圍，同時(shí)在畫面上迸發(fā)出彈幕和擬人小元素，形成強(qiáng)有力的沉浸感。

正式期在風(fēng)格延續(xù)預(yù)熱頁面的組成元素，將主題文字作為頭圖重點(diǎn)，營造與直播相關(guān)的場景，使用手機(jī)框型作為整體概念圖形，來表現(xiàn)屏幕互動(dòng)，寓意主播與觀眾的鏈接。采取弧形切割頭圖與頁面，將用戶的視覺聚焦到直播中模塊，突出活動(dòng)的主題。

• 全時(shí)期場景兼容性以及風(fēng)格延續(xù)性

用戶運(yùn)營活動(dòng)不是做完頁面的視覺工作就結(jié)束了，在上線之前，我們還需要延展一系列的物料設(shè)計(jì)，如：app 首屏 banner、小紙條、通欄、福利頻道等，每種素材的規(guī)格不同，要求也不同

4. 設(shè)計(jì)總結(jié)

面對種類繁多的運(yùn)營需求，我們可能無法迅速感知哪種風(fēng)格會(huì)比較貼合活動(dòng)調(diào)性，但通過活動(dòng)定位和用戶需求的分析，可以幫助我們找到視覺方向，然后結(jié)合自身的設(shè)計(jì)方法和技巧，靈活應(yīng)用到工作項(xiàng)目中。這里要求我們掌握更多領(lǐng)域的能力，發(fā)揮出更多不同的表現(xiàn)風(fēng)格。

在有限的時(shí)間和資源下，跨團(tuán)隊(duì)的高效溝通能夠有效的提升效率，針對運(yùn)營需求風(fēng)格偏好，快速定位到相應(yīng)的設(shè)計(jì)感覺。

不要盲目參考競品的風(fēng)格，首先要考慮自身的品牌調(diào)性，根據(jù)品牌特色和用戶特點(diǎn)來確定風(fēng)格。項(xiàng)目案例中的設(shè)計(jì)起初就出現(xiàn)了這樣的問題，最后融入了品牌的顏色和二次元屬性，才讓設(shè)計(jì)變得合理。

針對多時(shí)期業(yè)務(wù)線下的場景搭建，視覺規(guī)范化顯得尤為重要，在案例中，預(yù)熱期和直播期元素互通，視覺風(fēng)格統(tǒng)一，提升活動(dòng)的品牌感知，降本增效，提升設(shè)計(jì)效率，確保宣傳資源的一致性。

以上是我對運(yùn)營設(shè)計(jì)風(fēng)格選取的一點(diǎn)設(shè)計(jì)思考，期待與大家一起探討交流。

文章來源：優(yōu)設(shè)  作者：騰訊動(dòng)漫TCD

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)