APP界面設(shè)計當中，為什么喜歡把頭像設(shè)計成圓形

看到這樣的標題，你是不是也很驚奇呢？仔細的去回想一下，好像很多APP界面設(shè)計當中的頭像都是圓形的。很少見到頭像是方形的、菱形或者四邊形的。

這是為什么呢？ 難道是因為好看嗎？

今天25學(xué)堂的小編跟大家一起聊聊APP設(shè)計干貨。到底是什么原因和理由，APP設(shè)計一定把把頭像設(shè)計成圓形的。

我們先來看看把頭像設(shè)計成圓形的一些APP界面設(shè)計作品：

?

放眼望去，圓形頭像已然占領(lǐng)了我們的手機屏幕，或者說已經(jīng)成為了我們APP界面設(shè)計的一種標配。

?

學(xué)堂君收集了網(wǎng)絡(luò)很多專家的觀點和點評：從三個方面可以告訴大家在APP界面設(shè)計當中，為什么喜歡把頭像設(shè)計成圓形的好處。

?

第一：從感受與認知方面考慮

1.方形太無趣了。

2.大腦可較輕易的處理圓形內(nèi)的信息，減少認知的壓力。

3.相較于方形，圓形更柔性、有機、安全、順眼、現(xiàn)代與友善，也更能與他人情感交流。

4.更有關(guān)注的感覺，例如想到望遠鏡或放大鏡的視野。

5.大多照片的四周都是無意義的背景或信息，圓形可以將其切除。

6.通常拍照會把“人”擺在中心，而圓形中心到四周距離都一致，可讓臉更突出。

?

第二：從設(shè)計 視覺角度考慮

1.視線在方形的焦點有5個（四個角+中心），而圓形只有一個（中心）

2.圓潤的線條或角度，可讓視線自然的追隨與運動，不會像看到90度角而停頓下來。

3.在掃視的情況下，使用圓形可協(xié)助使用者辨識或區(qū)分是否為內(nèi)容，因為內(nèi)容通常會置于用方型容器，例如文字、照片或?qū)］嫷取?/p>

第三：從產(chǎn)品定位角度考慮

比如微博頭像是圓形的、微信的頭像是圓形的。源于對APP產(chǎn)品的深刻理解。

外圓內(nèi)方，是一種做人的態(tài)度，外圓是一種手段，我們需要與他人連接，做事情就需要一種處事圓滑，八面玲瓏一般能夠在大場面混的很好的，內(nèi)方呢，其實是我們自己做事做人內(nèi)心的標尺，也就是我們自己的認知，是我們所認定的不會變的東西，目標，初心不變，變的是通向目標的方法，內(nèi)方更多的是自己內(nèi)心的操守，不為外界所變動的部分。

?

第四：其他方面的因素決定

1.行動裝置普及后，因圓形與手指按壓在屏幕上的形狀類似，而被廣泛的使用。

2.其實人類早就有這樣的應(yīng)用，例如將人物應(yīng)用于圓形硬幣與圓形藝術(shù)畫中。

3.只是一個設(shè)計的風潮，剛好流行到“圓形”這個周期。

4.很多準則或模板都只提供圓形版本。

5.現(xiàn)在的CSS3技術(shù)讓圓角（圓形）輕易實現(xiàn)且各瀏覽器也幾乎都有支持。

?

以上四個方面，供大家參考。同時也值得大家好好思考的題目。

?

下面我們來進行一項實驗：分別設(shè)計成方形頭像和圓形頭像，通過對比來分析出圓形頭像的好處。

左圖是方形頭像，右圖是圓形頭像。通過對比，可以發(fā)現(xiàn)以下幾點：

A、圓形頭像能夠更好地幫助用戶聚焦到人臉。雖然左圖能夠完整地呈現(xiàn)人物特征，但是干擾信息較多，例如背景中的燈光、門柱、屏風。對比之下，右圖更為清晰地展示了人物的臉部特征，例如錐子臉、美瞳、假睫毛。在前面的分析中也提到，手機拍攝的照片質(zhì)量參差不齊。在這種現(xiàn)實情況下，圓形頭像更有利于忽略照片的背景，提高頭像的識別效率。

?

B、嚴格意義上講左圖并不能稱之為頭像，而更應(yīng)該稱之為照片。原因很簡單，頭像嘛，自然應(yīng)該以展示“頭”為主，而左圖中頭像只占畫面四分之一不到的區(qū)域。從這個角度來說，顯然右圖更為合適。在選擇照片作為頭像時，如果是圓形，用戶更愿意選擇臉部的照片作為頭像;如果是方形，用戶則相對更隨意，通常是全身或是半身照。不信，你可以打開自己的微信，看看自己的好友頭像，或者往前滑滑看看前面的配圖。

?

C、日常生活中，我們看到的大多數(shù)相框都是方形的，圓形的相框較少，這是因為大多數(shù)照片都是方形的。因此，使用圓形的輪廓來表現(xiàn)頭像，能夠快速地和照片區(qū)分開來，更加突出。

聊到這里，以上的證據(jù)是非常充分的。我想各位同學(xué)們應(yīng)該基本了解了為什么在APP設(shè)計當中，已經(jīng)習(xí)慣和喜歡使用圓形頭像的原因了吧！

?