永不熄滅的愛心圖標(biāo)——騰訊公益月捐計劃 “QQ首席圖標(biāo)”誕生記

0 評論 2949 瀏覽 0 收藏 8 分鐘

騰訊“月捐計劃”倡導(dǎo)愛心人士,通過每月小額捐款的形式,長期關(guān)注和支持公益項目。并和億萬愛心網(wǎng)友一起,每人每月1份愛,點滴付出,匯成愛海,形成強(qiáng)大公益合力,隨時幫助需要幫助的人!

“QQ公益圖標(biāo)”正式亮相,讓QQ用戶輕松實現(xiàn)獻(xiàn)愛心的公益愿望。

永不熄滅的愛心圖標(biāo)——騰訊公益月捐計劃 “QQ首席圖標(biāo)”誕生記

“月捐計劃”的icon設(shè)計是一次重大的挑戰(zhàn),因為賦予它的意義非凡,被點亮后,將排列在迷你資料卡上的第一位,是QQ用戶的“公益通行證”,讓愛傳遞的入口。通過它來凝聚9.9億個QQ的愛心力量。

這個16*16的小圖標(biāo),被委托重?fù)?dān),在前期設(shè)計的過程中,嘗試過很多方案,經(jīng)過方方面面的考慮,層層篩選,由pony親自指點,最終敲定這顆充滿愛心意義的跳動的心形icon,:紅色舞動的絲帶沿用了原公益網(wǎng)logo的造型,背景一抹溫暖的黃色,象征著心靈的光明,點亮無數(shù)孩子的生命夢想。

推出后,看到越來越多的用戶對它的熱捧和喜愛,被大家譽(yù)為QQ圖標(biāo)中的“首席圖標(biāo)”,這是對設(shè)計師最大的認(rèn)可和鼓勵,現(xiàn)在來回顧一下“月捐”icon的設(shè)計過程。

前期我們一直構(gòu)想著樹苗(芽、葉)的造型,象征著被關(guān)愛,被呵護(hù),播種希望的種子,讓愛在每一個人心中生根發(fā)芽。
以下是初步嘗試。

永不熄滅的愛心圖標(biāo)——騰訊公益月捐計劃 “QQ首席圖標(biāo)”誕生記

方案提出后,大家感覺造型看不清楚,第一眼難以辨認(rèn)葉子的形狀(上圖1.)

于是重新繪制了樹苗造型,調(diào)整了莖干的顏色,采用像素化邊緣的策略,使葉子跳出背景,突出顯示,易于辨認(rèn)。(上圖2.)

可像素化之后帶來另外一個問題:過于卡通!于是繼續(xù)優(yōu)化,弱化了邊緣,將大小葉子的位置對調(diào),集中重心,突顯右下角的等級數(shù)字,(上圖3.)

至此,在該方案基礎(chǔ)上,能想到的調(diào)整動作都一個像素一個像素嘗試過了,基本沒有可優(yōu)化的空間了,以為大功告成!可突然有人提出icon的配色和我們的QQ音樂icon過于接近,容易產(chǎn)生混淆。大家反復(fù)斟酌,確實對icon識別性上存在干擾。造型雷同,配色雷同,并擺放在同一個工具條上,很難脫穎而出。

OMG~~~~
繼續(xù)奮戰(zhàn)

永不熄滅的愛心圖標(biāo)——騰訊公益月捐計劃 “QQ首席圖標(biāo)”誕生記

保留上一個方案的思路,仍采用葉子的造型,去掉了背景色,和music的icon對比出差異化(上圖1.),可自己琢磨后,感覺此方案造型單薄,含義淺顯了一些,于是繼續(xù)深入,將兩瓣芽組合成心形,延展寓意。(上圖2.)

在確認(rèn)每一個造型方向后,都盡力把能想到優(yōu)化點做到最好。

大家知道16*16的icon表現(xiàn)是有限的,一個四方格子,不能太滿當(dāng),也不能太單薄,在造型和色彩融合上需要一點一點的潤色,故此有一美名,叫繡花功,哎呀,功夫夢能否圓滿?還得看大家點評……
結(jié)果總是令人激動地~~~~,大家一致認(rèn)為造型寓意不豐滿,正趕上QQ農(nóng)場菜園子收菜,放在菜地里正合適~~~~

OMG~~~~
繼續(xù)奮戰(zhàn)

永不熄滅的愛心圖標(biāo)——騰訊公益月捐計劃 “QQ首席圖標(biāo)”誕生記

延展上一個方案的思路,想到了樹的造型,會更飽滿,樹干采用“You”的首字母“Y”的變形,托起一片新生和希望,強(qiáng)調(diào)每一位用戶的參與性,為公益事業(yè)做出點滴貢獻(xiàn)。(上圖)
提案后,大家覺的有距離感,寓意雖然很好,但不夠直觀,色彩親和力不夠,并不能讓用戶從中感受到公益的力量和溫暖。

OMG~~~~
繼續(xù)奮戰(zhàn)

永不熄滅的愛心圖標(biāo)——騰訊公益月捐計劃 “QQ首席圖標(biāo)”誕生記

這次換一種思路,跳出最初構(gòu)想的圈子,苗、芽、葉、樹本身就限制了icon的色彩,搭配工具欄的藍(lán)色背景下,很難突出顯示。何不保持公益的統(tǒng)一性,將現(xiàn)有鏤空的logo造型重新包裝,讓它適合16*16的表現(xiàn)。(上圖)

事實證明,換一個思維,拋開原有定勢,經(jīng)常出去轉(zhuǎn)轉(zhuǎn),總能找到出路的。
大家終于一致認(rèn)可了該方案。

我相信每一次設(shè)計背后都有很多故事,每一個作品都凝聚了所有人的期許,產(chǎn)品,策劃,設(shè)計,總監(jiān),經(jīng)理,甚至到總辦,大家寄望于它,為QQ用戶提供最佳的體驗。
為公益事業(yè)一絲不茍的默默奉獻(xiàn)。

如何點亮愛心圖標(biāo)?

當(dāng)您的愛心積分達(dá)到108積分,公益圖標(biāo)會在您的QQ上自動點亮。有以下三種情況,您的愛心積分會達(dá)到或超過108積分。

1、參加“月捐計劃”(推薦):當(dāng)您參加“月捐計劃”,并成功完成首月捐款10元,公益成長圖標(biāo)在您的QQ上自動點亮。(開通月捐請進(jìn):http://gongyi.qq.com/loveplan)
2、其他成功捐款:當(dāng)您成功累積捐款額大于或等于11元時,公益成長圖標(biāo)將于成功捐款的第2個月在您的QQ上自動點亮。
3、在公益成長體系推出前,累積捐款大于或等于11元(且單筆大于或等于1元)的愛心網(wǎng)友,您的公益成長圖標(biāo)已經(jīng)自動點亮,請登錄查看。

溫馨提示:需QQ2009正式版SP3或以上版本才可以查看到公益成長圖標(biāo),請您和您的好友登錄到:http://im.qq.com下載最新QQ版本使用。

詳情請瀏覽月捐計劃網(wǎng)站:
http://gongyi.qq.com/loveplan/

10元月捐助公益 網(wǎng)友熱捧“QQ首席圖標(biāo)”
http://www.gd.chinanews.com.cn/2009/2009-08-11/2/25392.shtml

  • (本文出自Tencent CDC Blog,轉(zhuǎn)載時請注明出處)
更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!