實(shí)戰(zhàn)技巧｜你還在糾結(jié)用圓形頭像 or 方形頭像嗎？
▲點(diǎn)擊"三分設(shè)"關(guān)注，回復(fù)"社群"加入我們
歡迎來(lái)到專業(yè)設(shè)計(jì)師學(xué)習(xí)交流社區(qū)
三分設(shè)｜連接知識(shí)，幫助全球 1 億設(shè)計(jì)師成長(zhǎng)
編輯：小小蟲
共 2591 字，預(yù)計(jì)閱讀 7 分鐘
緣起
前幾天組內(nèi)在做小視頻設(shè)計(jì)評(píng)審時(shí)，談到了用戶頭像，有設(shè)計(jì)師提出了疑問(wèn)，頭像到底應(yīng)該用圓形還是方形？
這兩種形狀在產(chǎn)品設(shè)計(jì)中都非常普遍，那到底應(yīng)該根據(jù)什么因素來(lái)做抉擇依據(jù)呢？我這邊根據(jù)交互設(shè)計(jì)5要素做了一個(gè)梳理，希望可以給做設(shè)計(jì)決策的你一些思路。
經(jīng)過(guò)
根據(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ì)的分析。
在本文中，我將其歸納為媒介、用戶和語(yǔ)境三個(gè)維度（語(yǔ)境同時(shí)包含了用戶的目標(biāo)、行為和場(chǎng)景）。
1 媒介（形狀）維度
這里的媒介形態(tài)差異是形狀，任何形狀自身都帶有天然的情感屬性，這和人類的遺傳基因和生活經(jīng)驗(yàn)密切相關(guān)。
通常來(lái)講，圓形給人的感覺是活潑、柔和。優(yōu)美的弧線，滾動(dòng)的張力，完滿的閉環(huán)，給人溫暖、親切、舒適的感覺，視覺上，圓形具有收縮性，可以把人的視覺焦點(diǎn)聚焦在圓心，有效的吸引注意力，拉近與人的距離感。同時(shí)，國(guó)外視覺實(shí)驗(yàn)明確指出，人的視網(wǎng)膜對(duì)于正圓形的處理速度要顯著高于對(duì)邊角的處理速度。所以，圓形相對(duì)其他圖形而言，在聚焦效果上可以說(shuō)又快又好，可以快速拉升人的情緒興趣。
相比之下，方形則顯得較為敦實(shí)、穩(wěn)固。均衡的四邊，凸顯的棱角，給人穩(wěn)定、有個(gè)性、有原則的信賴感，因?yàn)槔饨堑年P(guān)系，人的視覺會(huì)相對(duì)分散，除了視覺中心，注意力也會(huì)往四角上遷移，棱角越尖銳，視線擴(kuò)散越明顯。方形的擴(kuò)散性讓圖形內(nèi)的注意力分布更為均衡，同時(shí)可以保持與人合適的距離感，讓人的情緒相對(duì)冷靜與克制。
2 用戶維度
不管是圓形還是方形，如果用來(lái)承載的是用戶頭像，那就需要先來(lái)研究一下頭像的特征，看看到底哪種形狀和用戶的頭像的契合度更高。
對(duì)于用戶的頭像來(lái)說(shuō)，頭部的形狀與頭部結(jié)構(gòu)、年齡和性別都有關(guān)系。
從結(jié)構(gòu)上來(lái)說(shuō)，頭骨分為腦顱和面顱兩部分，腦顱成卵圓形，面顱則由顴骨（立方體）+上頜骨（圓柱體）+下顎骨（三角形體）構(gòu)成。
圖片來(lái)自網(wǎng)絡(luò)
從不同角度來(lái)看，頭部呈現(xiàn)的形狀會(huì)有所不同。從現(xiàn)實(shí)情況來(lái)看，用戶上傳的頭像，以正面和45度內(nèi)的正側(cè)面頭像為主，加上頭部肌肉和發(fā)型的修飾，整體趨近于橢圓形。
從年齡上來(lái)說(shuō)，幼兒的腦顱體積占頭部的5/6，面顱僅占頭部1/6，頭頂骨隆起，額丘高而顯著，下頜小而圓，整體頭型受腦顱影響比較大，趨近于圓形。成年人的腦顱占頭部的1/3，面顱占頭部的2/3，整體頭型受面顱影響比較大，在橢圓的基礎(chǔ)上呈現(xiàn)出更多樣化的形狀。中國(guó)傳統(tǒng)的人相有“八格”之說(shuō)（申、甲、由、田，用，國(guó)，目，風(fēng)），是對(duì)頭部外形特征的極好概括。
圖片來(lái)自網(wǎng)絡(luò)
從性別的角度來(lái)說(shuō)，男性頭部體積較大，趨于方正，頭部線條趨于剛直，形體起伏棱角明顯。女性頭部體積相對(duì)較小，顏面的隆起和結(jié)節(jié)部位沒有男性顯著，額部平直、下頜帶尖，顏部趨圓，女性頭部線條趨于柔和，形體起伏較小。
圖片來(lái)自網(wǎng)絡(luò)
綜合來(lái)說(shuō)，少兒的頭像趨近于圓，男性的頭像趨于方正，女性的頭像趨于橢圓。對(duì)于這樣的展示目標(biāo)，如果媒介形態(tài)是圓形的，少兒和女性的頭在其中相當(dāng)于一個(gè)同心圓，有更好的聚焦作用，即使是對(duì)于較為方正的男性頭像，圓形也有比較好的修飾作用，可以更好的襯托男性頭部的線條輪廓。而方形相對(duì)來(lái)說(shuō)，能夠在頭部之外顯示更多的環(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)品來(lái)說(shuō)，圓形的動(dòng)感，更符合活潑的產(chǎn)品調(diào)性，圓形的聚焦性，可以快速幫助用戶識(shí)別陌生人的關(guān)鍵特征信息（人臉），激發(fā)社交的興趣。對(duì)于嚴(yán)肅性或者熟人社交產(chǎn)品來(lái)說(shuō)。方形的穩(wěn)重，與嚴(yán)肅的氣質(zhì)更加的貼合，對(duì)于熟人而言，我們對(duì)其臉部的輪廓已經(jīng)有了了解，更期待通過(guò)更多的環(huán)境信息，來(lái)讀取熟人最近的動(dòng)態(tài)和變化。
舉幾個(gè)??：
結(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)境信息，贏得他人的信賴感。
