像素表情等比縮放的方法 qq高清頭像怎么設置 _經驗分享

復古是一場與時空美麗的邂逅，跨越時間依舊經典，用復古致敬經典、在經典中綻放新意，與我們一起期待未來 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 鉛筆工具（此工具比較接近像素質感）根據頭像繪制全身草圖；
根據草圖開始點像素邊；
填色塊，加光影，通過光影處理的不同表現出不同的材質。
以下是使用像素做出順滑的弧度的基礎規律：一般都是像素數量遞增遞減就能得到很好的處理。