大家還記不記的你的扣扣頭像和微信頭像,甚至很多貼吧論壇頭像或手機(jī)里面的APP頭像,是什么時(shí)候不知不覺的變成圓形的呢?是因?yàn)榻诘脑O(shè)計(jì)風(fēng)潮如此?還是UI設(shè)計(jì)師們較近都喜歡圓形的設(shè)計(jì)?更或者還有其他特殊的原因呢?小編給您準(zhǔn)備了答案,一起來(lái)了解一下吧!
個(gè)人頭像的定義與發(fā)展:
隨著網(wǎng)絡(luò)用戶族群增加,他們對(duì)于藉由平臺(tái)與其他用戶互動(dòng)的需求就越高,也因此發(fā)展出許多可互動(dòng)的平臺(tái)類型,例如論壇、信箱、聊天室、部落格到社群等。其中每個(gè)用戶都代表著一個(gè)獨(dú)特個(gè)體(無(wú)論是真實(shí)身份或虛擬角色),這些個(gè)體會(huì)有相對(duì)應(yīng)的資訊,以及代表個(gè)體的個(gè)人頭像。而個(gè)人頭像通常是具個(gè)性化(用戶覺得能代表自我)的標(biāo)志,大多以平面或3D圖像的方式呈現(xiàn)。
感受與認(rèn)知層面
1、方形太無(wú)趣了。
2、大腦可較輕易的處理圓形內(nèi)的訊息,減少認(rèn)知的壓力。
3、相較于方形,圓形更柔性、有機(jī)、安全、順眼、現(xiàn)代與友善,也更能與他人情感交流。
4、更有關(guān)注的感覺,例如想到望遠(yuǎn)鏡或放大鏡的視野。
5、大多照片的四周都是無(wú)意義的背景或訊息,圓形可以將其切除。
6、通常拍照會(huì)把"人"擺在中心,而圓形中心到四周距離都一致,可讓臉更突出。
視覺層面
1、視線在方形的焦點(diǎn)有5個(gè)(四個(gè)角+中心),而圓形只有一個(gè)(中心)。
2、圓潤(rùn)的線條或角度,可讓視線自然的追隨與運(yùn)動(dòng),不會(huì)像看到90度角而停頓下來(lái),更詳盡的內(nèi)容可參考這篇。
3、在掃視的情況下,使用圓形可協(xié)助使用者辨識(shí)或區(qū)分是否為內(nèi)容,因?yàn)閮?nèi)容通常會(huì)置于用方型容器,例如文字、照片或?qū)］嫷取?/p>
其他層面
1、行動(dòng)裝置普及后,因圓形與手指按壓在螢?zāi)簧系男螤铑愃?而被廣泛的使用。
2、其實(shí)人類早就有這樣的應(yīng)用,例如將人物應(yīng)用于圓形硬幣與圓形藝術(shù)畫中。
3、只是一個(gè)設(shè)計(jì)的風(fēng)潮,剛好流行到"圓形"這個(gè)周期。
4、很多準(zhǔn)則或模板都只提供圓形版本。
5、現(xiàn)在的CSS3技術(shù)讓圓角(圓形)輕易實(shí)現(xiàn)且各瀏覽器也幾乎都有支援。
在UX movement中,作者Anthony也提出了一些有別于上述的觀點(diǎn),簡(jiǎn)單整理如下:
1、角度的邊緣,看起來(lái)較明顯
通常方形的銳利四角,因?yàn)閷?duì)比(顏色或形狀)的關(guān)系,在視覺上會(huì)更明顯,造成干擾。使用圓形并無(wú)此問(wèn)題,所以更可強(qiáng)調(diào)重點(diǎn)– "臉部"。
小編有沒有解決您的疑惑呢?歡迎留言!
