2021-2-20 資深UI設(shè)計者
在日常產(chǎn)品運營活動中，用戶運營設(shè)計是不可或缺的一部分，其展示的內(nèi)容也是各式各樣。本文結(jié)合騰訊動漫日常的運營活動設(shè)計，淺談一下在遇到需求時，如何根據(jù)不同的活動類型快速定位適合的風(fēng)格，提高運營活動質(zhì)量，促進用戶轉(zhuǎn)化。
1. 用戶運營
從定義來看，即以用戶為中心，根據(jù)用戶特性和運營核心目標，制定相應(yīng)的運營策略，對策略效果進行收集和驗證，以達到運營的核心目標。所以用戶運營主要圍繞用戶、活動、目標來展開，借用增長里的 AAARR 概念來說用戶運營的目標：
作為用戶運營設(shè)計師，我們應(yīng)對用戶生命周期 AAARR 模型有一些深刻的理解，以最低的設(shè)計成本來獲得最大的運營收益。
2. 運營設(shè)計團隊在做什么
目前我們用戶運營設(shè)計團隊主要負責(zé)的項目是：騰訊動漫會員和平臺類活動設(shè)計、運營推廣、增長服務(wù)等相關(guān)業(yè)務(wù)?；谟脩舸倩詈蜖I收核心目的延展長線運營、用戶增長、會員服務(wù)、大型促銷等工作內(nèi)容。
1. Q 版漫畫風(fēng)格
Q 版在動漫設(shè)計中比較常見，風(fēng)格一般會比較可愛、幽默、搞怪···而且有很強的線條表現(xiàn)力，能有效吸引用戶注意力，提升頁面的趣味性、友好度和品牌感。
2. 涂鴉插畫
涂鴉風(fēng)格是一種有趣且極具創(chuàng)意的風(fēng)格，在頁面中使用涂鴉設(shè)計，充滿自由和力量感，能夠打破扁平化的運營視覺，強化故事感和情感性。
3. 肌理插畫
肌理插畫的色彩明快，畫面簡潔，這種風(fēng)格通常會加入雜色，增加顆粒感、質(zhì)感，也會通過明暗色塊增加立體感，適合快速迭代的活動需求。
4. 孟菲斯插畫
使用高純度、對比強烈的配色，和無規(guī)律可循的排版吸引人的眼球，該風(fēng)格大膽、活潑且富有表現(xiàn)力，通常會運用描邊協(xié)調(diào)畫面并突出重點，給人良好的視覺舒適感。
5. 漸變插畫
漸變插畫運用大量低飽和度的漸變，營造出色彩鮮明、對比強烈的光感，漸變插畫細節(jié)豐富，時尚、前衛(wèi)的視覺沖擊力，在一定程度上也能夠促進用戶的興趣點。
6. 劃重點
插畫在動漫平臺用戶運營活動中是主要視覺觸發(fā)器，能瞬間傳達大量信息。在日?；顒又行杞Y(jié)合運營主題和用戶的需求，合理選擇相應(yīng)的風(fēng)格進行設(shè)計，強化頁面的吸引力。同時也應(yīng)做好運營插畫設(shè)計的構(gòu)圖、元素、配色等，注重頁面細節(jié)，強化活動交互，讓用戶可以更快理解和操作。
這里用騰訊動漫開直播系列宣傳活動為切入點，進行案例分享。
騰訊動漫上線全新的系列直播活動，覆蓋唱歌、聊天、手工、繪畫等多種泛次元內(nèi)容，需要設(shè)計預(yù)熱期和正式期的頁面，宣傳本次直播活動同時，為騰訊動漫上線直播產(chǎn)品功能打好基礎(chǔ)。
在設(shè)計過程中，要結(jié)合實際運營需求，充分發(fā)揮專業(yè)能力，產(chǎn)出匹配的設(shè)計思路。當(dāng)需求方在視覺要求上無法輸出明確風(fēng)格偏好時，可利用活動主題挖掘用戶核心需求并形成有效反饋，從而找到適合的設(shè)計風(fēng)格。
分析&溝通需求
騰訊動漫將借助此次活動，將平臺的直播內(nèi)容和品牌印象最大限度觸及給用戶。
為此我們確立了本次活動在需求上的目標
用戶定位
直播運營活動離不開主播和用戶的參與
可以看到直播為觀眾提供更多與喜愛的畫手和偶像互動的機會，同時也為主播作者打開了更快速直接的傳播渠道。
交互梳理
1.預(yù)熱頁面
核心：打造用戶認知，對直播活動內(nèi)容的理解，流量分發(fā)，促使用戶關(guān)注接下來的直播活動，以及訂閱個人喜歡的主播
頁面的首屏頭部區(qū)域是利益點區(qū)域和活動氛圍搭建。中部是強心智內(nèi)容，也就是純運營強控制和活動推薦的內(nèi)容。最后部分是弱心智內(nèi)容，主要用于活動流量承接的主播內(nèi)容推薦。
2.正式活動頁面
場景化氛圍搭建，內(nèi)容與形式勾起用戶點擊欲望。
頁面頭部用主題文案和視覺元素，在首屏加入當(dāng)前直播視頻窗口，讓用戶快速沉浸于直播場景中。在直播的表現(xiàn)上，堅持視頻排版為主，融合直播屬性，吸引用戶關(guān)注。
關(guān)鍵詞提煉
通過對活動定位和用戶進行設(shè)計分析，我們把對“騰訊動漫開直播”傳遞的感覺轉(zhuǎn)化為系列可表達的文字，并提取活動關(guān)鍵詞“直播、 互動、彈幕文化、潮流、動漫符號、二次元、沉浸感”進行思維發(fā)散。
視覺化表達
基于這些關(guān)鍵詞的概念方向及騰訊動漫直播場景內(nèi)容，對比目前市面上部分直播類設(shè)計風(fēng)格發(fā)現(xiàn)更多關(guān)注的是直播氛圍營造。因此我們在場景化設(shè)計時需將輕質(zhì)感的二次元化視覺元素融入到畫面中，結(jié)合常用的插畫設(shè)計類型，我們選取漸變的插畫風(fēng)格更符合直播沉浸感的主題。
主色調(diào)使用炫目的紅黃品牌色漸變設(shè)計，應(yīng)用冷暖對比增加直播場景氛圍，優(yōu)化增加熒光質(zhì)感與光影，使用藍紫顏色點綴增加視覺豐富度，凸顯細節(jié)，并有效劃分視覺區(qū)域，用色彩使設(shè)計整體和諧統(tǒng)一，突出活動主題，與體驗者達成情感共鳴。
4.設(shè)計發(fā)力
直播視覺調(diào)性營造
我們立足平臺品牌屬性，從形、品、質(zhì)三大緯度提煉視覺因子。
二次元平臺屬性融入
針對動漫平臺的直播場景，探索出符合他們審美的視覺風(fēng)格，需將二次元的要素融入，包括形態(tài)（物體符號擬人化），比如在唱見 icon 上將話筒加入眼睛；樣式（元素 Q 版化），比如開播提醒 icon 加上一只軟糯的黑子等
插畫風(fēng)格鎖定
預(yù)熱期在風(fēng)格上選擇了以企鵝娘為主體，手機外框作為基本型去組合頭圖，熒光黑子和視頻黑子左右打造直播氛圍，同時在畫面上迸發(fā)出彈幕和擬人小元素，形成強有力的沉浸感。
正式期在風(fēng)格延續(xù)預(yù)熱頁面的組成元素，將主題文字作為頭圖重點，營造與直播相關(guān)的場景，使用手機框型作為整體概念圖形，來表現(xiàn)屏幕互動，寓意主播與觀眾的鏈接。采取弧形切割頭圖與頁面，將用戶的視覺聚焦到直播中模塊，突出活動的主題。
用戶運營活動不是做完頁面的視覺工作就結(jié)束了，在上線之前，我們還需要延展一系列的物料設(shè)計，如：app 首屏 banner、小紙條、通欄、福利頻道等，每種素材的規(guī)格不同，要求也不同
面對種類繁多的運營需求，我們可能無法迅速感知哪種風(fēng)格會比較貼合活動調(diào)性，但通過活動定位和用戶需求的分析，可以幫助我們找到視覺方向，然后結(jié)合自身的設(shè)計方法和技巧，靈活應(yīng)用到工作項目中。這里要求我們掌握更多領(lǐng)域的能力，發(fā)揮出更多不同的表現(xiàn)風(fēng)格。
在有限的時間和資源下，跨團隊的高效溝通能夠有效的提升效率，針對運營需求風(fēng)格偏好，快速定位到相應(yīng)的設(shè)計感覺。
不要盲目參考競品的風(fēng)格，首先要考慮自身的品牌調(diào)性，根據(jù)品牌特色和用戶特點來確定風(fēng)格。項目案例中的設(shè)計起初就出現(xiàn)了這樣的問題，最后融入了品牌的顏色和二次元屬性，才讓設(shè)計變得合理。
針對多時期業(yè)務(wù)線下的場景搭建，視覺規(guī)范化顯得尤為重要，在案例中，預(yù)熱期和直播期元素互通，視覺風(fēng)格統(tǒng)一，提升活動的品牌感知，降本增效，提升設(shè)計效率，確保宣傳資源的一致性。
以上是我對運營設(shè)計風(fēng)格選取的一點設(shè)計思考，期待與大家一起探討交流。
文章來源：優(yōu)設(shè) 作者：騰訊動漫TCD
藍藍設(shè)計( m.sillybuy.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
藍藍設(shè)計的小編 http://m.sillybuy.com