為什麼最近圓形頭像變得流行?

使用圓形頭像的有 OS X,Path,Medium,Twitterrific 5、Svbtle、Facebook Home、Letterpress 等...

如圖所示:
【蘋果的 Web 版 iCloud 和 iOS】

【OS X Yosemite】

【Google 賬戶的 Web 版】

【Android 5.X】

【Microsoft 賬戶 Web 設置頁面】

【Windows 10 桌面版】


1. 新鮮的設計流行趨勢。
相比大部分方形頭像來說顯得有新意,不是那麼呆板,還可以形式上向那些設計感十足的 App 靠攏,獲得形式上的觀感。

2. 圓形,比較適合顯示頭像,有益於引導用戶使用真實頭像。
沒做過詳細統計,但感覺中大部分使用圓形頭像的多是社交產品。
非人像的照片或其他傳統圖標都是基於方形的,裁成圓形損失都比較大,很醜,看看大部分微信公眾號的圓形圖標就知道了。如果規定頭像是圓形的,這時候只有人頭裁成圓形對信息和美感減損最少。

暫時只想到以上,其實都屬於比較勉強的理由,後面有想法再補充,期待其他更給力的答案。


歸根結底,人是善變的,口味也是多變的。
反過來,當下圓角頭像流行幾年後,又輪到方形登場了。
--
從個人喜好來說,相比方形,圓形更能聚焦內容,顯得飽滿。
所以,去年11月份左右設計微博急簡插件時,頭像就以圓形顯示。
貼個效果:

如果你是微博用戶,又特別鍾愛圓形頭像,那麼試試 微博急簡 。(廣告,呵呵)


因為圖片本身都是方的,用圖片做頭像,不用動腦子考慮,什麼都不幹,出來的也是方的。

現在有人動腦子了,想變一下,加之 CSS3 日趨成熟,使得圓形頭像開始流行。
也就是技術到位了,使得設計人員能夠稍微放開手腳做點改變了。

思考題:為什麼不用其他形狀,比如,三角形(面積小了,而且不怎麼好看),六邊形(技術上還不太方便實現,六角形適合的場合也有限),等等


上面說的都很詳細了,我隨便想了一個。在矩形的屏幕中、矩形的列表上、矩形的圖片和按鈕前,圓形的是不是顯得活潑些呢?簡單說,就是同一界面下,不同形狀的混搭,不至於單調。而且圓形頭像下方的部分都是比較嚴肅和理性的,頭像提供對這個用戶感性的外貌認識,所以圓形可能更合適。
還有,記得以前的印著明星頭像的馬口鐵胸牌(背面帶著別針)大多也都是圓形的,很多女生喜歡別再背包上的那種。


我自己作圖的感受就是,頭像所應用的顯示區一般都是矩形的,內容組織一般都是列表樣式,於是在一個界面中常見各種方形,比較呆板。
圓形的東西在這樣的整體中可以「破」一下這種方形的結構,使視覺上更有節奏感,不至於視覺效果顯得乏味。
也許有人說那這樣為啥其他的控制項不也搞成圓形的。我想這是因為在現在主流的顯示設備上,長條矩形的組織方式最節省控制項也很易讀。
頭像這貨就是為了讓用戶的圖像看起來很美,再配合圓形這種較顯眼的形狀,錦上添花。


我承認在顯示合適比例的真人照片頭像的時候大部分情況下圓形邊框比方形邊框更有美感(注意限定詞),但問題是。。。誰特喵的規定了必須用真人照片做頭像了?
同樣的圖片圓形比方形損失的信息量不是一點半點,而且有很多排版和對齊的問題,和使用方形相比對界面設計水平的要求更高。
微軟的狗牌新設計採用的圓形頭像說實話我覺得比原來的方形設計好看了一些(畢竟狗牌應該只允許用真人頭像吧),但是人脈、登錄界面等等的圓形頭像一直讓我有種想砸電腦/手機的衝動。話說有沒有大神能做一個補丁強制讓Windows10的登錄界面的頭像變成方形的。。。


第一二個用圓形頭像的應該是基於很多設計和技術上的考慮,至於後來的一大票,無他,跟風耳。我個人就對圓形頭像不感冒。始終認為圓角矩形是最好的。


難道這才是他們的靈感來源?


圓頭像是一張殘缺的圖片 除了一張臉幾乎沒有構圖可言 所以漂亮也漂亮不到哪去 丑也有個借口
(就像證件照把所有人照丑了一樣)
近年來網路的一個趨勢就是越來越真實了
越來越多的人習慣於用真實照片做頭像
而大多數人的臉根本不具備在方形圖片構圖中好看的基礎素質 切成圓圖也算是遮醜了


目前「圓形頭像」的流行,應該與HTML5/CSS3的普及流行相關

Web標註的發展是非常曲折的,在很長一段時間,各類網站的前端目標是保證「能用」,不會在IE6或Firefox等不同次元瀏覽器中出現各種兼容問題,乃至難看的錯位。

如今我們幾乎快要徹底消滅IE6這個怪胎了,2013年後,中國市場的IE6佔用率開始極速降低,歸功於移動終端的大發展和XP時代的結束。網站前端們擺脫了對IE6、IE7等老舊瀏覽器的泥潭,從而可以優雅的使用便捷的新標準,來實現更多的差異和個性。簡單1行代碼就能帶來視覺上的新鮮感,為何不用呢!

譬如新浪微博的圓形頭像就使用了CSS3屬性:

border-radius:50%

設計領域可謂「方久必圓,圓久必方」。而且頭像功能的意義,可能更多的是希望圖片內容能夠傳達出該帳號主人的特點,捨棄掉一些可能繁雜的背景,能夠形成更好的聚焦,又不會破壞整體。


其實吧....現在主流瀏覽器對css3的圖片圓角屬性border-radius支持越來越不錯了.....

提設計潮流的,估計是沒跟設計人員打過交道的


圓形為「頭像」,方形為「圖片」,用形狀區分「人」與「物」,使用戶形成習慣並快速區分。


上面已經有不少朋友提到了流行趨勢,這點不容質疑。但更有它的合理性。
說到圓形頭像的合理性,這可以從歐洲古典油畫人物肖像找到證據。

這種橢圓形的畫框或畫幅在當時作品中已經佔有一定比例,對於半身胸像或頭像來講,這種形狀很適形。,而沒有任何一件風景油畫被畫成橢圓形的。目前所用的網路頭像,圖片尺寸已很小,用正圓形來展示主要的臉部特徵是很合理的。


圓頭像猶如鏡頭,點開來就打開了一個世界。


http://weixin.qq.com/r/FquLk2XEBDh7rSHw9-4E (二維碼自動識別)


我也很困擾
本來這個圖是方的,用成頭像就。。

總之不經意間完美契合了本人渾圓的臉
已經被笑話很久了


因為圓形是一個即能區別於方形,又極其簡單的圖形吧。因為我感覺正多邊形也是不錯的選擇,只是設計和排版上會麻煩點。


個人認為,圓形是有種聚焦的作用吧~扣扣上,我經常換頭像,圓形的框框,有時候真的不是很喜歡,不過看了給位的見解,我服了~~


mac開機用戶頭像就是圓的,的確比方方整整的順眼得多。


推薦閱讀:

找個類似 eico design 的設計公司做一個移動應用的設計要多少費用?
什麼是沉浸式設計?它有什麼具體特點?
Instagram for iOS 7 新版使用圓形頭像,這是錯誤的設計決定嗎?
重新設計的 Flickr for iOS 新版體驗如何?
如何看待「ONE · 一個」APP 2.0 的改版?

TAG:用戶界面設計 | 圓形頭像 |