2013-4-1 藍(lán)藍(lán)設(shè)計(jì)的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)( www.alimai.net )是一家專注而深入的設(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ù)
來源：http://www.woshipm.com/operate/19876.html
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
上周末，我參加了生平第一次黑客馬拉松。你知道什么是黑客馬拉松嗎？那是一個(gè)出錢的人（投資者）尋找可能開發(fā)成功的項(xiàng)目，然后持續(xù)24小時(shí)的很長(zhǎng)很長(zhǎng)的馬拉松式的編程活動(dòng)。所以我和我的朋友們或多或少的建立并提出了一些現(xiàn)成的項(xiàng)目（無論從發(fā)展還是商業(yè)的角度去看），于是投資者選擇在這些項(xiàng)目上投入。在一個(gè)項(xiàng)目發(fā)展的階段上，我們?cè)谏缃幻襟w圖標(biāo)的選擇上面發(fā)生了很多爭(zhēng)執(zhí)，而且沒有一個(gè)人想要放棄。這次的爭(zhēng)論給我們提供了新的想法，也使我們更加注重社交媒體圖標(biāo)在網(wǎng)頁(yè)設(shè)計(jì)中的作用。它們看起來像什么？它們真正的作用是什么呢？為什么網(wǎng)頁(yè)開發(fā)人員懷疑它們呢？
事實(shí)上，社交媒體圖標(biāo)可以理解為社交媒體、社交網(wǎng)絡(luò)的標(biāo)志以及說明的鏈接。
社交媒體圖標(biāo)可以表現(xiàn)出幾個(gè)不同的功能。有時(shí)，它是社交網(wǎng)絡(luò)中的公司資料頁(yè)面/帳戶的鏈接。通常情況下，你可以在它們的周圍看到“跟隨我們……”或“加入我們……”這樣的字樣。這些圖標(biāo)通常會(huì)被放在網(wǎng)頁(yè)的頂部或底部，也可以放置在側(cè)邊欄。從經(jīng)驗(yàn)來說，它們?cè)谡麄€(gè)網(wǎng)站都是可見的。
社交媒體圖標(biāo)可以在社交網(wǎng)絡(luò)中的用戶帳戶內(nèi)共享特定的網(wǎng)站頁(yè)面內(nèi)容。這樣的圖標(biāo)總是應(yīng)用于博客和網(wǎng)上商店，我們也可以把它分為兩種類型：
坦率地講，這樣等于花費(fèi)大量的時(shí)間通過普通的社交媒體分享按鈕來尋找一個(gè)網(wǎng)站，而看起來網(wǎng)頁(yè)開發(fā)人員和網(wǎng)站訪問者更喜歡計(jì)數(shù)器按鈕。但是，如果你對(duì)社會(huì)參與度進(jìn)行調(diào)查而得到一個(gè)水平線后，你就會(huì)對(duì)應(yīng)不應(yīng)該使用社會(huì)共享計(jì)數(shù)器按鈕而產(chǎn)生懷疑。一篇文章，只有幾個(gè)甚至是零分享的話看起來就會(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è)面。
我們放在自己的博客或者網(wǎng)站上面的社會(huì)媒體插件有數(shù)以百計(jì)之多，而有一些插件可以選擇尺寸的大小、彩色或者單色。我們應(yīng)該觀察那些圖標(biāo)的相似之處，大小和樣式都是很重要的。
如果你想要在你的博客或網(wǎng)頁(yè)上加一個(gè)計(jì)數(shù)器圖標(biāo)，你永遠(yuǎn)都可以使用下面這些“計(jì)數(shù)”源：
當(dāng)涉及到社會(huì)參與度問題時(shí)，你應(yīng)該清楚地了解每一個(gè)社交網(wǎng)絡(luò)的應(yīng)用領(lǐng)域。比如，娛樂社交媒體圖標(biāo)不適用于商業(yè)網(wǎng)站（大多數(shù)情況下，你不能在一個(gè)財(cái)務(wù)咨詢業(yè)務(wù)的網(wǎng)頁(yè)放置一個(gè)“關(guān)注”按鈕。）
有時(shí)，我們?cè)诰W(wǎng)頁(yè)開發(fā)的過程中會(huì)忘記設(shè)計(jì)應(yīng)用和服務(wù)的圖標(biāo)。
大部分社交媒體圖標(biāo)的設(shè)計(jì)看起來都相當(dāng)普通，這是因?yàn)槟切┚W(wǎng)頁(yè)設(shè)計(jì)師們以及網(wǎng)站所有者們并不注重這些小元素。但是獨(dú)特而有趣的社交媒體圖標(biāo)可以帶給你新的訪問者及額外的免費(fèi)廣告。
下面是一些在網(wǎng)頁(yè)設(shè)計(jì)中可以加分的社交媒體圖標(biāo)示例。
只要博客所有者申請(qǐng)過某一種社交網(wǎng)絡(luò)，就會(huì)被一些具有較高搜索引擎排行以及知名度較高的社交化網(wǎng)站分享你的網(wǎng)頁(yè)，而這已經(jīng)不是一個(gè)秘密了。坦率的說，我從未見過常見的網(wǎng)站（不是博客）使用大量的社交媒體按鈕，這也就是為什么我要呼吁博主們不要使用過多的社交媒體分享按鈕。
不能使用太多社交媒體分享圖標(biāo)的原因主要還是歸結(jié)于人類的心理，沒有人愿意用他/她的社交媒體賬戶分享你的文章。人們?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)是用來做什么的。在沒有任何互動(dòng)的情況下，它的刺激性和人們更有可能離開你的網(wǎng)頁(yè)。
此外，有那么多可以選擇的選項(xiàng)會(huì)在點(diǎn)擊按鈕的問題上困擾人們。在這個(gè)舞臺(tái)上，人們并未想到，他們只是想要點(diǎn)擊按鈕并且更進(jìn)一步，或者更加喜歡那些希望他們點(diǎn)擊這些按鈕的人。
另外一個(gè)原因是加載頁(yè)面的時(shí)間。如果你是網(wǎng)頁(yè)開發(fā)人員，你可能知道你需要將JAVA技術(shù)應(yīng)用于社會(huì)媒體按鈕。放置越多的按鈕，越會(huì)使得網(wǎng)頁(yè)加載時(shí)間增加。網(wǎng)頁(yè)訪問者和搜索引擎更喜歡看到快速的網(wǎng)頁(yè)，所以你不應(yīng)該讓他們失望。
讓我們仔細(xì)看看RSS圖標(biāo)。這種白色和橙色的圖標(biāo)，允許用戶在他們所訂閱的網(wǎng)站上面獲得的新聞以及即將舉行的活動(dòng)的消息。RSS訂閱方便友好的提供了大量的信息，它可以通過RSS聚合進(jìn)行編輯及顯示（新聞閱讀器、訂閱閱讀器、新聞聚合器、RSS閱讀器）。人們不能通過RSS共享——它是一個(gè)單端通信工具。所以，把RSS圖標(biāo)放置在社會(huì)媒體圖標(biāo)中是不正確的。你應(yīng)該更好的從視覺上區(qū)分于其他的，將RSS圖標(biāo)放在第一個(gè)或者最后一個(gè)位置也是不錯(cuò)的選擇。
你還應(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è)類似“喜歡”的計(jì)數(shù)器按鈕。
你還能在網(wǎng)絡(luò)上找到還有另外一種Google +按鈕。
現(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ì)有問題，但是它確實(shí)發(fā)生著，希望這些可以幫助你創(chuàng)建一個(gè)更成功的網(wǎng)站。
至少我是這么希望的。
祝你好運(yùn)！
翻譯小組:SDC番茄匠 微博ID: @癡小凸_V2
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.alimai.net
