看到這樣的標(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ì)作品:
放眼望去,圓形頭像已然占領(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)容,眼球也較不需要移動。如下圖:
第二:從設(shè)計(jì)視覺角度考慮
1.視線在方形的焦點(diǎn)有5個(四個角+中心),而圓形只有一個(中心)
2.圓潤的線條或角度,可讓視線自然的追隨與運(yùn)動,不會像看到90度角而停頓下來。
3.在掃視的情況下,使用圓形可協(xié)助使用者辨識或區(qū)分是否為內(nèi)容,因?yàn)閮?nèi)容通常會置于用方型容器,例如文字、照片或?qū)]嫷取?
第三:從產(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ì)成方形頭像和圓形頭像,通過對比來分析出圓形頭像的好處。
左圖是方形頭像,右圖是圓形頭像。通過對比,可以發(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)下載!