一、用公司漏溝做微信頭像會(huì)怎么樣？

如果用公司logo做微信頭像的話，感覺這個(gè)人還是對(duì)公司的品牌充滿信心，或者說，嗯，還是把公司的一些嗯推廣和自己的個(gè)人捆綁在了一起。

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

作者：冬筍

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

來源：知乎

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

結(jié)論：

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

以空間頁的場景為例：

頭圖、單條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)，高大上。

在空間頁的場景里，值得/應(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)，此種場景下頭像并非需要強(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.方形和圓形的差別

方形和圓形都是場景的形狀，其視覺焦點(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)勢會(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.測試

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

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

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

C.另外請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è)角度的分析思路?，F(xiàn)提供一個(gè)感性一點(diǎn)的短答案：人的頭部更靠近圓形，使用圓形頭像更有利于突出“人物“的頭部特征；畢竟人形不是方形的；圓形其實(shí)就是一個(gè)點(diǎn)，比方形更容易成為視覺聚焦凝聚點(diǎn)；方形頭像中一般是人（或者主角）與環(huán)…

顯示全部

學(xué)習(xí)了前面的答題者從各個(gè)角度的分析思路?，F(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é)很不自然。

如何制作圓形頭像？

選擇圖片：從相冊選擇／手機(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)。

三、為什么互聯(lián)網(wǎng)公司logo都喜歡用動(dòng)物來表示？

老百姓給自家的娃起名無外乎這么幾種：找風(fēng)水先生求來的，也有腦袋一拍隨便來的等等。但你是否留意過，各大互聯(lián)網(wǎng)公司給自己的產(chǎn)品起名，特別喜歡用動(dòng)物來做Logo呢？如京東的狗、天貓的貓、騰訊的企鵝等等等等，當(dāng)然這一切都是有緣由的。

1. 天貓的貓。

   

取天貓這個(gè)名字主要是因?yàn)椤疤熵垺备鷗mall發(fā)音接近。為了和自己淘寶網(wǎng)相獨(dú)立又要與阿里巴巴大平臺(tái)掛鉤，天貓就誕生了，“天貓”致力于提供一個(gè)定位和風(fēng)格更加清晰的B2C消費(fèi)平臺(tái)。貓是性感而有品位的，天貓網(wǎng)購，代表的就是時(shí)尚、性感、潮流和品質(zhì)；貓?zhí)焐籼蓿籼奁焚|(zhì)，挑剔品牌，挑剔環(huán)境，這恰好就是天貓網(wǎng)購要全力打造的品質(zhì)之城。所以說用貓做Logo可不是空穴來風(fēng)哦。

2.      QQ企鵝。

其實(shí)在十多年前，QQ的前身OICQ剛上線的時(shí)候，Logo還是當(dāng)時(shí)流行的尋呼機(jī)。當(dāng)時(shí)的馬化騰等人決定使用小動(dòng)物來做Logo，這樣用戶會(huì)比較容易接受 。在設(shè)計(jì)師畫出了鴿子、企鵝等幾種小動(dòng)物形象之后，大家投票決定用企鵝。當(dāng)時(shí)還是一只瘦企鵝，在后來，騰訊找來了專業(yè)的設(shè)計(jì)團(tuán)隊(duì)，將QQ徹底“催肥”，加上了紅圍巾紅圍巾，一只眼睛圓咕嚕嚕的，另一只則眨巴著。QQ企鵝就這樣誕生了。所以說，是騰訊的員工們投票選擇了企鵝。

3、京東的狗。

京東商城官方對(duì)金屬狗吉祥物的詮釋是：對(duì)主人忠誠而著稱，擁有正直的品行和快捷的奔跑速度，當(dāng)然也有民間的一些坊間傳聞流傳，說是劉強(qiáng)東因?yàn)橐桶⒗锇桶偷奶熵垖?duì)標(biāo)，所以選擇狗這一Logo形象，這一更改也引發(fā)天貓與京東“貓狗大戰(zhàn)”的猜想。

除此之外YY的貍貓、去哪兒的駱駝還有美團(tuán)外賣的袋鼠等等，都是使用動(dòng)物的Logo，除了可以完美地代表其產(chǎn)品之外，背后也應(yīng)該都有一段屬于它們自己的品牌故事。

四、百度搜索結(jié)果里網(wǎng)站前面顯示該網(wǎng)站LOGO是怎么弄的啊？

百度搜索結(jié)果里網(wǎng)站前面顯示該網(wǎng)站LOGO是網(wǎng)站頭像，添加的步驟如下：

1、打開百度推廣后臺(tái)，完成百度競價(jià)賬號(hào)登錄之后，再點(diǎn)擊”搜索推廣“。（如下圖）

2、來到搜索推廣管理頁面，再點(diǎn)擊”高級(jí)樣式“。（如下圖）

3、來到百度推廣創(chuàng)新平臺(tái)，點(diǎn)擊”網(wǎng)站頭像“，然后選擇”開始創(chuàng)建“。（如下圖）

4、接著輸入網(wǎng)站頭像的名字，再點(diǎn)擊”瀏覽“從本地電腦上傳16x16像素的logo圖片，上傳完成之后再點(diǎn)擊”確定“。（如下圖一、圖二）

5、上傳網(wǎng)站頭像成功之后就會(huì)進(jìn)入百度審核，審核通過之后就會(huì)顯示”有效“，這樣在百度上搜索時(shí)就可以看到前面的logo頭像了。（如下圖）

以上就是關(guān)于公司logo頭像相關(guān)問題的回答。希望能幫到你，如有更多相關(guān)問題，您也可以聯(lián)系我們的客服進(jìn)行咨詢，客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。

推薦閱讀：