騰訊設(shè)計(jì)了一朵小紅花,也太好看了吧!

2021-10-12    seo達(dá)人


在騰訊公司濱海總部的公益文創(chuàng)市集上,看到一組設(shè)計(jì),這些都是來自騰訊的設(shè)計(jì)師與WABC無障礙藝途的“小朋友”們一起創(chuàng)作的小紅花。這些對小紅花豐富的場景想象里,充滿了愛,充滿了溫度。提到設(shè)計(jì),大家這幾年聊的比較多的UX設(shè)計(jì)、UI設(shè)計(jì),但是對于公益設(shè)計(jì)卻關(guān)注不多,公益設(shè)計(jì)相對于產(chǎn)品設(shè)計(jì)不同,它的每個設(shè)計(jì)背后都有一個動人的故事,今天我們一起來聊一聊公益設(shè)計(jì)??纯从心男┎灰粯拥牡胤剑拷裉煳夷脴I(yè)內(nèi)做的比較好的,騰訊公益的99公益日為案例,和大家聊聊公益設(shè)計(jì)如何去做?
圖片

 

01.  通過跨團(tuán)隊(duì)合作保證一致性 

圖片

 圖片來源:騰訊CDC公眾號

d

公益設(shè)計(jì)是一個大的系統(tǒng)設(shè)計(jì),和做產(chǎn)品不一樣,產(chǎn)品流程大家都知道,產(chǎn)品立項(xiàng)、交互設(shè)計(jì)、視覺設(shè)計(jì)、前端走查等等環(huán)節(jié),但是公益設(shè)計(jì),需要很多團(tuán)隊(duì)一起去推動,除了產(chǎn)品設(shè)計(jì),還需要有市場團(tuán)隊(duì)、公關(guān)團(tuán)隊(duì),包括整個的設(shè)計(jì)策略都有不同,相對于產(chǎn)品設(shè)計(jì)只需要和開發(fā)、產(chǎn)品、運(yùn)營對接不同,公益設(shè)計(jì)需要對接的角色非常多,需要設(shè)計(jì)師有非常強(qiáng)的項(xiàng)目把控能力,以及對于項(xiàng)目落地后結(jié)果的把控能力。所以設(shè)計(jì)師在做公益這樣的項(xiàng)目的時候,一定要做好項(xiàng)目管理,包括各個對接方時間排期規(guī)劃等等,都要求較高。

·

02.  通過全局聯(lián)動形成品牌感 

圖片

除了對接人多以外,在設(shè)計(jì)落地上,產(chǎn)品設(shè)計(jì)更多在線上移動端或者H5,但是公益設(shè)計(jì)的落地場景卻很廣,包括電梯廣告、地標(biāo)廣告、直播物料等等。

整體的設(shè)計(jì)鏈路線上到線下更為立體,所以在做公益設(shè)計(jì)的時候,需要考慮更多的一致性,如何讓設(shè)計(jì)聯(lián)動起來,如何讓用戶更有體感是非常重要的。

圖片

圖片

圖片

圖片

 圖片來源:騰訊公益

a

公益設(shè)計(jì)的聯(lián)動一定是多維度的,得讓用戶充分的感知,因此除線上直播、H5以外在用戶能觸達(dá)的各個場景都要覆蓋到,比如機(jī)場、地鐵等等。

在做線下推廣時,每一張海報(bào)、每一次傳播都有它的設(shè)計(jì)規(guī)范,騰訊也公開了這些設(shè)計(jì)規(guī)范,可以用來參考和學(xué)習(xí).

圖片

圖片

圖片

 小紅花聯(lián)動

e

除了線下運(yùn)用,線上也需要聯(lián)動,公益設(shè)計(jì)需要線上線下一起發(fā)力,如何讓線上設(shè)計(jì)做的有趣好玩,讓用戶用參與感,是設(shè)計(jì)師需要思考的。如上圖的H5場景,通過趣味化設(shè)計(jì),答題得小紅花場景,讓用戶參與進(jìn)去,體現(xiàn)出更多的溫暖和溫度。

于一個產(chǎn)品,其實(shí)最難的是,這個產(chǎn)品如何和其它產(chǎn)品進(jìn)行聯(lián)動,同時也不違和,非??简?yàn)設(shè)計(jì)師的整體把控性。比如最近比較流行跨界玩法,很多品牌都會和一些時尚品牌進(jìn)行合作,讓產(chǎn)品有更多和年輕人交流的機(jī)會,讓年輕人感覺到公益的魅力。

 圖片來源:騰訊CDC公眾號

a

騰訊公益這塊是做的比較不錯的,我仔細(xì)看了看2020年與2021年的IP連萌行動的一些IP形象,可以看到不論是騰訊的QQ企鵝、微信汽泡狗,還是騰訊動漫的狐妖小紅娘、海爾兄弟、敦煌神鹿等,盡管畫風(fēng)差別不少,但小紅花人與他們的聯(lián)合卻一點(diǎn)也不違和。

圖片

 圖片來源:騰訊公益

k

另外,小紅花人的出現(xiàn)某種程度上還代表了騰訊公益俘獲年輕群體的訴求。公益對于年輕群體關(guān)注度雖高,但參與度低,騰訊公益也一直在尋求解決的辦法。而小紅花人走到B站,去到了奈雪、喜茶的店里,與更多的年輕人溝通交流,正是把他們帶回騰訊公益的平臺上。 

圖片

我當(dāng)時看見這個廣告的時候就深深被吸引,一起做好事這個主題也很輕松,在我喝一杯奶茶時候,還可以做一件公益好事,讓我覺得這個設(shè)計(jì)非常有溫度,公益設(shè)計(jì)一定要結(jié)合場景,讓用戶舒服的同時,品牌的溫度和鮮活的形象也會更深刻。 

a

03.  通過IP符號打造形成記憶點(diǎn) 

圖片

 圖片來源:騰訊公益

d

在推出小紅花IP后,怎么保證這些設(shè)計(jì)的一致性,打造出高度一致性的傳播矩陣。別看這張海報(bào)看著很簡單,其實(shí)一點(diǎn)不簡單,首選圖形上,大家第一眼記住的是什么?是不是和我一樣,一朵小紅花。的確如此,用戶能記住的除了畫面,就是符號。

圖片

 圖片來源:騰訊CDC公眾號

a

就比如今天我們提到蘋果你能想到什么?是不是蘋果的LOGO,提到NIKE你會想到什么,是不是那個對勾,能看得出騰訊設(shè)計(jì)團(tuán)隊(duì),也是想把品牌打造成符號,上圖是他們的標(biāo)志每年變化過程,我們能看見字體的變化、構(gòu)圖變化,但是唯一不變的就是這朵小紅花。 

圖片

圖片

圖片

 2019-2021年99公益日主視覺

w

這么多年的設(shè)計(jì),品牌的延續(xù)感非常的強(qiáng),始終圍繞著這個小紅花的超級符號打造整體風(fēng)格,讓我想起了以前上學(xué)時候,表現(xiàn)好,老師會給我們發(fā)一朵小紅花的場景。雖然每年小紅花有一些變化,但是對于溫暖情感的傳遞,都沒有變。比如18年主視覺,圍繞匯聚概念做整個設(shè)計(jì),很多愛心小花凝聚在一起,小的愛心變成大愛,和主題非常貼切。 

d

04.  賦予品牌溫度和情感 

圖片

圖片

 圖片來源:designforgood.qq.com

w

騰訊的設(shè)計(jì)團(tuán)隊(duì)不僅針對小紅花設(shè)計(jì)了表情包,同時還在很多地方,立體地打造了小紅花的形象。而這些小紅花,就是用戶參與到互聯(lián)網(wǎng)公益最大的理由,在告訴用戶“做好事得小紅花”的同時,用戶累計(jì)的小紅花又給予產(chǎn)品體驗(yàn)的有效反饋,用戶參與互聯(lián)網(wǎng)公益的動機(jī)和動力得以確定。這一朵小紅花,串聯(lián)起了用戶從感知、到行動、到反饋的全流程。  

圖片

小紅花通過這些年的打造,主視覺將手繪的花作為重點(diǎn)元素,根據(jù)不同公益活動類型去設(shè)計(jì)不同的KV,搭配一些手寫的字體,讓用戶第一感受就是溫暖,通過我們的公益行動繪制出一朵朵有愛的小紅花,這些小紅花背后都是一個個暖心故事。好的品牌一定是要不斷曝光,才能在用戶心中形成心智,那些偉大的品牌都是如此。 

圖片

在2018年99公益日的主視覺上,可以看到無數(shù)愛心化為花瓣,匯聚成一朵小紅花。這是小紅花形象第一次登上騰訊公益的平臺。

圖片

歡迎圍觀小紅花的首支散裝舞蹈。#99公益日 熱情似火,遇到我就別錯過我!攢小紅花能贏更多配捐,還可以兌換福利喲!

2019年的99公益日,不僅小紅花之歌出現(xiàn)了,節(jié)日期間用戶向好友發(fā)起集小紅花的自發(fā)傳播,從而為自己的捐贈爭取更大配捐額,形成騰訊公益全新的社交玩法。

圖片

圖片

2021年,隨著99公益日擴(kuò)展為10天,配捐額也隨之放大,用戶可以每天到騰訊公益平臺做好事打卡。同時,小紅花“積分”也可以兌換公益農(nóng)產(chǎn)品和小紅花相關(guān)紀(jì)念品…… 

圖片

小紅花表面上的成長背后,離不開產(chǎn)品策略與設(shè)計(jì)的支撐。更輕量與豐富的“玩法”注入,如捐贈會議時間,捐贈騰訊視頻積分等,拓寬了用戶獲取小紅花的方式;而公益節(jié)日的時間點(diǎn)也同步延伸至每年的春節(jié)、“520”等時間段,拓寬了用戶“一塊”做好事的活躍次數(shù)。

在用戶體驗(yàn)與設(shè)計(jì)的推動下,騰訊公益用了4年時間,種出一朵朵開滿地球的小紅花。現(xiàn)在,小紅花不僅是騰訊公益的品牌符號,也是用戶每一次公益行為的印記,還是用戶獲取反饋的“積分”,它甚至成為用戶新的“社交貨幣”——沒有小紅花不足以談愛心。

d

05.  最后 

圖片

隨著社會的發(fā)展,人們對于公益的關(guān)注也越來越多,那么作為設(shè)計(jì)師如何通過我們的設(shè)計(jì)力量,將我們平時的創(chuàng)意和有溫度的設(shè)計(jì)結(jié)合起來,是我們每個設(shè)計(jì)師要思考的。希望今天這篇文章對大家有所幫助。 


圖片


g

原文地址:我們的設(shè)計(jì)日記(公眾號)

作者:sky

轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》騰訊設(shè)計(jì)了一朵小紅花,也太好看了吧!

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)www.bouu.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ù)



分享本文至:

日歷

鏈接

個人資料

存檔