看到這樣的標(biāo)題,你是不是也很驚奇呢?仔細(xì)的去回想一下,好像很多APP界面設(shè)計(jì)當(dāng)中的頭像都是圓形的。很少見(jiàn)到頭像是方形的、菱形或者四邊形的。
這是為什么呢? 難道是因?yàn)楹每磫幔?
今天25學(xué)堂的小編跟大家一起聊聊APP設(shè)計(jì)干貨。到底是什么原因和理由,APP設(shè)計(jì)一定把把頭像設(shè)計(jì)成圓形的。
我們先來(lái)看看把頭像設(shè)計(jì)成圓形的一些APP界面設(shè)計(jì)作品:
放眼望去,圓形頭像已然占領(lǐng)了我們的手機(jī)屏幕,或者說(shuō)已經(jīng)成為了我們APP界面設(shè)計(jì)的一種標(biāo)配。
學(xué)堂君收集了網(wǎng)絡(luò)很多專家的觀點(diǎn)和點(diǎn)評(píng):從三個(gè)方面可以告訴大家在APP界面設(shè)計(jì)當(dāng)中,為什么喜歡把頭像設(shè)計(jì)成圓形的好處。
第一:從感受與認(rèn)知方面考慮
1.方形太無(wú)趣了。
2.大腦可較輕易的處理圓形內(nèi)的信息,減少認(rèn)知的壓力。
3.相較于方形,圓形更柔性、有機(jī)、安全、順眼、現(xiàn)代與友善,也更能與他人情感交流。
4.更有關(guān)注的感覺(jué),例如想到望遠(yuǎn)鏡或放大鏡的視野。
5.大多照片的四周都是無(wú)意義的背景或信息,圓形可以將其切除。
6.通常拍照會(huì)把“人”擺在中心,而圓形中心到四周距離都一致,可讓臉更突出。
7.方形的對(duì)角線比邊緣還長(zhǎng),用戶目光易延伸出去;圓形半徑長(zhǎng)皆一致,用戶可花更少時(shí)間在理解內(nèi)容,眼球也較不需要移動(dòng)。如下圖:
第二:從設(shè)計(jì)視覺(jué)角度考慮
1.視線在方形的焦點(diǎn)有5個(gè)(四個(gè)角+中心),而圓形只有一個(gè)(中心)
2.圓潤(rùn)的線條或角度,可讓視線自然的追隨與運(yùn)動(dòng),不會(huì)像看到90度角而停頓下來(lái)。
3.在掃視的情況下,使用圓形可協(xié)助使用者辨識(shí)或區(qū)分是否為內(nèi)容,因?yàn)閮?nèi)容通常會(huì)置于用方型容器,例如文字、照片或?qū)]嫷取?
第三:從產(chǎn)品定位角度考慮
比如微博頭像是圓形的、微信的頭像是圓角方形的。源于對(duì)APP產(chǎn)品的深刻理解。
外圓內(nèi)方,是一種做人的態(tài)度,外圓是一種手段,我們需要與他人連接,做事情就需要一種處事圓滑,八面玲瓏一般能夠在大場(chǎng)面混的很好的,內(nèi)方呢,其實(shí)是我們自己做事做人內(nèi)心的標(biāo)尺,也就是我們自己的認(rèn)知,是我們所認(rèn)定的不會(huì)變的東西,目標(biāo),初心不變,變的是通向目標(biāo)的方法,內(nèi)方更多的是自己內(nèi)心的操守,不為外界所變動(dòng)的部分。
微博作為一個(gè)社交媒體,在信息洪流中,我們要做到圓融,才能更方便的與圈子融合,微信朋友圈作為熟人的社交場(chǎng)子,更多的是展示個(gè)性,釋放自我,代表著的是自己的能能量。
第四:其他方面的因素決定
1.行動(dòng)裝置普及后,因圓形與手指按壓在屏幕上的形狀類似,而被廣泛的使用。
2.其實(shí)人類早就有這樣的應(yīng)用,例如將人物應(yīng)用于圓形硬幣與圓形藝術(shù)畫(huà)中。
3.只是一個(gè)設(shè)計(jì)的風(fēng)潮,剛好流行到“圓形”這個(gè)周期。
4.很多準(zhǔn)則或模板都只提供圓形版本。
5.現(xiàn)在的CSS3技術(shù)讓圓角(圓形)輕易實(shí)現(xiàn)且各瀏覽器也幾乎都有支持。
以上四個(gè)方面,供大家參考。同時(shí)也值得大家好好思考的題目。
下面我們來(lái)進(jìn)行一項(xiàng)實(shí)驗(yàn):分別設(shè)計(jì)成方形頭像和圓形頭像,通過(guò)對(duì)比來(lái)分析出圓形頭像的好處。
左圖是方形頭像,右圖是圓形頭像。通過(guò)對(duì)比,可以發(fā)現(xiàn)以下幾點(diǎn):
A、圓形頭像能夠更好地幫助用戶聚焦到人臉。雖然左圖能夠完整地呈現(xiàn)人物特征,但是干擾信息較多,例如背景中的燈光、門(mén)柱、屏風(fēng)。對(duì)比之下,右圖更為清晰地展示了人物的臉部特征,例如錐子臉、美瞳、假睫毛。在前面的分析中也提到,手機(jī)拍攝的照片質(zhì)量參差不齊。在這種現(xiàn)實(shí)情況下,圓形頭像更有利于忽略照片的背景,提高頭像的識(shí)別效率。
B、嚴(yán)格意義上講左圖并不能稱之為頭像,而更應(yīng)該稱之為照片。原因很簡(jiǎn)單,頭像嘛,自然應(yīng)該以展示“頭”為主,而左圖中頭像只占畫(huà)面四分之一不到的區(qū)域。從這個(gè)角度來(lái)說(shuō),顯然右圖更為合適。在選擇照片作為頭像時(shí),如果是圓形,用戶更愿意選擇臉部的照片作為頭像;如果是方形,用戶則相對(duì)更隨意,通常是全身或是半身照。不信,你可以打開(kāi)自己的微信,看看自己的好友頭像,或者往前滑滑看看前面的配圖。
C、日常生活中,我們看到的大多數(shù)相框都是方形的,圓形的相框較少,這是因?yàn)榇蠖鄶?shù)照片都是方形的。因此,使用圓形的輪廓來(lái)表現(xiàn)頭像,能夠快速地和照片區(qū)分開(kāi)來(lái),更加突出。
聊到這里,以上的證據(jù)是非常充分的。我想各位同學(xué)們應(yīng)該基本了解了為什么在APP設(shè)計(jì)當(dāng)中,已經(jīng)習(xí)慣和喜歡使用圓形頭像的原因了吧!
全站高品質(zhì)素材免費(fèi)下載!