騰訊給20年前的QQ經典頭像做了一波像素化設計,新版太帥了! - 特级毛片www,色综合天天综合网,国产成人综合亚洲 - UISDC

騰訊給20年前的QQ經典頭像做了一波像素化設計,新版太帥了!

2019/08/04 9268評論 5

復古是一場與時空美麗的邂逅,跨越時間依舊經典,用復古致敬經典、在經典中綻放新意,與我們一起期待未來 20 年華麗的變化。

概述-提煉經典

QQ 陪伴我們已經走過了 20 年,隨著時代的變化,有哪些是能令我們至今都記憶深刻的呢?

不同時間的 QQ 推出不同的頭像給用戶使用。然而這麼多年過去,QQ 最開始推出的經典系統頭像一直讓大家記憶猶新。伴隨著 QQ 頭像出現的,不僅僅是一個用戶,更是他帶給用戶的熱烈心情,他印刻了我們初識互聯網的心動瞬間。「輕舞飛揚」,「緣分天空」,「追風少年」,頭像閃動輕輕問候「在嗎?」瞬間感覺回到了當初的時光。當年這些或許不夠「精致」的 QQ 頭像,以極高的辨識度,承包了互聯網人的青春記憶,給我們留下了荷爾蒙氣息。經典之所以成為經典,是因為經過時間的沉澱,依然能引發大眾的喜愛。我們懷念的不只是一個簡單的頭像,更是附著其上的自己。

QQ 20 周年之際,我們整合了 105 個早期經典系統頭像,在保持經典造型的同時,進行了設計上的像素復古風重塑。

風格選定-復古與時尚的最佳平衡

還原經典,不僅是一個簡單的復制,需要在經典的基礎上加以提煉,重塑,進而產生新的視覺,將「復古」賦予新的意義。在復古和時尚中做一個完美的平衡,像素似乎是完美的選擇,但對于選擇像素風格來重塑 105 個經典頭像,確實是需要很大的勇氣,除了像素風格更耗費精力之外,不能像矢量圖形一樣可以隨意擴展也是最大的痛處,面對後續各個規範涉及到的拉伸和縮放,必須要找到一個完美的解決方案。

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

對于不同尺寸的頭像、主題以及 H5,需要設定一個像素點大小的規範,設計嘗試了不同大小的頭像效果,5px 既有細節也能保證在移動端小屏幕上的像素感。

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

5px 在 1080px 的尺寸上呈現出最理想的效果,既保留了像素質感的同時,塑造出光影較為細致的圖形。

視覺呈現-優化及重塑

史上最全,105 個官方 QQ 經典復古頭像︰

我們在進行設計的前期,找到了「最早期版本」和「復刻版」的頭像,經分析我們決定在二者之間進行視覺平衡,在保持經典造型的同時,進行了設計上的像素復古風重塑。

在設計優化細節上,我們統一頭像光源,將光源設置為頂光和左右兩側光,同時調整了光影和色彩明度,使頭像造型視覺更加飽滿。每一款頭像主色調控制在同色系的三個顏色以內。統一采用像素描邊,描邊顏色規定為黑色或同系列色系的深色。同時根據頭像性格,給每一款頭像搭配專屬的背景顏色,使其更加獨特靚麗。

以上的視覺調整和大膽的嘗試,結合「復古更好玩」的主題,讓頭像全新展現在用戶面前。

是不是覺得按照 5px 像素結合兩個老版本,頭像就可以愉快地點起了?不!光鮮的屏幕前,背後都是血與淚的黑歷史,每個頭像都經歷很多個版本後才能達到滿意的效果。

1. 背景色提取和搭配

2. 頭像動態化

只是靜態的重塑,感覺還是停留在表面的變化,這次我們希望挖掘每個頭像背後的故事,揣摩頭像的人設去設定對應的動態,相信每一位用戶應該都想知道他曾經使用過或一直在用的頭像動起來會是什麼樣。本次頭像復古重塑,我們讓 105 個頭像動了起來。

3. 穿越年代經典復古像素主題

將復古進行到底,我們將那曾經出現在 1999 年電腦屏幕上的 QQ 第一代版本的界面,搬到現在的手機當中。

通過提煉色彩,概括圖形界面,加上三只精靈鵝,讓復古不古板,可愛又好玩。

△ 喜歡這套主題皮膚的同學可前往 QQ 個性裝扮下載哦

深入延展-賦予故事和內容

每個系統頭像都有名字,頭像的後面是一群有著特定性格喜好的人群。不同類型的人喜歡不一樣的頭像,同一個人在不同階段也會換不一樣的頭像。據說,喜歡搞怪頭像的人比較開朗活潑,天真快樂;喜歡動物頭像的人比較有愛心,懂得關心人;喜歡人物頭像的人,自我意識比較強。頭像某種程度上也是一種對自我形象的認同感。

20 年來 QQ 陪伴大家成長,那個當年使用 QQ 經典頭像的用戶,也經歷了人生的酸甜苦辣,在時光中歷練成長,其中不乏一些有趣好玩的靈魂,他們或是勇敢,或是善良,或是充滿力量。設計師針對部分的頭像進行了頭像的延伸設計,並為他們首次把經典頭像結合現代潮流服裝,讓復古更好玩更潮,WE ALL HAVE UNIQUE SOUL。

QQ 經典頭像竟然變身潮人︰

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

  • 前期需要根據各個不同的頭像進行思考與策劃,結合現代服飾等元素突出人物性格;
  • 挑選一張頭像,使用 PS 鉛筆工具(此工具比較接近像素質感)根據頭像繪制全身草圖;
  • 根據草圖開始點像素邊;
  • 填色塊,加光影,通過光影處理的不同表現出不同的材質。

以下是使用像素做出順滑的弧度的基礎規律︰一般都是像素數量遞增遞減就能得到很好的處理。

若遇見非典型的弧度曲線,可能以上的處理方式無法滿足你,你需要試試以下的方式去處理,方法也很簡單,在遞增遞減的規律基礎上加多一條公式︰221212…..212122,基本上只要按這樣的方式去處理像素曲線,就會輕松很多。

你們曾經用過的 QQ 經典頭像,竟然動起來了,被戲精附體的經典頭像怕是要玩翻宇宙。先來個視頻感受一下︰

△ 查看視頻

用上這個寶藏表情包,你就是群聊最A最潮最能聊的仔,趕緊 get 起來。

1. 男神(經)篇

△ 討厭 – 君子動口不動手,唾沫星子來助攻

△?厲害 – 厲害了老鐵,給你雙擊666!

△?嗨起來 – 睡神馬睡,起來嗨。/p>

△?哈哈 – 小三毛戴上了墨鏡,就素那麼開燻

△?安靜 – 請大家安靜一下,我要開始耍帥了

2. 真女神篇

△? 嗨 – 嗨,帥哥加個扣扣嗎?

△?好的 – 完全ok,no趴笨

△?麼麼噠 – 烈焰紅唇你抵擋得住嗎?

△? 可愛 – 啾咪~你的小可愛已上線哦

3. 瘋狂動物篇

△?調皮 – 我的熱情就像我噴的火~

△?崩潰 – 鴨的世界,連崩潰都那麼……

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

△?生氣 – 老虎不發威別當我是病貓

△?無語 – 沒啥好說,一串魚泡泡送給你

△?開心 – 普通的disco兔子普通地搖

△?再見 – 今兒就說這麼多啦,各位再見哦~

結語-致敬經典

復古是一場與時空美麗的邂逅,跨越時間依舊經典,用復古致敬經典、在經典中綻放新意,與我們一起期待未來 20 年華麗的變化。

1. 如何下載這套表情

2. 如何獲取高清頭像

公眾號後台回復下方頭像對應序號,如「001」即可獲取。

3. QQ經典頭像小程序

此外,QQ 經典頭像小程序也于近日上線,匯集復古頭像變臉,復古頭像連連看等好玩小游戲,歡迎大家掃碼體驗。

歡迎關注「騰訊ISUX」的公眾號︰

儒墨堂大課堂

非特殊說明,本文版權歸原作者所有,轉載請注明出處
本文地址︰http://www.rumotanartist.com/qq-headshot

發表評論 加載中....

評論加載中....

uisdc

評論區都快餓癟了,看看我期盼的小眼神...

版式設計 交互設計師 界面設計 排版布局 職場 設計師干貨 儒墨堂專訪 儒墨堂大課堂 設計達人 配色 視覺設計 web前端開發 素材下載 AI教程 設計流程 設計理論 神器下載 字體下載 設計師專訪 psd下載 平面設計 用戶體驗設計 設計規範 海報設計 設計趨勢 動效設計 logo設計 圖標設計 ICON 產品設計 神器推薦 App設計 字體設計 職場規劃 酷站推薦 交互設計 ui設計 優秀網頁設計 設計師職場 ps技巧 酷站 用戶體驗 PS教程 網頁設計 經驗分享

您還沒有登錄

儒墨堂啟用更安全省心的 微信掃碼登錄

微信掃碼

300萬設計師聚集地!特级毛片www,色综合天天综合网,国产成人综合亚洲是極具人氣的設計師平台
2012年成立至今,一直專注于設計師的學習成長交流

特级毛片www|色综合天天综合网|国产成人综合亚洲

打開微信,掃碼分享
學設計 特级毛片www,色综合天天综合网,国产成人综合亚洲 在這里