社交媒体同享图标在网页设计中的作用
本文摘要:上周末,我参加了生平第一次黑客马拉松。你知道什么是黑客马拉松吗?那是一个出钱的人(投资者)寻找可能开发成功的项目,然后继续24小时的很长很长的马拉松式的编程活动。所以我和我的朋友们或多或少的建立并提出了一些现成的项目(无论从开展仍是商业的角度

上周末,我参加了生平第一次黑客马拉松。你知道什么是黑客马拉松吗?那是一个出钱的人(投资者)寻找可能开发成功的项目,然后继续24小时的很长很长的马拉松式的编程活动。所以我和我的朋友们或多或少的建立并提出了一些现成的项目(无论从开展仍是商业的角度去看),于是投资者选择在这些项目上投入。在一个项目开展的最新阶段上,我们在社交媒体图标的选择上面发生了很多争论,并且没有一个人想要抛弃。这次的争论给我们提供了新的主见,也使我们更加注重社交媒体图标在网页设计中的作用。它们看起来像什么?它们真实的作用是什么呢?为何网页开发人员怀疑它们呢?

剖析社交媒体图标

事实上,社交媒体图标可以了解为社交媒体、社交网络的标志以及说明的链接。

社交媒体图标可以体现出几个不同的功用。有时,它是社交网络中的公司资料页面/帐户的链接。通常状况下,你可以在它们的周围看到“跟从我们……”或“加入我们……”这样的字样。这些图标通常会被放在网页的顶部或底部,也能够放置在侧边栏。从经历来说,它们在整个网站都是可见的。

 

社交媒体图标可以在社交网络中的用户帐户内同享特定的网站页面内容。这样的图标总是应用于博客和网上商店,我们也能够把它分为两品种型:

普通的社交媒体同享图标;

社交同享计数按钮图标

坦率地讲,这样等于花费很多的时间通过普通的社交媒体分享按钮来寻找一个网站,而看起来网页开发人员和网站拜访者更喜欢计数器按钮。可是,假如你对社会参加度进行调查而得到一个水平线后,你就会对应不该该使用社会同享计数器按钮而发生怀疑。一篇文章,只有几个乃至是零分享的话看起来就会很平平,而人们大多倾向于那些赏识并分享布告和商品(我的意思是有很多人喜欢、推特转发、分享、重视等)。所以,假如你在使用并不是盛行的网站,你应该选择普通的社会媒体分享图标。那么之后,他们就会改变计数器按钮。

留意:社交媒体图标可以放置在文章标题的下方、正文的下方、或者是一个左边浮动的社会媒体同享栏页面。

我们放在自己的博客或者网站上面的社会媒体插件稀有以百计之多,而有一些插件可以选择尺寸的巨细、彩色或者单色。我们应该观察那些图标的类似的地方,巨细和样式都是很重要的。

假如你想要在你的博客或网页上加一个计数器图标,你永远都能够使用下面这些“计数”源:

相关图标的使用

当触及到社会参加度问题时,你应该清楚地了解每个社交网络的应用领域。比如,文娱社交媒体图标不适用于商业网站(大大都状况下,你不能在一个财务咨询事务的网页放置一个“重视”按钮。)

有时,我们在网页开发的过程当中会忘掉设计应用和效劳的图标。

私人化的社交媒体图标

大部分社交媒体图标的设计看起来都适当普通,这是因为那些网页设计师们以及网站所有者们其实不注重这些小元素。可是独特而风趣的社交媒体图标可以带给你新的拜访者及额定的免费广告。

下面是一些在网页设计中可以加分的社交媒体图标示例。

不太多的社会化

只需博客所有者请求过某一种社交网络,就会被一些具有较高查找引擎排行以及知名度较高的社交化网站分享你的网页,而这现已不是一个隐秘了。坦率的说,我从未见过常见的网站(不是博客)使用很多的社交媒体按钮,这也就是为何我要呼吁博主们不要使用过多的社交媒体分享按钮。

不能使用太多社交媒体分享图标的原因主要仍是归结于人类的心思,没有人情愿用他/她的社交媒体账户分享你的文章。人们情愿选择1到2种他们喜欢的社交网络作为标签,可是当用户看到一个不同于其他的社交媒体图标时就会堕入一个低层次的精力领域,为何他们要点击那些图标?一个普通的用户乃至都不知道那些图标是用来做什么的。在没有任何互动的状况下,它的刺激性和人们更有可能脱离你的网页。

此外,有那么多可以选择的选项会在点击按钮的问题上困扰人们。在这个舞台上,人们并未想到,他们只是想要点击按钮并且更进一步,或者更加喜欢那些期望他们点击这些按钮的人。

另外一个原因是加载页面的时间。假如你是网页开发人员,你可能知道你需要将JAVA技能应用于社会媒体按钮。放置越多的按钮,越会使得网页加载时间添加。网页拜访者和查找引擎更喜欢看到快速的网页,所以你不该该让他们绝望。

RSS订阅图标

让我们细心看看RSS图标。这种白色和橙色的图标,允许用户在他们所订阅的网站上面取得最新的新闻以及行将举行的活动的音讯。RSS订阅便利友爱的提供了很多的信息,它可以通过RSS聚合进行修改及显示(新闻阅读器、订阅阅读器、新闻聚合器、RSS阅读器)。人们不能通过RSS同享——它是一个单端通讯东西。所以,把RSS图标放置在社会媒体图标中是不正确的。你应该更好的从视觉上区分于其他的,将RSS图标放在第一个或者终究一个方位也是不错的选择。

Google+?Icon

你还应该理解Google?plus?和?Google?+1这两个图标之间的差异。第一个是Google+社交网络链接到公司/网站的个人资料。第二个是在Facebook或推特上转发时的一个类似“喜欢”的计数器按钮。

你还能在网络上找到还有另外一种Google?+按钮。

现在你应该不会在你的页面上使用这款老版的Google?+设计了,赤色布景加上白色的“g+”是时下网络上最新的设计规范。
这简直是我所想通知你们的关于社交媒体图标的悉数东西,也许结合你的社交媒体和你的网页设计,你永远都不会有问题,可是它确实发生着,期望这些可以协助你创建一个更成功的网站。
至少我是这么期望的。

祝你好运!

翻译小组:SDC番茄匠 ? ? 微博ID:?

原文地点:


人人都是产品主管(woshipm)是以产品主管、运营为核心的学习、交流、分享平台,集媒体、培训、社群为一体,全方位效劳产品人和运营人,建立9年举行在线讲座500+期,线下分享会300+场,产品主管大会、运营大会20+场,掩盖北上广深杭成都等15个城市,内行业有较高的影响力和知名度。平台集合了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监,他们在这里与你一同生长。