騰訊給20年前的QQ經(jīng)典頭像做了一波像素化設(shè)計(jì)，新版太帥了！

復(fù)古是一場(chǎng)與時(shí)空美麗的邂逅，跨越時(shí)間依舊經(jīng)典，用復(fù)古致敬經(jīng)典、在經(jīng)典中綻放新意，與我們一起期待未來(lái) 20 年華麗的變化。

概述-提煉經(jīng)典

QQ 陪伴我們已經(jīng)走過(guò)了 20 年，隨著時(shí)代的變化，有哪些是能令我們至今都記憶深刻的呢？

不同時(shí)間的 QQ 推出不同的頭像給用戶使用。然而這么多年過(guò)去，QQ 最開(kāi)始推出的經(jīng)典系統(tǒng)頭像一直讓大家記憶猶新。伴隨著 QQ 頭像出現(xiàn)的，不僅僅是一個(gè)用戶，更是他帶給用戶的熱烈心情，他印刻了我們初識(shí)互聯(lián)網(wǎng)的心動(dòng)瞬間?！篙p舞飛揚(yáng)」，「緣分天空」，「追風(fēng)少年」，頭像閃動(dòng)輕輕問(wèn)候「在嗎？」瞬間感覺(jué)回到了當(dāng)初的時(shí)光。當(dāng)年這些或許不夠「精致」的 QQ 頭像，以極高的辨識(shí)度，承包了互聯(lián)網(wǎng)人的青春記憶，給我們留下了荷爾蒙氣息。經(jīng)典之所以成為經(jīng)典，是因?yàn)榻?jīng)過(guò)時(shí)間的沉淀，依然能引發(fā)大眾的喜愛(ài)。我們懷念的不只是一個(gè)簡(jiǎn)單的頭像，更是附著其上的自己。

QQ 20 周年之際，我們整合了 105 個(gè)早期經(jīng)典系統(tǒng)頭像，在保持經(jīng)典造型的同時(shí)，進(jìn)行了設(shè)計(jì)上的像素復(fù)古風(fēng)重塑。

風(fēng)格選定-復(fù)古與時(shí)尚的最佳平衡

還原經(jīng)典，不僅是一個(gè)簡(jiǎn)單的復(fù)制，需要在經(jīng)典的基礎(chǔ)上加以提煉，重塑，進(jìn)而產(chǎn)生新的視覺(jué)，將「復(fù)古」賦予新的意義。在復(fù)古和時(shí)尚中做一個(gè)完美的平衡，像素似乎是完美的選擇，但對(duì)于選擇像素風(fēng)格來(lái)重塑 105 個(gè)經(jīng)典頭像，確實(shí)是需要很大的勇氣，除了像素風(fēng)格更耗費(fèi)精力之外，不能像矢量圖形一樣可以隨意擴(kuò)展也是最大的痛處，面對(duì)后續(xù)各個(gè)規(guī)范涉及到的拉伸和縮放，必須要找到一個(gè)完美的解決方案。

1. 像素表情等比縮放的方法

對(duì)于不同尺寸的頭像、主題以及 H5，需要設(shè)定一個(gè)像素點(diǎn)大小的規(guī)范，設(shè)計(jì)嘗試了不同大小的頭像效果，5px 既有細(xì)節(jié)也能保證在移動(dòng)端小屏幕上的像素感。

以下是 8px 和 5px 的嘗試：

5px 在 1080px 的尺寸上呈現(xiàn)出最理想的效果，既保留了像素質(zhì)感的同時(shí)，塑造出光影較為細(xì)致的圖形。

視覺(jué)呈現(xiàn)-優(yōu)化及重塑

史上最全，105 個(gè)官方 QQ 經(jīng)典復(fù)古頭像：

我們?cè)谶M(jìn)行設(shè)計(jì)的前期，找到了「最早期版本」和「復(fù)刻版」的頭像，經(jīng)分析我們決定在二者之間進(jìn)行視覺(jué)平衡，在保持經(jīng)典造型的同時(shí)，進(jìn)行了設(shè)計(jì)上的像素復(fù)古風(fēng)重塑。

在設(shè)計(jì)優(yōu)化細(xì)節(jié)上，我們統(tǒng)一頭像光源，將光源設(shè)置為頂光和左右兩側(cè)光，同時(shí)調(diào)整了光影和色彩明度，使頭像造型視覺(jué)更加飽滿。每一款頭像主色調(diào)控制在同色系的三個(gè)顏色以內(nèi)。統(tǒng)一采用像素描邊，描邊顏色規(guī)定為黑色或同系列色系的深色。同時(shí)根據(jù)頭像性格，給每一款頭像搭配專屬的背景顏色，使其更加獨(dú)特靚麗。

以上的視覺(jué)調(diào)整和大膽的嘗試，結(jié)合「復(fù)古更好玩」的主題，讓頭像全新展現(xiàn)在用戶面前。

是不是覺(jué)得按照 5px 像素結(jié)合兩個(gè)老版本，頭像就可以愉快地點(diǎn)起了？不！光鮮的屏幕前，背后都是血與淚的黑歷史，每個(gè)頭像都經(jīng)歷很多個(gè)版本后才能達(dá)到滿意的效果。

1. 背景色提取和搭配

2. 頭像動(dòng)態(tài)化

只是靜態(tài)的重塑，感覺(jué)還是停留在表面的變化，這次我們希望挖掘每個(gè)頭像背后的故事，揣摩頭像的人設(shè)去設(shè)定對(duì)應(yīng)的動(dòng)態(tài)，相信每一位用戶應(yīng)該都想知道他曾經(jīng)使用過(guò)或一直在用的頭像動(dòng)起來(lái)會(huì)是什么樣。本次頭像復(fù)古重塑，我們讓 105 個(gè)頭像動(dòng)了起來(lái)。

3. 穿越年代經(jīng)典復(fù)古像素主題

將復(fù)古進(jìn)行到底，我們將那曾經(jīng)出現(xiàn)在 1999 年電腦屏幕上的 QQ 第一代版本的界面，搬到現(xiàn)在的手機(jī)當(dāng)中。

通過(guò)提煉色彩，概括圖形界面，加上三只精靈鵝，讓復(fù)古不古板，可愛(ài)又好玩。

△ 喜歡這套主題皮膚的同學(xué)可前往 QQ 個(gè)性裝扮下載哦

深入延展-賦予故事和內(nèi)容

每個(gè)系統(tǒng)頭像都有名字，頭像的后面是一群有著特定性格喜好的人群。不同類型的人喜歡不一樣的頭像，同一個(gè)人在不同階段也會(huì)換不一樣的頭像。據(jù)說(shuō)，喜歡搞怪頭像的人比較開(kāi)朗活潑，天真快樂(lè)；喜歡動(dòng)物頭像的人比較有愛(ài)心，懂得關(guān)心人；喜歡人物頭像的人，自我意識(shí)比較強(qiáng)。頭像某種程度上也是一種對(duì)自我形象的認(rèn)同感。

20 年來(lái) QQ 陪伴大家成長(zhǎng)，那個(gè)當(dāng)年使用 QQ 經(jīng)典頭像的用戶，也經(jīng)歷了人生的酸甜苦辣，在時(shí)光中歷練成長(zhǎng)，其中不乏一些有趣好玩的靈魂，他們或是勇敢，或是善良，或是充滿力量。設(shè)計(jì)師針對(duì)部分的頭像進(jìn)行了頭像的延伸設(shè)計(jì)，并為他們首次把經(jīng)典頭像結(jié)合現(xiàn)代潮流服裝，讓復(fù)古更好玩更潮，WE ALL HAVE UNIQUE SOUL。

QQ 經(jīng)典頭像竟然變身潮人：

人物像素繪制流程一般就四步驟：

• 前期需要根據(jù)各個(gè)不同的頭像進(jìn)行思考與策劃，結(jié)合現(xiàn)代服飾等元素突出人物性格；
• 挑選一張頭像，使用 PS 鉛筆工具（此工具比較接近像素質(zhì)感）根據(jù)頭像繪制全身草圖；
• 根據(jù)草圖開(kāi)始點(diǎn)像素邊；
• 填色塊，加光影，通過(guò)光影處理的不同表現(xiàn)出不同的材質(zhì)。

以下是使用像素做出順滑的弧度的基礎(chǔ)規(guī)律：一般都是像素?cái)?shù)量遞增遞減就能得到很好的處理。

若遇見(jiàn)非典型的弧度曲線，可能以上的處理方式無(wú)法滿足你，你需要試試以下的方式去處理，方法也很簡(jiǎn)單，在遞增遞減的規(guī)律基礎(chǔ)上加多一條公式：221212.....212122，基本上只要按這樣的方式去處理像素曲線，就會(huì)輕松很多。

你們?cè)?jīng)用過(guò)的 QQ 經(jīng)典頭像，竟然動(dòng)起來(lái)了，被戲精附體的經(jīng)典頭像怕是要玩翻宇宙。先來(lái)個(gè)視頻感受一下：

△ 點(diǎn)擊查看視頻

用上這個(gè)寶藏表情包，你就是群聊最A(yù)最潮最能聊的仔，趕緊 get 起來(lái)。

1. 男神（經(jīng)）篇

△ 討厭 - 君子動(dòng)口不動(dòng)手，唾沫星子來(lái)助攻

△?厲害 - 厲害了老鐵，給你雙擊666！

△?嗨起來(lái) - 睡神馬睡，起來(lái)嗨??！

△?哈哈 - 小三毛戴上了墨鏡，就素那么開(kāi)熏

△?安靜 - 請(qǐng)大家安靜一下，我要開(kāi)始耍帥了

2. 真女神篇

△? 嗨 - 嗨，帥哥加個(gè)扣扣嗎？

△?好的 - 完全ok，no趴笨

△?么么噠 - 烈焰紅唇你抵擋得住嗎？

△? 可愛(ài) - 啾咪~你的小可愛(ài)已上線哦

3. 瘋狂動(dòng)物篇

△?調(diào)皮 - 我的熱情就像我噴的火~

△?崩潰 - 鴨的世界，連崩潰都那么……

△?驚呆 - 嚇得我黑眼圈都掉了

△?生氣 - 老虎不發(fā)威別當(dāng)我是病貓

△?無(wú)語(yǔ) - 沒(méi)啥好說(shuō)，一串魚(yú)泡泡送給你

△?開(kāi)心 - 普通的disco兔子普通地?fù)u

△?再見(jiàn) - 今兒就說(shuō)這么多啦，各位再見(jiàn)哦~

結(jié)語(yǔ)-致敬經(jīng)典

復(fù)古是一場(chǎng)與時(shí)空美麗的邂逅，跨越時(shí)間依舊經(jīng)典，用復(fù)古致敬經(jīng)典、在經(jīng)典中綻放新意，與我們一起期待未來(lái) 20 年華麗的變化。

1. 如何下載這套表情

2. 如何獲取高清頭像

公眾號(hào)后臺(tái)回復(fù)下方頭像對(duì)應(yīng)序號(hào)，如「001」即可獲取。

3. QQ經(jīng)典頭像小程序

此外，QQ 經(jīng)典頭像小程序也于近日上線，匯集復(fù)古頭像變臉，復(fù)古頭像連連看等好玩小游戲，歡迎大家掃碼體驗(yàn)。

歡迎關(guān)注「騰訊ISUX」的公眾號(hào)：