圓形風(fēng)景頭像

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于圓形風(fēng)景頭像的問題，以下是小編對(duì)此問題的歸納整理，讓我們一起來看看吧。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶遍布全球各地，相關(guān)業(yè)務(wù)請(qǐng)撥打電話：175-8598-2043，或添加微信：1454722008

本文目錄:

• 1、圓形頭像和方形頭像在產(chǎn)品交互或視覺設(shè)計(jì)上的根本區(qū)別概念是什么？

• 2、80屬猴用微信頭像招財(cái)，屬猴微信旺財(cái)好運(yùn)網(wǎng)名1980年女屬猴

• 4、找頭像下載什么軟件

一、圓形頭像和方形頭像在產(chǎn)品交互或視覺設(shè)計(jì)上的根本區(qū)別概念是什么？

作者：冬筍

鏈接：https://www.zhihu.com/question/23506420/answer/24955628

來源：知乎

著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

結(jié)論：

在以方形為基本元素的頁面里，出現(xiàn)一個(gè)明顯的圓形區(qū)域有非常好的效果（恰好是頭像需要的、被強(qiáng)調(diào)的效果），但若圓形區(qū)域批量出現(xiàn)，會(huì)和頁面內(nèi)其他大量方形外廓造成沖突。

以空間頁的場(chǎng)景為例：

頭圖、單條feed、feed里的圖片－－最基本的（非頭像的）圖片元素，大多是方形。原因可能是對(duì)大數(shù)量級(jí)＋質(zhì)量不可控的圖源做異形處理，未必有好的效果。據(jù)說還要考慮前端性能壓力。

以及，我們電腦or移動(dòng)設(shè)備的屏幕、瀏覽器的窗口、還有頁面上劃分出來的各個(gè)區(qū)域，通常都會(huì)有明顯的方形外緣。

如下圖。（夾帶私貨：我非常不知道為什么微博設(shè)計(jì)團(tuán)隊(duì)特別愛用引導(dǎo)線）

<img src="https://pic3.zhimg.com/d3507423a2d7a00796c7a466b3d7ce36_b.jpg" data-rawwidth="628" data-rawheight="346" class="origin_image zh-lightbox-thumb" width="628" data-original="https://pic3.zhimg.com/d3507423a2d7a00796c7a466b3d7ce36_r.jpg">

一眼望去方形套方形、方形挨方形時(shí)，如果單獨(dú)出現(xiàn)一個(gè)圓形區(qū)域，能瞬間吸引視覺焦點(diǎn)，高大上。

在空間頁的場(chǎng)景里，值得/應(yīng)該這么做的，主人的頭像算一個(gè)。如下圖。

<img src="https://pic1.zhimg.com/02eae796880d67094586f2144ab79748_b.jpg" data-rawwidth="619" data-rawheight="333" class="origin_image zh-lightbox-thumb" width="619" data-original="https://pic1.zhimg.com/02eae796880d67094586f2144ab79748_r.jpg">

但是如果有方又有圓，一大波小圓頭像正在襲來，麻煩也跟著來了：

<img src="https://pic4.zhimg.com/2c44d4a2a383725bdda568ca74b5cafb_b.jpg" data-rawwidth="620" data-rawheight="346" class="origin_image zh-lightbox-thumb" width="620" data-original="https://pic4.zhimg.com/2c44d4a2a383725bdda568ca74b5cafb_r.jpg">

上圖嚴(yán)格對(duì)齊了柵格＋等高－－－這么無趣的手法都用了！頁面仍然亂。

如果是瀑布流，處女座還能活么。

移動(dòng)端的屏幕小。批量顯示用戶時(shí)，如果用小圓頭像，可以考慮弱化方形外廓，避免視覺沖突：

<img src="https://pic1.zhimg.com/6f2fff66342f2e0311df4333abbf755c_b.jpg" data-rawwidth="314" data-rawheight="473" class="content_image" width="314">

一個(gè)不恰當(dāng)使用圓頭像的例子：

1、頁面中明顯的方形外廓和明顯的圓形外廓都出現(xiàn)，此種場(chǎng)景下頭像并非需要強(qiáng)調(diào)的核心元素。

2、這個(gè)頁面還有其他不妥之處：有多種字體、字號(hào)、字色，有不同風(fēng)格的 ICON，圖片下的ICON字體和底導(dǎo)航處的ICON字體不一樣。

<img src="https://pic3.zhimg.com/03840d7e48a60cddfc2b02cd31bde646_b.jpg" data-rawwidth="313" data-rawheight="475" class="content_image" width="313">

編輯于 2014-12-24

15 條評(píng)論

感謝

分享

收藏

•

沒有幫助

•

舉報(bào)

•

作者保留權(quán)利

收起

25

贊同

反對(duì)，不會(huì)顯示你的姓名

Ataraxia

，再就業(yè)中的交互設(shè)計(jì)師，求推介

25 人贊同

對(duì)于圓形頭像和方形頭像的差別，我是這樣想的：方形頭像和圓形頭像的識(shí)別效率哪種更高？1.頭像的目標(biāo)是做什么用的？我的理解：頭像是做用戶識(shí)別的。識(shí)別不同用戶的方法有很多：用戶名、用戶ID、頭像、郵箱、手機(jī)等等。因?yàn)槿四X對(duì)圖像的接收處理能力比文字強(qiáng)…

顯示全部

對(duì)于圓形頭像和方形頭像的差別，我是這樣想的：方形頭像和圓形頭像的識(shí)別效率哪種更高？

1.頭像的目標(biāo)是做什么用的？

我的理解：頭像是做用戶識(shí)別的。識(shí)別不同用戶的方法有很多：用戶名、用戶ID、頭像、郵箱、手機(jī)等等。因?yàn)槿四X對(duì)圖像的接收處理能力比文字強(qiáng)很多，另外人體特征導(dǎo)致人臉比人體其他部分的識(shí)別效率更高，所以很多互聯(lián)網(wǎng)在識(shí)別用戶上，普遍采用了用戶頭像的方法。

方形頭像和圓形頭像的目的一樣，都是做人臉識(shí)別標(biāo)識(shí)用戶的。人臉的特征是這樣的:

<img src="https://pic2.zhimg.com/1508baaa787ad7c5234f3f2d27d2ff9d_b.jpg" data-rawwidth="900" data-rawheight="584" class="origin_image zh-lightbox-thumb" width="900" data-original="https://pic2.zhimg.com/1508baaa787ad7c5234f3f2d27d2ff9d_r.jpg"><img src="https://pic3.zhimg.com/12b17bbce33ca3fc8382d9d97b7ad3a2_b.jpg" data-rawwidth="1200" data-rawheight="1390" class="origin_image zh-lightbox-thumb" width="1200" data-original="https://pic3.zhimg.com/12b17bbce33ca3fc8382d9d97b7ad3a2_r.jpg">

2.方形和圓形的差別

方形和圓形都是場(chǎng)景的形狀，其視覺焦點(diǎn)的差別是圓形的焦點(diǎn)很聚焦，在圓心位置。方形的焦點(diǎn)在九宮格四點(diǎn)上。

<img src="https://pic3.zhimg.com/52c7efe791da91283df0004b6462741e_b.jpg" data-rawwidth="993" data-rawheight="1000" class="origin_image zh-lightbox-thumb" width="993" data-original="https://pic3.zhimg.com/52c7efe791da91283df0004b6462741e_r.jpg"><img src="https://pic3.zhimg.com/884bf3027bf32a6e3f16b75a8afba376_b.jpg" data-rawwidth="500" data-rawheight="375" class="origin_image zh-lightbox-thumb" width="500" data-original="https://pic3.zhimg.com/884bf3027bf32a6e3f16b75a8afba376_r.jpg">

3.用戶一般使用什么圖片做頭像

最理想的情況下，用戶使用自己的真實(shí)人臉照片做頭像?，F(xiàn)實(shí)情況中，用戶會(huì)使用各種各樣的圖片做頭像。在電腦上拍攝照片不容易，QQ就提供了很多張不同的圖片，如風(fēng)景照，靜物照，卡通人物頭像等默認(rèn)頭像給用戶選擇。在智能手機(jī)興起后，用戶拍攝照片非常容易了，但出于隱私等各種原因的考慮，很多人還是不會(huì)采用標(biāo)準(zhǔn)的真實(shí)人臉照片做頭像。

另外如果用戶是企業(yè)/公司用戶，一般使用企業(yè)/公司的logo做頭像。

4.方形頭像和圓形頭像的識(shí)別效率哪種更高？

A.如果用戶采用標(biāo)準(zhǔn)的人臉照片做頭像，圓形的頭像可以讓用戶忽略掉照片的背景（花花草草什么的），更快地聚焦到人臉。這種時(shí)候，我傾向圓形頭像的識(shí)別用戶的效率更高。但也不絕對(duì)，識(shí)別兩個(gè)雙胞胎的頭像的某個(gè)位置的小差別，方形的聚焦點(diǎn)位置多的優(yōu)勢(shì)會(huì)讓它更容易識(shí)別出來。

B.如果用戶不是采用標(biāo)準(zhǔn)的人臉照片做頭像，那么兩者的差別就不大了，因?yàn)檫@時(shí)是看照片的整體而不是著眼于臉部了。

C.但如果用戶是企業(yè)，方形的頭像就更好適配。因?yàn)楹芏嗥髽I(yè)的logo是矩形的，使用圓形頭像不一定能容納地下，或者搭配一起不協(xié)調(diào)。

5.圓形的輪廓可以更好地暗示用戶這是頭像

方形的圖片在web上很常見，商品圖是方形的，各種社交網(wǎng)站的縮略圖是方形的...方形的圖片不能讓用戶馬上聯(lián)想到頭像。而圓形的圖片是不常見的，拍出來的照片是矩形的，圓形的圖片在web上的應(yīng)用主要是頭像和圖標(biāo)。圓形的圖片可以更好地讓用戶理解這是頭像。

另外用戶在上傳個(gè)人照片時(shí)，如果使用圓形的輪廓頭像，可以讓用戶更傾向于使用人臉的照片做頭像。因?yàn)楹芏嘈枰凑w照片的風(fēng)景照不適合于聚焦某點(diǎn)上的展示方式。

6.測(cè)試

上面的都是個(gè)人的想法，也許不準(zhǔn)確，很難說服所有人。我想可以通過做一個(gè)簡(jiǎn)單的測(cè)試來了解方形頭像和圓形頭像哪種識(shí)別用戶的效率更高。

A.準(zhǔn)備500個(gè)用戶的信息（頭像，昵稱和簽名），盡量模擬頭像展示的常見形態(tài)。

B.從中隨機(jī)找出30個(gè)用戶，請(qǐng)其信息聚合到另外一個(gè)頁面上，打印下來。

C.另外請(qǐng)20個(gè)人過來，給他們看打印下來的30個(gè)人的信息，讓其從這500個(gè)用戶找出這30人，統(tǒng)計(jì)時(shí)間，看看哪個(gè)效率更高一點(diǎn)。

<img src="https://pic2.zhimg.com/573dd835419faf2583feaceaa78b5065_b.jpg" data-rawwidth="1345" data-rawheight="718" class="origin_image zh-lightbox-thumb" width="1345" data-original="https://pic2.zhimg.com/573dd835419faf2583feaceaa78b5065_r.jpg"><img src="https://pic2.zhimg.com/d033c83ccb12c87f0a26faf1f595a52d_b.jpg" data-rawwidth="1345" data-rawheight="718" class="origin_image zh-lightbox-thumb" width="1345" data-original="https://pic2.zhimg.com/d033c83ccb12c87f0a26faf1f595a52d_r.jpg">

發(fā)布于 2014-11-02

3 條評(píng)論

感謝

分享

收藏

•

沒有幫助

•

舉報(bào)

•

作者保留權(quán)利

收起

YONG

，to think and to do

2 人贊同

學(xué)習(xí)了前面的答題者從各個(gè)角度的分析思路。現(xiàn)提供一個(gè)感性一點(diǎn)的短答案：人的頭部更靠近圓形，使用圓形頭像更有利于突出“人物“的頭部特征；畢竟人形不是方形的；圓形其實(shí)就是一個(gè)點(diǎn)，比方形更容易成為視覺聚焦凝聚點(diǎn)；方形頭像中一般是人（或者主角）與環(huán)…

顯示全部

學(xué)習(xí)了前面的答題者從各個(gè)角度的分析思路。現(xiàn)提供一個(gè)感性一點(diǎn)的短答案：

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

圓形其實(shí)就是一個(gè)點(diǎn)，比方形更容易成為視覺聚焦凝聚點(diǎn)；

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

總結(jié)：雖然圓形頭像對(duì)頭像的突出感會(huì)更強(qiáng)；但這并不是選擇頭像形狀時(shí)唯一要考慮的因素。其它需要考慮的因素有：

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

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

……

兩種形狀的頭像各有特點(diǎn)，具體選擇哪一種要綜合考慮上述因素，以及頭像需要表達(dá)的意思。

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

如何制作圓形頭像？

選擇圖片：從相冊(cè)選擇／手機(jī)拍照

將選中圖片截取成系統(tǒng)支持的大?。和ǔＪ峭蟿?dòng)矩形截取框，在選中的大圖中選擇需要截取為頭像的區(qū)域，此過程中考慮周到一點(diǎn)的應(yīng)用會(huì)支持縮放圖片，讓矩形截取框能包含更多的東西，但是一般的app并沒這么周到；

確定矩形截取框位置后，點(diǎn)擊確定，系統(tǒng)自動(dòng)將選中的矩形區(qū)域處理成圓形頭像；

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

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

二、在抖音里怎樣把唱歌或跳舞人變?yōu)樽约海?/strong>