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ā)人員懷疑它們呢?
事實(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)的。
社交媒體圖標(biāo)可以在社交網(wǎng)絡(luò)中的用戶帳戶內(nèi)共享特定的網(wǎng)站頁(yè)面內(nèi)容。這樣的圖標(biāo)總是應(yīng)用于博客和網(wǎng)上商店,我們也可以把它分為兩種類(lèi)型:
坦率地講,這樣等于花費(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è)面。
我們放在自己的博客或者網(wǎng)站上面的社會(huì)媒體插件有數(shù)以百計(jì)之多,而有一些插件可以選擇尺寸的大小、彩色或者單色。我們應(yīng)該觀察那些圖標(biāo)的相似之處,大小和樣式都是很重要的。
如果你想要在你的博客或網(wǎng)頁(yè)上加一個(gè)計(jì)數(shù)器圖標(biāo),你永遠(yuǎn)都可以使用下面這些“計(jì)數(shù)”源:
當(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)注”按鈕。)
有時(shí),我們?cè)诰W(wǎng)頁(yè)開(kāi)發(fā)的過(guò)程中會(huì)忘記設(shè)計(jì)應(yīng)用和服務(wù)的圖標(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)示例。
只要博客所有者申請(qǐng)過(guò)某一種社交網(wǎng)絡(luò),就會(huì)被一些具有較高搜索引擎排行以及知名度較高的社交化網(wǎng)站分享你的網(wǎng)頁(yè),而這已經(jīng)不是一個(gè)秘密了。坦率的說(shuō),我從未見(jiàn)過(guò)常見(jiàn)的網(wǎng)站(不是博客)使用大量的社交媒體按鈕,這也就是為什么我要呼吁博主們不要使用過(guò)多的社交媒體分享按鈕。
不能使用太多社交媒體分享圖標(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)該讓他們失望。
讓我們仔細(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ò)的選擇。
你還應(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 +按鈕。
現(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
藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.sillybuy.com