在數(shù)字化時(shí)代，頭像已成為個(gè)人在虛擬世界中的重要標(biāo)識。盡管頭像設(shè)計(jì)看似簡單，卻蘊(yùn)含著豐富的產(chǎn)品設(shè)計(jì)細(xì)節(jié)和用戶體驗(yàn)考量。本文分析頭像在產(chǎn)品設(shè)計(jì)中的角色，供大家參考。

今天要講的頭像產(chǎn)品設(shè)計(jì)，作為這么小、這么基本的一個(gè)產(chǎn)品設(shè)計(jì)，就有很多可以談的、有趣的點(diǎn)。

一、頭像的歷史才剛開始，先談點(diǎn)虛的

可能大家都知道無聊猿這個(gè)神奇的東西。

據(jù)不完全的統(tǒng)計(jì)，各路玩家曾在這些怪異的猴子腦袋上，投入了大幾十億的美金，也曾有人花了上百萬的美金去買其中一張。

眾所周知，我們親愛的庫里、大鯊魚、丁日、奶茶倫等等名人，都是其中的玩家之一。

當(dāng)然現(xiàn)在已經(jīng)熱潮退去了，NFT大盤也在一年多前開始，不斷的遭受到一輪輪血洗。

無數(shù)玩家在這之中鬼哭狼嚎。

如何定义B端产品及B端产品经理方法论

相较于C端产品，B端产品最大的特点是：面向特定领域用户，且数量少得多，但更注重对用户专业领域操作流程的深度挖掘——也就是专业性更强，与业务的结合更紧密。

查看详情 >

關(guān)于這個(gè)東西的爭議，我們可以先放到一邊去，先談?wù)勥@個(gè)事件對網(wǎng)絡(luò)頭像的意義。

要知道：

1. NFT并不等同于數(shù)字藏品；
2. 而數(shù)字藏品也并不等同于無聊猿；
3. 而無聊猿也不等同于網(wǎng)絡(luò)頭像。

這里面有很復(fù)雜的知識，大家可以自行查找學(xué)習(xí)，我就不講述這么枯燥的內(nèi)容了。

但仍然要知道，無聊猿依然最成功的數(shù)字藏品頭像。

正如同每個(gè)人都會(huì)有一張?jiān)谖锢硎澜缰歇?dú)一無二的臉，那么如何通過數(shù)字方式確定版權(quán)，也獲得一張?zhí)摂M世界獨(dú)一無二的數(shù)字頭像呢？

這個(gè)需求當(dāng)然存在，只是當(dāng)下的條件仍然不完全具備。

↑ 周董被偷掉的猴子

技術(shù)基礎(chǔ)和思想共識，仍然還有很長一條路要走，不能只是投機(jī)者的狩獵場。

十年之后？我們再回頭看看。

成長起來的新一代，對虛擬頭像的需求，可能會(huì)比現(xiàn)在更加堅(jiān)定吧。

二、頭像的產(chǎn)品設(shè)計(jì)細(xì)節(jié)，再談點(diǎn)兒實(shí)的

頭像產(chǎn)品比較簡單，就讓我們水上幾個(gè)問題吧，不過相信能夠?qū)?chuàng)業(yè)團(tuán)隊(duì)有所幫助。

1. 用戶頭像的來源是哪里？

對大多數(shù)產(chǎn)品來說，其實(shí)超過50%的用戶的頭像都來源于微信登錄的授權(quán)。

這是在做登錄注冊產(chǎn)品設(shè)計(jì)中，必須要考慮到的內(nèi)容。

一定要注意避免濫用，否則有可能會(huì)被封禁功能，具體的可以看官網(wǎng)相關(guān)的運(yùn)營手冊，內(nèi)容是在不斷更新中。

另外微信來源的頭像總是尺寸不定，也不知道是什么原因，有知道的小伙伴可以告訴我一下。

除了微信之外，QQ、支付寶、淘寶等OpenID的登錄方式，也都有可以獲得用戶的頭像的方式。

2. 一定需要個(gè)缺省頭像嗎？

這個(gè)是必須需要的，否則在很多地方可能都會(huì)展示錯(cuò)誤，做初期產(chǎn)品設(shè)計(jì)的時(shí)候要注意到。

記得一定要有設(shè)計(jì)，但不能過度美化設(shè)計(jì)，一般情況下都是灰度圖，這樣用戶才會(huì)有更新的欲望。

有個(gè)小問題，嚴(yán)格來說，記住這不能叫“默認(rèn)頭像”。

3. 是否需要默認(rèn)頭像？

這個(gè)倒不一定，早期時(shí)候，用戶大多使用電腦來上網(wǎng)，上傳頭像是一件比較麻煩的事情。

所以不少網(wǎng)站或應(yīng)用，會(huì)有一組默認(rèn)頭像來幫助用戶標(biāo)記個(gè)性化身份，比如曾經(jīng)的QQ。

但對于移動(dòng)端來說，上傳頭像對用戶來說已經(jīng)不太有障礙了，而且也可以通過某些運(yùn)營辦法，來減少無頭像用戶在產(chǎn)品內(nèi)的曝光。

所以就不太需要了。

4. 是否需要更多樣的頭像設(shè)計(jì)？

我們看過哪些不一樣的頭像方式呢？

gif動(dòng)態(tài)頭像、視頻頭像、多張頭像？

為什么這些都曇花一現(xiàn)了呢？

因?yàn)闆]有解決一個(gè)重要的概念，就是這些究竟是內(nèi)容？還是標(biāo)識？

頭像更重要的是標(biāo)識，所以這些產(chǎn)品設(shè)計(jì)后來都漸漸沒有了。

創(chuàng)業(yè)團(tuán)隊(duì)做產(chǎn)品設(shè)計(jì)的時(shí)候，也不要在此浪費(fèi)成本。

5. 頭像應(yīng)該怎樣保存和展示？

這是一個(gè)純粹的技術(shù)小問題：

A.保存時(shí)最好是png，而不是jpg或其他，這是在圖像大小和內(nèi)容清晰度上找一個(gè)平衡點(diǎn)。

B.展示時(shí)最好也是png，或者是webp，也是找一個(gè)平衡點(diǎn)。

當(dāng)然具體的實(shí)現(xiàn)方式，還要跟開發(fā)人員溝通。

6. 圖像是否需要多尺寸？

頭像的多尺寸產(chǎn)品設(shè)計(jì)，曾經(jīng)是一個(gè)風(fēng)潮，應(yīng)對的是PC網(wǎng)絡(luò)時(shí)代的網(wǎng)速不佳的情況。

大多會(huì)涉及大中小三個(gè)版本的頭像，供不同的頁面來加載使用。

現(xiàn)在移動(dòng)端倒不太會(huì)這么做了，技術(shù)上也可以動(dòng)態(tài)來調(diào)整前端頁面的頭像尺寸。

7. 頭像展示時(shí)，應(yīng)該用圓形還是用方形？

圓形，現(xiàn)在的趨勢就是用圓形。

不用方形，甚至連帶有圓弧的方型也不太用了。

這代表了主流產(chǎn)品設(shè)計(jì)的一個(gè)共謀，界面中如果看到了圓形的圖，下意識就告訴了用戶：

這張就是頭像，而不是別的什么圖。

盡管在存儲(chǔ)中，仍然是以方形圖片來存儲(chǔ)的。

8. 用戶上傳頭像，需要注意什么？

首先記得要保存一個(gè)原始圖片。

其次要提供裁剪的功能，用圓形蒙版，這已經(jīng)是個(gè)標(biāo)配了，不過注意如在H5端有裁剪功能，要加強(qiáng)可用性測試。

從清晰度上考慮，頭像的基礎(chǔ)尺寸應(yīng)該在1280px以上，至于前端加載的問題看06問題就好。

9. 頭像的審核問題要注意嗎？

因?yàn)橛脩纛^像的曝光度會(huì)很大，所以頭像的審核也是一件非常重要的事情，就只談幾個(gè)技術(shù)點(diǎn)：

• 首先可以通過各類免費(fèi)或商用的接口，來進(jìn)行頭像的機(jī)器審核，這個(gè)會(huì)非常有用；
• 在審核資源不足的情況下，可以只考慮獲取微信（或其他openid平臺）的頭像，這相當(dāng)獲取了大平臺的審核基礎(chǔ)；
• 記得保留頭像的歷史版本，在當(dāng)前頭像出問題的情況下還可以繼續(xù)回滾展示用戶之前的頭像；
• 留有設(shè)置功能，在特殊情況下，可以迅速禁止全體用戶、或某一類型用戶的頭像更新，或提供其他運(yùn)營加強(qiáng)策略。

10. 頭像怎么商業(yè)化？

對于社交類平臺來說，頭像的貼紙是一個(gè)已經(jīng)被驗(yàn)證過的商業(yè)方式。

美妙極了。