圓形頭像OR方形頭像

圓形頭像OR方形頭像

知乎上有人問圓形頭像or方形頭像選擇背后的設(shè)計理論,我也摻和了一腳:

問題地址:http://www.zhihu.com/question/23506420

我的回答:

學(xué)習(xí)了前面的答題者從各個角度的分析思路?,F(xiàn)提供一個感性一點的短答案:

人的頭部更靠近圓形,使用圓形頭像更有利于突出“人物“的頭部特征;畢竟人形不是方形的;

圓形其實就是一個點,比方形更容易成為視覺聚焦凝聚點;

方形頭像中一般是人(或者主角)與環(huán)境的組合,交代的是人物和環(huán)境的關(guān)系;

總結(jié):雖然圓形頭像對頭像的突出感會更強;但這并不是選擇頭像形狀時唯一要考慮的因素。其它需要考慮的因素有:

與頁面其它元素的和諧;(如上面有人提到的方形和圓形的沖突,本質(zhì)就是頁面上焦點太多容易顯得雜亂)

圓形圖片的處理和網(wǎng)絡(luò)前端展示成本:畢竟能通過拍照獲得的以及各種網(wǎng)絡(luò)圖片都是方形的;

……

兩種形狀的頭像各有特點,具體選擇哪一種要綜合考慮上述因素,以及頭像需要表達的意思。

不過話說回來,有人注意過手機客戶端上設(shè)置圓形頭像時的交互體驗了嗎?至少我感覺,交互細(xì)節(jié)很不自然。

如何制作圓形頭像?

選擇圖片:從相冊選擇/手機拍照

將選中圖片截取成系統(tǒng)支持的大小:通常是拖動矩形截取框,在選中的大圖中選擇需要截取為頭像的區(qū)域,此過程中考慮周到一點的應(yīng)用會支持縮放圖片,讓矩形截取框能包含更多的東西,但是一般的app并沒這么周到;

確定矩形截取框位置后,點擊確定,系統(tǒng)自動將選中的矩形區(qū)域處理成圓形頭像;

發(fā)現(xiàn)問題了嗎?截取頭像的過程中,你一直看到的是矩形圖片,但是最終的頭像卻需要在一個黑盒子中處理成一個未知的圓形,根本無法所見即所得。一般情況下,用這種方式制作的圓形頭像都有點偏離中心,對強迫癥和處女座很不友好好嘛?從用戶制作頭像的角度來說,方形頭像更易制作,畢竟我們拍得照片都是方形的,畢竟所見即所得。

所以不要再盲目跟風(fēng)用什么“時髦”的圓頭像了,設(shè)計師OR產(chǎn)品經(jīng)理除了考慮頁面展示和諧度,更需要考慮與圓頭像相關(guān)聯(lián)操作如制作、預(yù)覽頭像等的體驗。

————————

永遠不要單點得考慮問題,畢竟?fàn)恳话l(fā)動全身~

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,176評論 25 708
  • 內(nèi)容抽屜菜單ListViewWebViewSwitchButton按鈕點贊按鈕進度條TabLayout圖標(biāo)下拉刷新...
    皇小弟閱讀 47,167評論 22 665
  • 馬云演講中,經(jīng)常聽到一句話是,很多人晚上想來千條路,早上起來走原路。一句話道破了改變是多么困難的事情。雖然我也并不...
    張益達_vivi閱讀 451評論 0 5
  • 被美夢叫醒,夢里有個聲音讓我查查機票,一下驚醒,翻看手機,看完之后,覺得夢里的東西很好,很美,很真,有時候真想一去...
    麻木木閱讀 129評論 1 0
  • 本命年,一種需要大紅色來給自己安慰的一年。以前不懂,真的以為只是命理上的不順,后來才懂得,還是24這個年齡的問題。...
    古董小姐Wang閱讀 249評論 2 1

友情鏈接更多精彩內(nèi)容