社交媒體共享圖標(biāo)在網(wǎng)頁(yè)設(shè)計(jì)中的作用

2013-4-1    藍(lán)藍(lán)設(shè)計(jì)的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   m.sillybuy.com  )是一家專(zhuān)注而深入的設(shè)計(jì)機(jī)構(gòu) ,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)   、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶體驗(yàn) 、交互設(shè)計(jì)、   網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來(lái)源:http://www.woshipm.com/operate/19876.html

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中,   請(qǐng)點(diǎn)這里

上周末,我參加了生平第一次黑客馬拉松。你知道什么是黑客馬拉松嗎?那是一個(gè)出錢(qián)的人(投資者)尋找可能開(kāi)發(fā)成功的項(xiàng)目,然后持續(xù)24小時(shí)的很長(zhǎng)很長(zhǎng)的馬拉松式的編程活動(dòng)。所以我和我的朋友們或多或少的建立并提出了一些現(xiàn)成的項(xiàng)目(無(wú)論從發(fā)展還是商業(yè)的角度去看),于是投資者選擇在這些項(xiàng)目上投入。在一個(gè)項(xiàng)目發(fā)展的階段上,我們?cè)谏缃幻襟w圖標(biāo)的選擇上面發(fā)生了很多爭(zhēng)執(zhí),而且沒(méi)有一個(gè)人想要放棄。這次的爭(zhēng)論給我們提供了新的想法,也使我們更加注重社交媒體圖標(biāo)在網(wǎng)頁(yè)設(shè)計(jì)中的作用。它們看起來(lái)像什么?它們真正的作用是什么呢?為什么網(wǎng)頁(yè)開(kāi)發(fā)人員懷疑它們呢?

剖析社交媒體圖標(biāo)

事實(shí)上,社交媒體圖標(biāo)可以理解為社交媒體、社交網(wǎng)絡(luò)的標(biāo)志以及說(shuō)明的鏈接。

社交媒體圖標(biāo)可以表現(xiàn)出幾個(gè)不同的功能。有時(shí),它是社交網(wǎng)絡(luò)中的公司資料頁(yè)面/帳戶的鏈接。通常情況下,你可以在它們的周?chē)吹健案S我們……”或“加入我們……”這樣的字樣。這些圖標(biāo)通常會(huì)被放在網(wǎng)頁(yè)的頂部或底部,也可以放置在側(cè)邊欄。從經(jīng)驗(yàn)來(lái)說(shuō),它們?cè)谡麄€(gè)網(wǎng)站都是可見(jiàn)的。

Lucius

Social media sharing icons influence web designs

New York Times

Social media sharing icons influence web designs

 

社交媒體圖標(biāo)可以在社交網(wǎng)絡(luò)中的用戶帳戶內(nèi)共享特定的網(wǎng)站頁(yè)面內(nèi)容。這樣的圖標(biāo)總是應(yīng)用于博客和網(wǎng)上商店,我們也可以把它分為兩種類(lèi)型:

普通的社交媒體共享圖標(biāo);

47 Brand

Social media sharing icons influence web designs

社交共享計(jì)數(shù)按鈕圖標(biāo)

Design Web Kit

Social media sharing icons influence web designs

坦率地講,這樣等于花費(fèi)大量的時(shí)間通過(guò)普通的社交媒體分享按鈕來(lái)尋找一個(gè)網(wǎng)站,而看起來(lái)網(wǎng)頁(yè)開(kāi)發(fā)人員和網(wǎng)站訪問(wèn)者更喜歡計(jì)數(shù)器按鈕。但是,如果你對(duì)社會(huì)參與度進(jìn)行調(diào)查而得到一個(gè)水平線后,你就會(huì)對(duì)應(yīng)不應(yīng)該使用社會(huì)共享計(jì)數(shù)器按鈕而產(chǎn)生懷疑。一篇文章,只有幾個(gè)甚至是零分享的話看起來(lái)就會(huì)很平淡,而人們大多傾向于那些欣賞并分享公告和商品(我的意思是有很多人喜歡、推特轉(zhuǎn)發(fā)、分享、關(guān)注等)。所以,如果你在使用并非流行的網(wǎng)站,你應(yīng)該選擇普通的社會(huì)媒體分享圖標(biāo)。那么之后,他們就會(huì)改變計(jì)數(shù)器按鈕。

注意:社交媒體圖標(biāo)可以放置在文章標(biāo)題的下方、正文的下方、或者是一個(gè)左側(cè)浮動(dòng)的社會(huì)媒體共享欄頁(yè)面。

Search Engine Journal

Social media sharing icons influence web designs

我們放在自己的博客或者網(wǎng)站上面的社會(huì)媒體插件有數(shù)以百計(jì)之多,而有一些插件可以選擇尺寸的大小、彩色或者單色。我們應(yīng)該觀察那些圖標(biāo)的相似之處,大小和樣式都是很重要的。

如果你想要在你的博客或網(wǎng)頁(yè)上加一個(gè)計(jì)數(shù)器圖標(biāo),你永遠(yuǎn)都可以使用下面這些“計(jì)數(shù)”源:

相關(guān)圖標(biāo)的使用

當(dāng)涉及到社會(huì)參與度問(wèn)題時(shí),你應(yīng)該清楚地了解每一個(gè)社交網(wǎng)絡(luò)的應(yīng)用領(lǐng)域。比如,娛樂(lè)社交媒體圖標(biāo)不適用于商業(yè)網(wǎng)站(大多數(shù)情況下,你不能在一個(gè)財(cái)務(wù)咨詢業(yè)務(wù)的網(wǎng)頁(yè)放置一個(gè)“關(guān)注”按鈕。)

Architex

Social media sharing icons influence web designs

Better Homes and Gardens

Social media sharing icons influence web designs

有時(shí),我們?cè)诰W(wǎng)頁(yè)開(kāi)發(fā)的過(guò)程中會(huì)忘記設(shè)計(jì)應(yīng)用和服務(wù)的圖標(biāo)。

Social media sharing icons influence web designs

私人化的社交媒體圖標(biāo)

大部分社交媒體圖標(biāo)的設(shè)計(jì)看起來(lái)都相當(dāng)普通,這是因?yàn)槟切┚W(wǎng)頁(yè)設(shè)計(jì)師們以及網(wǎng)站所有者們并不注重這些小元素。但是獨(dú)特而有趣的社交媒體圖標(biāo)可以帶給你新的訪問(wèn)者及額外的免費(fèi)廣告。

下面是一些在網(wǎng)頁(yè)設(shè)計(jì)中可以加分的社交媒體圖標(biāo)示例。

Flint Boutique

Social media sharing icons influence web designs

Solid Soup

Social media sharing icons influence web designs

Wild Bill’s Soda

Social media sharing icons influence web designs

Flicka.cz

Social media sharing icons influence web designs

不太多的社會(huì)化

只要博客所有者申請(qǐng)過(guò)某一種社交網(wǎng)絡(luò),就會(huì)被一些具有較高搜索引擎排行以及知名度較高的社交化網(wǎng)站分享你的網(wǎng)頁(yè),而這已經(jīng)不是一個(gè)秘密了。坦率的說(shuō),我從未見(jiàn)過(guò)常見(jiàn)的網(wǎng)站(不是博客)使用大量的社交媒體按鈕,這也就是為什么我要呼吁博主們不要使用過(guò)多的社交媒體分享按鈕。

Social Media Mess

Social media sharing icons influence web designs

不能使用太多社交媒體分享圖標(biāo)的原因主要還是歸結(jié)于人類(lèi)的心理,沒(méi)有人愿意用他/她的社交媒體賬戶分享你的文章。人們?cè)敢膺x擇1到2種他們喜歡的社交網(wǎng)絡(luò)作為標(biāo)簽,但是當(dāng)用戶看到一個(gè)不同于其他的社交媒體圖標(biāo)時(shí)就會(huì)陷入一個(gè)低層次的精神領(lǐng)域,為什么他們要點(diǎn)擊那些圖標(biāo)?一個(gè)普通的用戶甚至都不知道那些圖標(biāo)是用來(lái)做什么的。在沒(méi)有任何互動(dòng)的情況下,它的刺激性和人們更有可能離開(kāi)你的網(wǎng)頁(yè)。

此外,有那么多可以選擇的選項(xiàng)會(huì)在點(diǎn)擊按鈕的問(wèn)題上困擾人們。在這個(gè)舞臺(tái)上,人們并未想到,他們只是想要點(diǎn)擊按鈕并且更進(jìn)一步,或者更加喜歡那些希望他們點(diǎn)擊這些按鈕的人。

另外一個(gè)原因是加載頁(yè)面的時(shí)間。如果你是網(wǎng)頁(yè)開(kāi)發(fā)人員,你可能知道你需要將JAVA技術(shù)應(yīng)用于社會(huì)媒體按鈕。放置越多的按鈕,越會(huì)使得網(wǎng)頁(yè)加載時(shí)間增加。網(wǎng)頁(yè)訪問(wèn)者和搜索引擎更喜歡看到快速的網(wǎng)頁(yè),所以你不應(yīng)該讓他們失望。

RSS訂閱圖標(biāo)

讓我們仔細(xì)看看RSS圖標(biāo)。這種白色和橙色的圖標(biāo),允許用戶在他們所訂閱的網(wǎng)站上面獲得的新聞以及即將舉行的活動(dòng)的消息。RSS訂閱方便友好的提供了大量的信息,它可以通過(guò)RSS聚合進(jìn)行編輯及顯示(新聞閱讀器、訂閱閱讀器、新聞聚合器、RSS閱讀器)。人們不能通過(guò)RSS共享——它是一個(gè)單端通信工具。所以,把RSS圖標(biāo)放置在社會(huì)媒體圖標(biāo)中是不正確的。你應(yīng)該更好的從視覺(jué)上區(qū)分于其他的,將RSS圖標(biāo)放在第一個(gè)或者最后一個(gè)位置也是不錯(cuò)的選擇。

Internet Cafe

Social media sharing icons influence web designs

Bartelme Design

Social media sharing icons influence web designs

Google+ Icon

Social media sharing icons influence web designs

你還應(yīng)該明白Google plus 和 Google +1這兩個(gè)圖標(biāo)之間的區(qū)別。第一個(gè)是Google+社交網(wǎng)絡(luò)鏈接到公司/網(wǎng)站的個(gè)人資料。第二個(gè)是在Facebook或推特上轉(zhuǎn)發(fā)時(shí)的一個(gè)類(lèi)似“喜歡”的計(jì)數(shù)器按鈕。

你還能在網(wǎng)絡(luò)上找到還有另外一種Google +按鈕。

Social media sharing icons influence web designs

現(xiàn)在你應(yīng)該不會(huì)在你的頁(yè)面上使用這款老版的Google +設(shè)計(jì)了,紅色背景加上白色的“g+”是時(shí)下網(wǎng)絡(luò)上的設(shè)計(jì)標(biāo)準(zhǔn)。
這幾乎是我所想告訴你們的關(guān)于社交媒體圖標(biāo)的全部東西,也許結(jié)合你的社交媒體和你的網(wǎng)頁(yè)設(shè)計(jì),你永遠(yuǎn)都不會(huì)有問(wèn)題,但是它確實(shí)發(fā)生著,希望這些可以幫助你創(chuàng)建一個(gè)更成功的網(wǎng)站。
至少我是這么希望的。

祝你好運(yùn)!

翻譯小組:SDC番茄匠     微博ID: @癡小凸_V2

原文地址:http://vandelaydesign.com/

無(wú)覓相關(guān)文章插件,快速提升流量

分享本文至:

日歷

鏈接

個(gè)人資料

存檔