騰訊實(shí)戰(zhàn)案例!QQ圓夢(mèng)表情設(shè)計(jì)復(fù)盤(pán)
“互聯(lián)網(wǎng)+公益”的深度融合,突破了傳統(tǒng)公益的局限,讓“人人公益、指尖公益”成為潮流,捐愛(ài)心、捐步數(shù)等公益形式日漸多元,參與公益的體驗(yàn)也越來(lái)越好。今年的 99 公益日,QQ 啟動(dòng)了“QQ 圓夢(mèng)表情公益項(xiàng)目”,讓大家通過(guò)下載公益表情包的方式來(lái)助力山區(qū)孩子圓夢(mèng)。我們?cè)诒敬位顒?dòng)中通過(guò)設(shè)計(jì)有趣的體驗(yàn),積極踐行設(shè)計(jì)向善,希望讓更多用戶(hù)積極主動(dòng)地參與到公益中。
QQ 圓夢(mèng)表情助孩子圓夢(mèng)
2018 年騰訊正式啟動(dòng) Tech for Social Good(科技向善)項(xiàng)目,引導(dǎo)技術(shù)和產(chǎn)品放大人性之善,實(shí)現(xiàn)良性發(fā)展,用科技來(lái)緩解數(shù)字化社會(huì)的陣痛。
過(guò)去傳統(tǒng)意義上由公益組織、借助傳統(tǒng)媒體進(jìn)行的公益模式面臨著諸多問(wèn)題,尤其是傳播面窄、參與度低等不足,很大程度阻礙了公益項(xiàng)目的效果。
隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展,公益的傳播速度變快了,受眾的參與方式也變得多種化且低門(mén)檻,運(yùn)動(dòng)捐步、購(gòu)物捐助等充滿創(chuàng)意的間接捐助方式均可以實(shí)現(xiàn)公益行為,多方面的優(yōu)勢(shì)能讓一次公益活動(dòng)的參與者達(dá)到上億人?;ヂ?lián)網(wǎng)公益平臺(tái)的出現(xiàn)極大地提高了用戶(hù)的參與度,擴(kuò)大了公益的效果。
隨著今年“99 公益日”的到來(lái),QQ 積極踐行“科技向善”,用科技和產(chǎn)品幫助解決社會(huì)問(wèn)題。
- “我想成為一個(gè)小畫(huà)家,每次出去玩的時(shí)候能畫(huà)出漂亮的畫(huà)。”
- “我想上好大學(xué)。我希望未來(lái)可以收到清華大學(xué)的錄取通知書(shū)。”
- “我想成為醫(yī)生,把病毒打跑。給病人治完病,我要去看花花草草。”……
QQ 關(guān)注到在寧?kù)o的山區(qū)里生活著一群天真質(zhì)樸的孩子,他們的內(nèi)心憧憬著各種豐富的夢(mèng)想,但由于山區(qū)的教育資源相對(duì)落后,孩子們想要實(shí)現(xiàn)夢(mèng)想就顯得格外困難。
同時(shí) QQ 還關(guān)注到這群孩子不僅富有夢(mèng)想,還喜歡畫(huà)畫(huà),于是便邀請(qǐng)他們將自己的夢(mèng)想畫(huà)了出來(lái),并借助自身獨(dú)特的社交文化屬性從夢(mèng)想畫(huà)作中提煉創(chuàng)造了圓夢(mèng)表情包,最終策劃了今年的“QQ 圓夢(mèng)表情公益活動(dòng)項(xiàng)目”,通過(guò)搭建本次的互聯(lián)網(wǎng)公益平臺(tái),來(lái)助力山區(qū)孩子圓夢(mèng)。
設(shè)計(jì)如何助力公益
初看孩子的夢(mèng)想畫(huà)作能讓人會(huì)心一笑,細(xì)品又會(huì)發(fā)現(xiàn)畫(huà)作中有著普通成年人難以模仿的美感,孩子們很有藝術(shù)家的靈性,能用極少的線條畫(huà)出豐富的生活細(xì)節(jié),并讓人浮想聯(lián)翩。
畫(huà)作“看櫻花”中左側(cè)人物的頭上右方的波浪形粉色長(zhǎng)條,很像是被周?chē)凵珯鸦ㄒr托的馬尾;“國(guó)乒運(yùn)動(dòng)員”中乒乓球從拍出到觸碰桌面、再到對(duì)手接拍、最后到落地彈跳兩次的整個(gè)運(yùn)動(dòng)軌跡,被孩子用簡(jiǎn)單的線條圖形很生動(dòng)的畫(huà)出來(lái)了;畫(huà)作“飛向太空”中小女孩的四肢形態(tài)既像是在太空中失重飄起的狀態(tài),又像是開(kāi)心到蹦起來(lái)的樣子;“我是一等獎(jiǎng)”中的主角周?chē)兄阈堑膸讉€(gè)用簡(jiǎn)單線條繪制的小圖形,既像是表示主角的光芒,又像是前排照相機(jī)照出的閃光……
這些有趣的畫(huà)作讓大家看到了一個(gè)個(gè)有著巨大藝術(shù)創(chuàng)造潛力的孩子,并為之感動(dòng),于是我們嘗試通過(guò)設(shè)計(jì)賦能,在本次活動(dòng) H5 設(shè)計(jì)中從 3 個(gè)點(diǎn)去強(qiáng)化這份感動(dòng):體驗(yàn)場(chǎng)景趣味化、表情趣味化、情感持續(xù)化,從而讓孩子的才藝能在公益 H5 這個(gè)新型的舞臺(tái)上得到盡情綻放。
1. 體驗(yàn)場(chǎng)景趣味化
在公益活動(dòng)的整個(gè)體驗(yàn)場(chǎng)景階段,我們?nèi)グl(fā)掘和設(shè)定了一些設(shè)計(jì)亮點(diǎn),讓用戶(hù)從活動(dòng)中獲得趣味化的感受,從而喚起心中的愛(ài)心與善意,并付諸公益行動(dòng)。
一開(kāi)始的接觸階段,我們?cè)O(shè)計(jì)了動(dòng)態(tài)的 banner、動(dòng)態(tài)的在線狀態(tài)指引、QQ 消息表情彩蛋以及多樣化的海報(bào),以此激發(fā)用戶(hù)的好奇心從而點(diǎn)進(jìn) H5,發(fā)現(xiàn)本次公益活動(dòng)。
用戶(hù)進(jìn)入 H5 后,我們先用趣味化的短視頻展示美好的公益背景:孩子手繪夢(mèng)想畫(huà)作,QQ 以這些畫(huà)作為靈感,結(jié)合自身 IP 小黃臉表情創(chuàng)作了圓夢(mèng)表情包。在短視頻結(jié)束后串聯(lián)展示趣味化設(shè)計(jì)的表情包,讓用戶(hù)充分獲得愉悅的感受并被觸動(dòng),從而點(diǎn)擊頁(yè)面按鈕下載圓夢(mèng)表情包,激活相應(yīng)的公益善款用于山區(qū)校園的建設(shè),幫助山區(qū)孩子圓夢(mèng)。
在用戶(hù)下載表情包的公益行動(dòng)完成后,我們不辜負(fù)用戶(hù)的期待,讓其獲得夢(mèng)想畫(huà)作的額外驚喜,將情感推至高潮,從而促使用戶(hù)做進(jìn)一步的行動(dòng)——分享活動(dòng)鏈接、分享助力海報(bào)、發(fā)送“QQ圓夢(mèng)”表情,向其他人傳播正能量,邀請(qǐng)更多的人參與。
2. 表情趣味化
原味故事的豐富化設(shè)計(jì)
你是否有想過(guò)一個(gè)“開(kāi)心到飛起”的表情來(lái)源于成為宇航員上太空翱翔的夢(mèng)想,一個(gè)“愛(ài)你筆芯”的表情包來(lái)源于想成為畫(huà)家的夢(mèng)想,一個(gè)“沖鴨”的表情來(lái)源于想要考上清華的夢(mèng)想…… 孩子的夢(mèng)想畫(huà)作無(wú)一例外的都表達(dá)了積極開(kāi)心的情緒,但根據(jù)數(shù)據(jù)統(tǒng)計(jì),QQ用戶(hù)實(shí)際最常用的表情所表達(dá)的情緒是豐富多樣的。為了將表情包與畫(huà)作故事巧妙的結(jié)合,既保留畫(huà)作原有的故事性,又能讓表情包更具備社交性和傳播性,我們從心情態(tài)、時(shí)效熱點(diǎn)、網(wǎng)絡(luò)用語(yǔ)三個(gè)方面展開(kāi)設(shè)計(jì)表情包。
在一幅充滿了很多奇思妙想的夢(mèng)想畫(huà)作中,我們基于腦洞大開(kāi)的“蛋糕星球”、“太空學(xué)校”以及黃臉扭動(dòng)的肢體元素,抽離出“開(kāi)心”、“得意”的心情,通過(guò)賦予趣味性將其轉(zhuǎn)化為“美美的”表情包心情,同時(shí)關(guān)聯(lián)“不知道”、“嘻嘻”、“come on”等聯(lián)想詞,強(qiáng)化了表情的社交性。
在一幅希望成為醫(yī)生治療病人的夢(mèng)想畫(huà)作中,結(jié)合疫情的時(shí)效熱點(diǎn),基于大眾對(duì)于疫情消除的期待,我們將設(shè)計(jì)重點(diǎn)放在了畫(huà)作中的病毒上,得到病毒退散的內(nèi)容,關(guān)聯(lián)趣味性后得到一個(gè)正能量滿滿的“走開(kāi)”表情,以此提高表情的傳播性。
在一幅感謝老師并想成為祖國(guó)園丁教書(shū)育人的夢(mèng)想畫(huà)作中,我們稍作修改把黑板上的學(xué)習(xí)內(nèi)容變成了網(wǎng)絡(luò)常用語(yǔ)“重點(diǎn)”,添加敲的動(dòng)作,整體配合得到“敲重點(diǎn)”的表情包,兼?zhèn)淞嗽?huà)作教育性的正向感受與網(wǎng)絡(luò)常用語(yǔ)的趣味。
“手繪感”的設(shè)計(jì)處理
小朋友的畫(huà)作從藝術(shù)表現(xiàn)手法上是真實(shí)且粗糙的,這些沒(méi)有經(jīng)過(guò)系統(tǒng)教育的創(chuàng)作反而蘊(yùn)藏了更多鮮活的亮點(diǎn),這也正是“原生藝術(shù)”獨(dú)具的風(fēng)格。為了保留這份手繪質(zhì)感,同時(shí)讓其被大眾接受,我們?cè)谝曈X(jué)上不斷調(diào)整最終得到滿意的效果。
不規(guī)則的線條
在選定表情包風(fēng)格的過(guò)程中,我們放棄了常見(jiàn)的平面設(shè)計(jì)中兒童風(fēng)格處理,選擇保留了小朋友畫(huà)作中不規(guī)則、不對(duì)稱(chēng)、不順滑、不完整的特點(diǎn),盡可能展現(xiàn)畫(huà)作原本的樣子。在表情包中可以看到大小不一的辮子、長(zhǎng)短不一的腿、錯(cuò)位的眼睛、不圓滑的面部線條、砌墻似的牙齒排列…… 通過(guò)延續(xù)不規(guī)則的圖形線條,讓這些有趣的“稀奇古怪”得以保留。
定格動(dòng)畫(huà)的模擬
表情動(dòng)畫(huà)制作過(guò)程中,我們選用最傳統(tǒng)的逐幀繪畫(huà)的方式,想要以“定格動(dòng)畫(huà)”的卡頓風(fēng)格,一張張手繪疊加還原最原始最質(zhì)樸的質(zhì)感,喚起用戶(hù)心中對(duì)于早期動(dòng)畫(huà)的回憶帶來(lái)的美好。
為了使動(dòng)畫(huà)在視覺(jué)上更合理,我們使用 AE 動(dòng)畫(huà)制作的流暢性作為動(dòng)作參考,然后再逐幀手繪,目的是讓表情以最原生的形象地活起來(lái)。
在經(jīng)過(guò)夢(mèng)想故事關(guān)聯(lián)的推敲,與畫(huà)作手繪感的仔細(xì)處理后,圓夢(mèng)表情包已遠(yuǎn)離現(xiàn)在常見(jiàn)的主流風(fēng)格,其獨(dú)特的趣味性呼之欲出。它從視覺(jué)規(guī)范來(lái)說(shuō)不是完美的,但我們希望以這份看似沒(méi)有經(jīng)過(guò)處理的不完美的真實(shí),喚起用戶(hù)對(duì)于純真的向往。
3. 情感持續(xù)化
世界的改變,不是少數(shù)人做了很多,而是每個(gè)人都做了一點(diǎn)點(diǎn),公益需要長(zhǎng)期持續(xù)的進(jìn)行。
現(xiàn)在很多聊天軟件都提供了各式各樣的表情包,幫助人們省去打字的麻煩,充分的表達(dá)情緒、傳遞豐富的情感,已經(jīng)成為大家日常聊天中不可或缺的一部分。我們將表情包作為本次公益活動(dòng)的核心元素,就是希望在短短的幾天活動(dòng)結(jié)束之后,愛(ài)心行為還在延續(xù),大家依然可以在 QQ 和微信的表情商城中搜到及下載本次公益的“QQ 圓夢(mèng)”表情包,可以通過(guò)向其他用戶(hù)發(fā)送“QQ 圓夢(mèng)”表情,讓更多的人了解表情包背后的公益故事,并感染更多的人走進(jìn)公益,輕輕松松加入公益的隊(duì)列。
公益表情包對(duì)用戶(hù)而言,還是一種紀(jì)念,它能喚醒用戶(hù)關(guān)于此次公益活動(dòng)的行為及情感回憶,能讓用戶(hù)在不斷地向他人發(fā)送過(guò)程中持續(xù)獲得自我價(jià)值的展示及自我情感的滿足。
結(jié)語(yǔ)
現(xiàn)在,越來(lái)越多的人希望把時(shí)間花的更有意義,渴望受到尊重,能有所收獲,把做一個(gè)“特別的我”當(dāng)作人生價(jià)值,而互聯(lián)網(wǎng)公益平臺(tái)為此提供了很好的契機(jī)。
在“公益-平臺(tái)-用戶(hù)”的生態(tài)中,設(shè)計(jì)賦能可以提高用戶(hù)的參與度,助力公益生態(tài)可持續(xù)化、更良性化的發(fā)展。我們將持續(xù)思考如何通過(guò)設(shè)計(jì)為公益賦能,踐行設(shè)計(jì)向善。