“互聯網+公益”的深度融合,突破了傳統公益的局限,讓“人人公益、指尖公益”成為潮流,捐愛心、捐步數等公益形式日漸多元,參與公益的體驗也越來越好。今年的 99 公益日,QQ 啟動了“QQ 圓夢表情公益項目”,讓大家通過下載公益表情包的方式來助力山區孩子圓夢。我們在本次活動中通過設計有趣的體驗,積極踐行設計向善,希望讓更多用戶積極主動地參與到公益中。

騰訊實戰案例!QQ圓夢表情設計復盤

QQ 圓夢表情助孩子圓夢

2018 年騰訊正式啟動 Tech for Social Good(科技向善)項目,引導技術和產品放大人性之善,實現良性發展,用科技來緩解數字化社會的陣痛。

過去傳統意義上由公益組織、借助傳統媒體進行的公益模式面臨著諸多問題,尤其是傳播面窄、參與度低等不足,很大程度阻礙了公益項目的效果。

隨著互聯網技術的發展,公益的傳播速度變快了,受眾的參與方式也變得多種化且低門檻,運動捐步、購物捐助等充滿創意的間接捐助方式均可以實現公益行為,多方面的優勢能讓一次公益活動的參與者達到上億人?;ヂ摼W公益平臺的出現極大地提高了用戶的參與度,擴大了公益的效果。

騰訊實戰案例!QQ圓夢表情設計復盤

隨著今年“99 公益日”的到來,QQ 積極踐行“科技向善”,用科技和產品幫助解決社會問題。

“我想成為一個小畫家,每次出去玩的時候能畫出漂亮的畫?!?/p>

“我想上好大學。我希望未來可以收到清華大學的錄取通知書?!?/p>

“我想成為醫生,把病毒打跑。給病人治完病,我要去看花花草草?!?.....

QQ 關注到在寧靜的山區里生活著一群天真質樸的孩子,他們的內心憧憬著各種豐富的夢想,但由于山區的教育資源相對落后,孩子們想要實現夢想就顯得格外困難。

同時 QQ 還關注到這群孩子不僅富有夢想,還喜歡畫畫,于是便邀請他們將自己的夢想畫了出來,并借助自身獨特的社交文化屬性從夢想畫作中提煉創造了圓夢表情包,最終策劃了今年的“QQ 圓夢表情公益活動項目”,通過搭建本次的互聯網公益平臺,來助力山區孩子圓夢。

設計如何助力公益

初看孩子的夢想畫作能讓人會心一笑,細品又會發現畫作中有著普通成年人難以模仿的美感,孩子們很有藝術家的靈性,能用極少的線條畫出豐富的生活細節,并讓人浮想聯翩。

畫作“看櫻花”中左側人物的頭上右方的波浪形粉色長條,很像是被周圍粉色櫻花襯托的馬尾;“國乒運動員”中乒乓球從拍出到觸碰桌面、再到對手接拍、最后到落地彈跳兩次的整個運動軌跡,被孩子用簡單的線條圖形很生動的畫出來了;畫作“飛向太空”中小女孩的四肢形態既像是在太空中失重飄起的狀態,又像是開心到蹦起來的樣子;“我是一等獎”中的主角周圍有著零星的幾個用簡單線條繪制的小圖形,既像是表示主角的光芒,又像是前排照相機照出的閃光......

騰訊實戰案例!QQ圓夢表情設計復盤

這些有趣的畫作讓大家看到了一個個有著巨大藝術創造潛力的孩子,并為之感動,于是我們嘗試通過設計賦能,在本次活動 H5 設計中從 3 個點去強化這份感動:體驗場景趣味化、表情趣味化、情感持續化,從而讓孩子的才藝能在公益 H5 這個新型的舞臺上得到盡情綻放。

1. 體驗場景趣味化

在公益活動的整個體驗場景階段,我們去發掘和設定了一些設計亮點,讓用戶從活動中獲得趣味化的感受,從而喚起心中的愛心與善意,并付諸公益行動。

騰訊實戰案例!QQ圓夢表情設計復盤

一開始的接觸階段,我們設計了動態的 banner、動態的在線狀態指引、QQ 消息表情彩蛋以及多樣化的海報,以此激發用戶的好奇心從而點進 H5,發現本次公益活動。

騰訊實戰案例!QQ圓夢表情設計復盤

用戶進入 H5 后,我們先用趣味化的短視頻展示美好的公益背景:孩子手繪夢想畫作,QQ 以這些畫作為靈感,結合自身 IP 小黃臉表情創作了圓夢表情包。在短視頻結束后串聯展示趣味化設計的表情包,讓用戶充分獲得愉悅的感受并被觸動,從而點擊頁面按鈕下載圓夢表情包,激活相應的公益善款用于山區校園的建設,幫助山區孩子圓夢。

騰訊實戰案例!QQ圓夢表情設計復盤

在用戶下載表情包的公益行動完成后,我們不辜負用戶的期待,讓其獲得夢想畫作的額外驚喜,將情感推至高潮,從而促使用戶做進一步的行動——分享活動鏈接、分享助力海報、發送“QQ圓夢”表情,向其他人傳播正能量,邀請更多的人參與。

騰訊實戰案例!QQ圓夢表情設計復盤

2. 表情趣味化

原味故事的豐富化設計

你是否有想過一個“開心到飛起”的表情來源于成為宇航員上太空翱翔的夢想,一個“愛你筆芯”的表情包來源于想成為畫家的夢想,一個“沖鴨”的表情來源于想要考上清華的夢想…… 孩子的夢想畫作無一例外的都表達了積極開心的情緒,但根據數據統計,QQ用戶實際最常用的表情所表達的情緒是豐富多樣的。為了將表情包與畫作故事巧妙的結合,既保留畫作原有的故事性,又能讓表情包更具備社交性和傳播性,我們從心情態、時效熱點、網絡用語三個方面展開設計表情包。

騰訊實戰案例!QQ圓夢表情設計復盤

在一幅充滿了很多奇思妙想的夢想畫作中,我們基于腦洞大開的“蛋糕星球”、“太空學校”以及黃臉扭動的肢體元素,抽離出“開心”、“得意”的心情,通過賦予趣味性將其轉化為“美美的”表情包心情,同時關聯“不知道”、“嘻嘻”、“come on”等聯想詞,強化了表情的社交性。

騰訊實戰案例!QQ圓夢表情設計復盤

在一幅希望成為醫生治療病人的夢想畫作中,結合疫情的時效熱點,基于大眾對于疫情消除的期待,我們將設計重點放在了畫作中的病毒上,得到病毒退散的內容,關聯趣味性后得到一個正能量滿滿的“走開”表情,以此提高表情的傳播性。

騰訊實戰案例!QQ圓夢表情設計復盤

在一幅感謝老師并想成為祖國園丁教書育人的夢想畫作中,我們稍作修改把黑板上的學習內容變成了網絡常用語“重點”,添加敲的動作,整體配合得到“敲重點”的表情包,兼備了原畫作教育性的正向感受與網絡常用語的趣味。

騰訊實戰案例!QQ圓夢表情設計復盤

“手繪感”的設計處理

小朋友的畫作從藝術表現手法上是真實且粗糙的,這些沒有經過系統教育的創作反而蘊藏了更多鮮活的亮點,這也正是“原生藝術”獨具的風格。為了保留這份手繪質感,同時讓其被大眾接受,我們在視覺上不斷調整最終得到滿意的效果。

  • 不規則的線條

在選定表情包風格的過程中,我們放棄了常見的平面設計中兒童風格處理,選擇保留了小朋友畫作中不規則、不對稱、不順滑、不完整的特點,盡可能展現畫作原本的樣子。在表情包中可以看到大小不一的辮子、長短不一的腿、錯位的眼睛、不圓滑的面部線條、砌墻似的牙齒排列…… 通過延續不規則的圖形線條,讓這些有趣的“稀奇古怪”得以保留。

騰訊實戰案例!QQ圓夢表情設計復盤

  • 定格動畫的模擬

表情動畫制作過程中,我們選用最傳統的逐幀繪畫的方式,想要以“定格動畫”的卡頓風格,一張張手繪疊加還原最原始最質樸的質感,喚起用戶心中對于早期動畫的回憶帶來的美好。

為了使動畫在視覺上更合理,我們使用 AE 動畫制作的流暢性作為動作參考,然后再逐幀手繪,目的是讓表情以最原生的形象地活起來。

騰訊實戰案例!QQ圓夢表情設計復盤

在經過夢想故事關聯的推敲,與畫作手繪感的仔細處理后,圓夢表情包已遠離現在常見的主流風格,其獨特的趣味性呼之欲出。它從視覺規范來說不是完美的,但我們希望以這份看似沒有經過處理的不完美的真實,喚起用戶對于純真的向往。

騰訊實戰案例!QQ圓夢表情設計復盤

3. 情感持續化

世界的改變,不是少數人做了很多,而是每個人都做了一點點,公益需要長期持續的進行。

騰訊實戰案例!QQ圓夢表情設計復盤

現在很多聊天軟件都提供了各式各樣的表情包,幫助人們省去打字的麻煩,充分的表達情緒、傳遞豐富的情感,已經成為大家日常聊天中不可或缺的一部分。我們將表情包作為本次公益活動的核心元素,就是希望在短短的幾天活動結束之后,愛心行為還在延續,大家依然可以在 QQ 和微信的表情商城中搜到及下載本次公益的“QQ 圓夢”表情包,可以通過向其他用戶發送“QQ 圓夢”表情,讓更多的人了解表情包背后的公益故事,并感染更多的人走進公益,輕輕松松加入公益的隊列。

公益表情包對用戶而言,還是一種紀念,它能喚醒用戶關于此次公益活動的行為及情感回憶,能讓用戶在不斷地向他人發送過程中持續獲得自我價值的展示及自我情感的滿足。

結語

現在,越來越多的人希望把時間花的更有意義,渴望受到尊重,能有所收獲,把做一個“特別的我”當作人生價值,而互聯網公益平臺為此提供了很好的契機。

騰訊實戰案例!QQ圓夢表情設計復盤

在“公益-平臺-用戶”的生態中,設計賦能可以提高用戶的參與度,助力公益生態可持續化、更良性化的發展。我們將持續思考如何通過設計為公益賦能,踐行設計向善。

歡迎關注作者微信公眾號:「騰訊ISUX」

騰訊實戰案例!QQ圓夢表情設計復盤

收藏 11
點贊 28

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。