APP界面設(shè)計(jì)當(dāng)中,為什么喜歡把頭像設(shè)計(jì)成圓形

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

這是為什么呢? 難道是因?yàn)楹每磫幔?

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

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

微信APP首頁設(shè)計(jì)更美的APP界面設(shè)計(jì)欣賞app設(shè)計(jì)模板下載

freebie-app-psd

 

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

 

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

 

第一:從感受與認(rèn)知方面考慮

1.方形太無趣了。

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

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

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

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

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

7.方形的對角線比邊緣還長,用戶目光易延伸出去;圓形半徑長皆一致,用戶可花更少時間在理解內(nèi)容,眼球也較不需要移動。如下圖:

app頭像設(shè)計(jì)技巧2

 

第二:從設(shè)計(jì)視覺角度考慮

1.視線在方形的焦點(diǎn)有5個(四個角+中心),而圓形只有一個(中心)

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

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

appmei3

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

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

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

微博作為一個社交媒體,在信息洪流中,我們要做到圓融,才能更方便的與圈子融合,微信朋友圈作為熟人的社交場子,更多的是展示個性,釋放自我,代表著的是自己的能能量。

 

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

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

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

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

4.很多準(zhǔn)則或模板都只提供圓形版本。

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

 

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

 

下面我們來進(jìn)行一項(xiàng)實(shí)驗(yàn):分別設(shè)計(jì)成方形頭像和圓形頭像,通過對比來分析出圓形頭像的好處。

app頭像設(shè)計(jì)技巧

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

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

 

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

 

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

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

 

每天更新,
全站高品質(zhì)素材免費(fèi)下載!