你還在糾結(jié)用圓形頭像 or 方形頭像嗎?

8 評(píng)論 9550 瀏覽 68 收藏 9 分鐘

編輯導(dǎo)語(yǔ):用戶的頭像有圓形和方形之分,那么這兩種頭像到底有什么區(qū)別呢?在糾結(jié)選哪個(gè)頭像的時(shí)候應(yīng)該如何做出抉擇呢?本文作者為我們提供了一些思路。

一、緣起

前幾天組內(nèi)在做小視頻設(shè)計(jì)評(píng)審時(shí),談到了用戶頭像,有設(shè)計(jì)師提出了疑問,頭像到底應(yīng)該用圓形還是方形?

你還在糾結(jié)用圓形頭像 or 方形頭像嗎?

這兩種形狀在產(chǎn)品設(shè)計(jì)中都非常普遍,那到底應(yīng)該根據(jù)什么因素來做抉擇依據(jù)呢?我這邊根據(jù)交互設(shè)計(jì)5要素做了一個(gè)梳理,希望可以給做設(shè)計(jì)決策的你一些思路。

二、經(jīng)過

根據(jù)交互設(shè)計(jì)5要素:用戶、目標(biāo)、場(chǎng)景、媒介和行為其實(shí)是互相影響的。

要決定其展現(xiàn)媒介的呈現(xiàn)形態(tài),我們首先要對(duì)媒介形態(tài)本身、用戶、目標(biāo)、行為和場(chǎng)景都進(jìn)行仔細(xì)的分析。

你還在糾結(jié)用圓形頭像 or 方形頭像嗎?

在本文中,我將其歸納為媒介、用戶和語(yǔ)境三個(gè)維度(語(yǔ)境同時(shí)包含了用戶的目標(biāo)、行為和場(chǎng)景)。

1. 媒介(形狀)維度

這里的媒介形態(tài)差異是形狀,任何形狀自身都帶有天然的情感屬性,這和人類的遺傳基因和生活經(jīng)驗(yàn)密切相關(guān)。

通常來講,圓形給人的感覺是活潑、柔和。

優(yōu)美的弧線,滾動(dòng)的張力,完滿的閉環(huán),給人溫暖、親切、舒適的感覺。視覺上,圓形具有收縮性,可以把人的視覺焦點(diǎn)聚焦在圓心,有效的吸引注意力,拉近與人的距離感。

同時(shí),國(guó)外視覺實(shí)驗(yàn)明確指出,人的視網(wǎng)膜對(duì)于正圓形的處理速度要顯著高于對(duì)邊角的處理速度。所以,圓形相對(duì)其他圖形而言,在聚焦效果上可以說又快又好,可以快速拉升人的情緒興趣。

你還在糾結(jié)用圓形頭像 or 方形頭像嗎?

相比之下,方形則顯得較為敦實(shí)、穩(wěn)固。

均衡的四邊,凸顯的棱角,給人穩(wěn)定、有個(gè)性、有原則的信賴感。因?yàn)槔饨堑年P(guān)系,人的視覺會(huì)相對(duì)分散,除了視覺中心,注意力也會(huì)往四角上遷移,棱角越尖銳,視線擴(kuò)散越明顯。

方形的擴(kuò)散性讓圖形內(nèi)的注意力分布更為均衡,同時(shí)可以保持與人合適的距離感,讓人的情緒相對(duì)冷靜與克制。

2. 用戶維度

不管是圓形還是方形,如果用來承載的是用戶頭像,那就需要先來研究一下頭像的特征,看看到底哪種形狀和用戶的頭像的契合度更高。

對(duì)于用戶的頭像來說,頭部的形狀與頭部結(jié)構(gòu)、年齡和性別都有關(guān)系。

從結(jié)構(gòu)上來說,頭骨分為腦顱和面顱兩部分:腦顱成卵圓形,面顱則由顴骨(立方體)+上頜骨(圓柱體)+下顎骨(三角形體)構(gòu)成。

你還在糾結(jié)用圓形頭像 or 方形頭像嗎?

圖片來自網(wǎng)絡(luò)

從不同角度來看,頭部呈現(xiàn)的形狀會(huì)有所不同。從現(xiàn)實(shí)情況來看,用戶上傳的頭像,以正面和45度內(nèi)的正側(cè)面頭像為主,加上頭部肌肉和發(fā)型的修飾,整體趨近于橢圓形。

從年齡上來說,幼兒的腦顱體積占頭部的5/6,面顱僅占頭部1/6,頭頂骨隆起,額丘高而顯著,下頜小而圓,整體頭型受腦顱影響比較大,趨近于圓形。

成年人的腦顱占頭部的1/3,面顱占頭部的2/3,整體頭型受面顱影響比較大,在橢圓的基礎(chǔ)上呈現(xiàn)出更多樣化的形狀。

中國(guó)傳統(tǒng)的人相有“八格”之說(申、甲、由、田,用,國(guó),目,風(fēng)),是對(duì)頭部外形特征的極好概括。

你還在糾結(jié)用圓形頭像 or 方形頭像嗎?

圖片來自網(wǎng)絡(luò)

從性別的角度來說,男性頭部體積較大,趨于方正,頭部線條趨于剛直,形體起伏棱角明顯;女性頭部體積相對(duì)較小,顏面的隆起和結(jié)節(jié)部位沒有男性顯著,額部平直、下頜帶尖,顏部趨圓,女性頭部線條趨于柔和,形體起伏較小。

你還在糾結(jié)用圓形頭像 or 方形頭像嗎?

圖片來自網(wǎng)絡(luò)

綜合來說,少兒的頭像趨近于圓,男性的頭像趨于方正,女性的頭像趨于橢圓。

對(duì)于這樣的展示目標(biāo),如果媒介形態(tài)是圓形的,少兒和女性的頭在其中相當(dāng)于一個(gè)同心圓,有更好的聚焦作用;即使是對(duì)于較為方正的男性頭像,圓形也有比較好的修飾作用,可以更好的襯托男性頭部的線條輪廓。

而方形相對(duì)來說,能夠在頭部之外顯示更多的環(huán)境信息,可以讓觀者觀察到更多環(huán)境元素的信息。所以相對(duì)而言,圓形更能夠凸顯用戶的個(gè)性特征,方形更能凸顯頭像之外的環(huán)境信息。

3. 語(yǔ)境維度

語(yǔ)境維度細(xì)分為兩種:一種是當(dāng)前頁(yè)面的語(yǔ)境,一種是整體產(chǎn)品的語(yǔ)境(調(diào)性)。這里的語(yǔ)境需要同時(shí)考慮頭像所處的周圍信息(環(huán)境),以及頭像與周圍信息的關(guān)系(目標(biāo))和互動(dòng)(行為)。

在當(dāng)前頁(yè)面語(yǔ)境中,主要是看頭像與周圍信息的關(guān)系,它在頁(yè)面中的信息層級(jí)是怎樣的?是否是要凸顯的要素?是否希望它抓取用戶的視覺注意力?

在整體產(chǎn)品語(yǔ)境中,主要是看產(chǎn)品的調(diào)性,看產(chǎn)品是偏活潑型或者陌生人社交性質(zhì)的,還是偏嚴(yán)肅性的,或者熟人社交性的。

  • 對(duì)于活潑型或者陌生人社交性的產(chǎn)品來說,圓形的動(dòng)感,更符合活潑的產(chǎn)品調(diào)性,圓形的聚焦性,可以快速幫助用戶識(shí)別陌生人的關(guān)鍵特征信息(人臉),激發(fā)社交的興趣;
  • 對(duì)于嚴(yán)肅性或者熟人社交產(chǎn)品來說,方形的穩(wěn)重,與嚴(yán)肅的氣質(zhì)更加的貼合;
  • 對(duì)于熟人而言,我們對(duì)其臉部的輪廓已經(jīng)有了了解,更期待通過更多的環(huán)境信息,來讀取熟人最近的動(dòng)態(tài)和變化。

舉幾個(gè)?:

你還在糾結(jié)用圓形頭像 or 方形頭像嗎?

你還在糾結(jié)用圓形頭像 or 方形頭像嗎?

三、結(jié)論

綜上所述,我們可以做個(gè)簡(jiǎn)單的小結(jié):

  1. 對(duì)于強(qiáng)調(diào)互動(dòng)娛樂類的產(chǎn)品(如游戲、教育、陌生人社交等),推薦使用圓形頭像,可以更好的凸顯用戶的特征,激發(fā)他人的互動(dòng)興趣。
  2. 對(duì)于強(qiáng)調(diào)專業(yè)嚴(yán)肅類的產(chǎn)品(如金融、政務(wù),熟人社交等),推薦使用方形頭像,可以更好的傳達(dá)冷靜、專業(yè)的用戶氣質(zhì),并傳遞更多的環(huán)境信息,贏得他人的信賴感。

 

本文由@悅有所思 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自 Unsplash,基于 CC0 協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 思考的細(xì)致全面

    來自上海 回復(fù)
  2. 現(xiàn)在有好多使用大圓角矩形的, 這種是一種折中? 還是差異化?

    來自中國(guó) 回復(fù)
  3. 為了回復(fù)注冊(cè)了賬號(hào);
    在您的文章基礎(chǔ)上進(jìn)行討論,方形和圓形在“社交親和力”的表現(xiàn)上,圓形是明顯占優(yōu)勢(shì)的,人類會(huì)更傾向于喜歡圓滾滾的東西(大熊貓、動(dòng)物幼崽、人類幼崽),所以如果我們希望用戶更積極主動(dòng)的點(diǎn)擊頭像進(jìn)入下一個(gè)頁(yè)面,那么圓形更有優(yōu)勢(shì)。
    但是方形是不是能讓人理性,我就不太確定了,但是如果方形和圓形放在一起,應(yīng)該是更能襯托出圓形的優(yōu)勢(shì),這個(gè)是確定性的。
    基于此,也契合了您對(duì)微信頭像的分析,已經(jīng)存在于通訊錄的用戶頭像,選擇方形;大部分未存在于通訊錄的公眾號(hào)、視頻號(hào)、附近的視頻號(hào)采用圓形。
    前邊都是大的理論前提,還需要實(shí)際場(chǎng)景契合,受眾、產(chǎn)品基因、已有場(chǎng)景布局等。
    留個(gè)微信號(hào),可以常交流 18571570820

    來自北京 回復(fù)
  4. 分析得很有道理。但有個(gè)疑問:為什么微信是生活社交但頭像是方形的,釘釘是工作社交但頭像是圓形的?
    恰好與作者分析的結(jié)論相反。是騰訊和阿里故意反其道行之,還是騰訊先用錯(cuò)了,阿里為了不跟風(fēng)騰訊故意也用錯(cuò)?

    來自浙江 回復(fù)
    1. 其實(shí)你從QQ和微信的用戶群體就能看出QQ用戶偏年輕,微信用戶偏成熟,所以QQ頭像是圓形,微信頭像是方形,而且微信上面大多數(shù)是熟人社交符合方形頭像的用戶氣質(zhì),你可以再看看騰訊推的TIM也是方行頭像,就是主打辦公的。至于釘釘?shù)念^像,我只能用雜亂無(wú)章來形容了,又有圓形,又有方形,說實(shí)話釘釘是一個(gè)龐大的OA平臺(tái),它集成了很多的功能很牛逼,但是它的設(shè)計(jì)和用戶體驗(yàn)還有待加強(qiáng),從釘釘?shù)捻?yè)面更新頻率也可以看出來它在不斷完善。微信的設(shè)計(jì)是克制、做減法,而釘釘是做加法,這兩個(gè)產(chǎn)品從設(shè)計(jì)目標(biāo)來說完全不一樣。當(dāng)然說到辦公產(chǎn)品你也可以看到字節(jié)的飛書從頭像到工作臺(tái)的應(yīng)用都是圓形,整個(gè)頁(yè)面的呼吸感很強(qiáng)、很漂亮,但是飛書作為一個(gè)辦公平臺(tái)為什么不用方形這種偏冷靜的頭像呢?我有兩個(gè)猜測(cè),一個(gè)是差異化,另外一個(gè)是飛書當(dāng)前的設(shè)計(jì)目標(biāo),我們可以看到飛書在消息頁(yè)面最上方有一個(gè)在團(tuán)隊(duì)中“立刻邀請(qǐng)”伙伴的按鈕,所以我猜測(cè)飛書目前的設(shè)計(jì)目標(biāo)是強(qiáng)調(diào)人與人直接的互動(dòng),吸引用戶使用,用精美的頁(yè)面留住用戶,所以它目前使用的是圓形。

      來自江蘇 回復(fù)
    2. 最新版釘釘iOS已經(jīng)改成方形的了

      來自北京 回復(fù)
    3. 好像還是圓形吧

      來自中國(guó) 回復(fù)
  5. 可以,學(xué)習(xí)到了,處處是學(xué)問

    回復(fù)