“互聯(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ì)向善。