大家還記不記的你的扣扣頭像和微信頭像,甚至很多貼吧論壇頭像或手機里面的APP頭像,是什么時(shí)候不知不覺(jué)的變成圓形的呢?是因為近期的設計風(fēng)潮如此?還是UI設計師們較近都喜歡圓形的設計?更或者還有其他特殊的原因呢?小編給您準備了答案,一起來(lái)了解一下吧!

個(gè)人頭像的定義與發(fā)展:

隨著(zhù)網(wǎng)絡(luò )用戶(hù)族群增加,他們對于藉由平臺與其他用戶(hù)互動(dòng)的需求就越高,也因此發(fā)展出許多可互動(dòng)的平臺類(lèi)型,例如論壇、信箱、聊天室、部落格到社群等。其中每個(gè)用戶(hù)都代表著(zhù)一個(gè)獨特個(gè)體(無(wú)論是真實(shí)身份或虛擬角色),這些個(gè)體會(huì )有相對應的資訊,以及代表個(gè)體的個(gè)人頭像。而個(gè)人頭像通常是具個(gè)性化(用戶(hù)覺(jué)得能代表自我)的標志,大多以平面或3D圖像的方式呈現。

感受與認知層面

1、方形太無(wú)趣了。

2、大腦可較輕易的處理圓形內的訊息,減少認知的壓力。

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

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

5、大多照片的四周都是無(wú)意義的背景或訊息,圓形可以將其切除。

6、通常拍照會(huì )把"人"擺在中心,而圓形中心到四周距離都一致,可讓臉更突出。

視覺(jué)層面

1、視線(xiàn)在方形的焦點(diǎn)有5個(gè)(四個(gè)角+中心),而圓形只有一個(gè)(中心)。

2、圓潤的線(xiàn)條或角度,可讓視線(xiàn)自然的追隨與運動(dòng),不會(huì )像看到90度角而停頓下來(lái),更詳盡的內容可參考這篇。

3、在掃視的情況下,使用圓形可協(xié)助使用者辨識或區分是否為內容,因為內容通常會(huì )置于用方型容器,例如文字、照片或專(zhuān)輯等。

其他層面

1、行動(dòng)裝置普及后,因圓形與手指按壓在螢幕上的形狀類(lèi)似,而被廣泛的使用。

2、其實(shí)人類(lèi)早就有這樣的應用,例如將人物應用于圓形硬幣與圓形藝術(shù)畫(huà)中。

3、只是一個(gè)設計的風(fēng)潮,剛好流行到"圓形"這個(gè)周期。

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

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

在UX movement中,作者Anthony也提出了一些有別于上述的觀(guān)點(diǎn),簡(jiǎn)單整理如下:

1、角度的邊緣,看起來(lái)較明顯

通常方形的銳利四角,因為對比(顏色或形狀)的關(guān)系,在視覺(jué)上會(huì )更明顯,造成干擾。使用圓形并無(wú)此問(wèn)題,所以更可強調重點(diǎn)– "臉部"。

小編有沒(méi)有解決您的疑惑呢?歡迎留言!