頭像設(shè)計(jì)，“統(tǒng)一”與“豐富”間的平衡。

頭像又叫Avatar，有虛擬化身的意思，最早出現(xiàn)在1979年的一個(gè)電腦游戲里，用來代表玩家的身份。前幾年流行的阿凡達(dá)的英文也是Avatar，也是有虛擬世界化身的含義?，F(xiàn)在除了游戲，頭像也是媒體或者虛擬平臺(tái)上重要的一部分了。Avatar不是真實(shí)的頭像，它更像是一個(gè)占位符，在人們上傳頭像之前暫時(shí)代替著。

頭像設(shè)計(jì)，我理解，是一個(gè)在固定模式中尋求隨機(jī)變化的過程。而延展開來，這種“隨機(jī)中尋求變化”的方式，也是我有時(shí)會(huì)在設(shè)計(jì)中遇到的問題。

設(shè)計(jì)一個(gè)卡片式的頁(yè)面的低保真，設(shè)定好每個(gè)卡片都有一個(gè)自己的banner。然而事實(shí)卻是？以千為計(jì)量單位的卡片，不可能有一一對(duì)應(yīng)的banner。

例如像是IBM的這種頁(yè)面，因?yàn)榭ㄆ臈l目很多，達(dá)到以“千”為單位的級(jí)別，而每一個(gè)卡片又不能保證一定有對(duì)應(yīng)的圖片，所以，這個(gè)時(shí)候就會(huì)需要用到默認(rèn)的圖片。

（IBM相關(guān)網(wǎng)站）

而默認(rèn)的圖片如果只有一種，就會(huì)顯得太單調(diào)，圖片一多，又會(huì)太雜亂。

所以在“統(tǒng)一”與“豐富”之中找到平衡，是我個(gè)人認(rèn)為的一個(gè)難點(diǎn)，而默認(rèn)頭像設(shè)計(jì)，就帶有這種豐富與平衡的屬性，因此我也希望通過一些資料的查找來深入了解一下這個(gè)領(lǐng)域。

因此我問自己一個(gè)問題，什么樣的默認(rèn)頭像才算是處于“平衡”的頭像呢？

當(dāng)前默認(rèn)頭像的類別總結(jié)

一位產(chǎn)品設(shè)計(jì)師Michelle在她的文章里提到了當(dāng)前默認(rèn)頭像的幾種類別，我總結(jié)有這么幾種：

1. 普通人物頭像

這是最常見的類別。例如說常用的社交網(wǎng)站Fackbook，就是使用的普通人物頭像。而他們之前也在考慮普通人物頭像的男女平等問題。這一類的頭像很簡(jiǎn)單易懂，也普遍使用得很多，所以也為大眾認(rèn)可。

（Facebook的默認(rèn)人物頭像）

2. 生物頭像

注意到簡(jiǎn)書使用的就是生物類型的頭像。我剛剛注冊(cè)的時(shí)候出現(xiàn)的是一個(gè)小鹿的頭像，似乎是有一系列的動(dòng)物頭像可以默認(rèn)隨機(jī)出現(xiàn)。不僅僅是地球上的生物，還有一些外星來的生物也被人類使用。

（生物類型的頭像）

3. 字母頭像

google登錄之后，使用與名字相關(guān)的字母作為頭像。通過顏色與字母，達(dá)到變化的效果。

（Google的名字首字母頭像）

4. 形狀圖像

通過形狀進(jìn)行抽象隨機(jī)的變化。例如說Slack，使用了格子條紋，通過顏色與位置的調(diào)整達(dá)到變化。而github則是用過一些格子與顏色的排列，形成像素樣式的頭像。

（Slack的默認(rèn)頭像）

（Github的默認(rèn)頭像）

分析點(diǎn)1：當(dāng)前各種類型頭像的使用情況

而從這些頭像的特征出發(fā)，可以發(fā)現(xiàn)他們有的“擬人”，有的”擬物”，有的“具象”，有的“抽象”，例如說普通人像頭像，就偏向于“擬人”與“具象”的維度，而形狀圖像則處于“擬人”與“擬物”之間，接近“抽象”的元素。

我重新歷覽了一下手機(jī)內(nèi)的app頭像，也對(duì)這些頭像歸了一下類，我發(fā)現(xiàn)對(duì)于抽象化形式的頭像，目前還是使用得比較少，坐標(biāo)軸右邊的圖標(biāo)還是占大部分。而這一類型的頭像，不得不說，對(duì)于我個(gè)人來看是比較特別的，隨機(jī)變化中又突顯了自己品牌的特征。

（app的默認(rèn)頭像例子）

（默認(rèn)頭像維度對(duì)比圖）

分析點(diǎn)2：關(guān)于豐富與統(tǒng)一的含義挖掘

“豐富”再往深挖掘，它有著某些特性，我這邊列舉出來的，有圖標(biāo)的多樣性，日后的可延展性，而“統(tǒng)一”，包括視覺上的統(tǒng)一，還有與整個(gè)品牌的統(tǒng)一。我想隨著維度的變化，我之后會(huì)不斷調(diào)整細(xì)化這個(gè)圖，但大方向保持一致。

（關(guān)于不同類型頭像的特征對(duì)比）

人物頭像雖然認(rèn)可度比較高，視覺上也統(tǒng)一，但是多樣性和延展性就比較弱，也比較難體現(xiàn)某個(gè)品牌的特征。生物頭像看著很活潑，視覺上是一整個(gè)系列，也可以延展出不同的生物類型，但對(duì)于品牌的體現(xiàn)，就不一定是都適用，畢竟不是所有的品牌都以動(dòng)物為主題。相比之下，抽象一點(diǎn)的圖標(biāo)在“延展”與“品牌”方向就比較占優(yōu)勢(shì)，像github的圖標(biāo)，如果有5*5的格子，格子隨機(jī)填滿或者不填滿，就會(huì)出現(xiàn)不同的圖案（5*5的平方），加上顏色的變換，就可能會(huì)有上百種變換方式，而這種二進(jìn)制式的感覺，也跟github的主題貼近，因?yàn)樗喈?dāng)于是一個(gè)代碼存儲(chǔ)的網(wǎng)站。slack的頭像也使用顏色和格子很個(gè)性地展現(xiàn)了自己。

結(jié)合兩個(gè)分析點(diǎn)，我開始感覺，要在“統(tǒng)一”與“豐富”之間尋求平衡，也許抽象，變換的元素會(huì)是一個(gè)新的角度呢？至于實(shí)際用到設(shè)計(jì)上的時(shí)候，怎么做，怎么實(shí)踐呢？其實(shí)我也還沒想好，最近在看一些隨機(jī)生成圖案的網(wǎng)站，希望有些啟發(fā)。

那就暫且為標(biāo)題加個(gè)“（1）”吧，繼續(xù)找找答案。

Ps：自己的怪獸頭像，其實(shí)也是擬人和擬物結(jié)合著畫了一下。

參考資料

• http://www.hongkiat.com/blog/free-pattern-generators/
• https://scratch.mit.edu/projects/2693313/
• https://uxdesign.cc/design-avatars-that-make-sense-and-be-more-inclusive-in-the-process-d4dd6a486ea6
• https://slackmojis.com

本文由 @交互小怪獸 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自 Pixabay，基于 CC0 協(xié)議