您当前的位置: 首页 > 时尚

分享图标那些年我们看过的设计

2019-03-08 21:37:13

分享图标:那些年 我们看过的设计 这是一篇有关吐槽的文章。作者对比分析了各平台中的「分享」图标设计,终得出的结论是,... 好吧。多图槽点满,观看需谨慎。

来源:pixelapse 作者: Min Ming Lo

看看上面这些图标,要说它们有什么共同点,那就是它们都试图表达同一种行为:分享。分享到社交络或邮件已经是络时代普遍的行为,但看起来设计师们到现在还没能达成共识,决定什么样的图标可以完美地代表这一行为。各大主流系统和移动平台都在使用自己独特的图标,就算在同一平台上,图标设计也随着时间在不断改变。

我在这个问题上花了不少时间,试着找出哪种图标地代表了「分享」行为。下面是详细分析:

伪上传 - iOS 7

这个图标首次亮相是在 2013 年的苹果 WWDC 大会上。苹果发布了 iOS 7,同时给我们带来了这玩意。我马上重画了一遍,把它发到了 Dribbble 上,只为证明人们有多嫌弃它。(好吧虽然评论不多… 但已经说明了一切。)

它的问题就是长得和上传图标太像了。如果把它和下载图标放在一起,这货就变得非常有误导性。它的上箭头简直就是旁边下载中的箭头翻转得到的,大家都会认为它代表上传。

文件盒 - iOS 7 前期

iOS 7 出现之前,曾经这个分享图标已经用了很多年,在目前的 Mac OS X Mavericks 中仍在使用(Mac OS X Yosemite 中将会使用与 iOS 7 相同的分享图标)。总体来说,这一设计还算不错,一个文件盒形状中指出向外的剪头,从而代表了分享行为。从代 iPhone 面世起,我们一直在使用它,也逐渐熟悉了它。

三点式 - Android 的分享标志

Android 平台的分享图标只是简单的三个圆点,中间用一条直线相连。同样的图标也用在 ShareThis,一个人气很高的插件中,开发者可以用它向各大社交站分享自己感兴趣的内容。它就像一幅由圆点连接的图表,眼看上去并不代表任何意义,我大胆地猜想一下,设计师想要表达的应该是,左边的圆点向外发散,形成了右边另外两个点。设计思路并没有直接体现出来,但它要表达的意义十分简单,在使用中用户将会逐渐明白。但我估计纯果粉看到它会辨识困难。

Y 字形 - 早期 Android

左边是原始的 Android 分享图标。它有几种不同变体。

在蜂巢状图标出现之前,Y 字形图标在 Android 设备上广为应用。它显示有一个点向两个方向扩散。这个图标现在并不常见,但我还是很喜欢它,因为图标中的箭头代表了向外发送,看起来更像分享的过程,而且它还左右对称。我觉得它算是的图标之一,仅看外形就能明白要表达的含义。

圆环式 - Windows 8

Windows 8 中分享图标像是对 Ubuntu 致敬,目前被广泛应用在各种 Window OS 和 Windows Phone 设备中。这又是一个完全不知所云的图标,外形完全不能说明它要表达什么。如果没有说明文字,首次使用的用户不会知道它的用途的。

礼物式 - Windows Phone 7

好吧,Windows Phone 7 中的分享图标长得像一份礼物,看起来有点怪,但确实也挺好玩的。图标背后的设计意图显而易见,一个可以拿出来分享的礼物。问题在于,礼物不是拿来分享的,人们把礼物送出去,然后就没有然后了。

有意思的图标会让我们眼 (shua) 前 (xin) 一 (xia) 亮 (xian),但也会给用户不熟悉的感觉。我次看到它的时候,并不清楚它要让我做什么。这个图标比较短命,可能只活了一年半,在 Windows Phone 采用了新的 Window 8 图标设计后就彻底消失了。

双手 - 开放分享

Shareaholic 想要设计一个能让「全世界」设计师接受的分享图标。设计理念如下:

开放分享图标完美体现了分享行为,用一只手将物品传递到另一只手的形象,在视觉上体现「传递」或「分享」。图标同样可以看作一只眼睛,它代表着「看这里」。

总的来说,这也是个挺有意思的概念。但是(怎么有那么多但是)虽然它想表达的意思很明显,用户眼可能也认不出图标中的手,那么上面的解释就没有意义了。很不幸,看起来它并没有得到广泛承认,因为它很少出现在我们视线里。

各种平台上各种稀奇古怪的图标把设计师搞得晕头转向,很多人想试着做出一个「普遍适用」的分享图标。下面是我见过的一些其他图标:

分散式

一些设计师以「散发」概念为灵感,用这个图标代表分享行为。它很好地体现了络传播效应,但我觉得这货太复杂了,太混乱所以没有办法变成的分享图标啊。

图表式

有些图标由大小不同的圆点构成,圆点彼此间有线条相连。它看起来更像是个图表,没准可以表示化学元素集合,但绝不会代表分享。

张开的手

很久很久以前,这一图标被用作络文件夹分享。一些旧版软件可能还在用它,但类似图标一般表示将文件分享至本地,而非社交络。

多人图标

多人图标经常被用在与特定联系人或团队成员分享的场景中,我还从来没见过它表示分享到社交络呢。

奶昔。。什么的

有时候你不得不承认,解决设计难题的办法就是向设计小白求助。关于这个问题,我同样也问了我的「非设计师」室友。「谈到分享的时候,你首先想到什么?要用什么来表达?」然后。。呃,他画了一杯插着两根吸管的奶昔。

奶昔什么的简直是太有趣了,表示分享完全无压力。问题是,真要用这货当图标,后面的问题就太多了。一杯奶昔放在其他图标中间,满满都是违和感。而且这个图标拥有很明确的特征,也就是两个人分享同样内容。但在我们所谈论的分享行为中,分享的对象是很多平台。

下面是本文中出现的所有莫名其妙图标大集合:

到底要用哪个?

看起来不太可能出现一个让所有人都满意的图标。苹果不会用 Android 的设计语言,Google 不会看好微软的设计,至于微软,也别希望它能和其他哪个平台共用图标。每个平台都有庞大的用户群,针对同一种行为,用户可能会同时使用几个图标。

用户熟悉的才是的

的图标并不是简洁的,也不是信息传达准确的,而是用户为熟悉的。要知道一个图标是否有效,就要看用户是否能不费力就理解它的意思,然后做出相应动作。

设计图标时,你要考虑它将用在哪个平台

如果你正在开发 iOS 7 应用,你就应该使用苹果现有的图标,也就是「伪上传」。同样,想开发 Android 应用你就应该选择「三点式」。

要是非要在所有平台上用同一个图标呢?

分享图标那些年我们看过的设计

如果想为你的 app 或者站设计一个通用图标,不考虑平台的话,「文件盒」或「三点式」会是的选择,因为它们是目前辨识度的图标。但如果非要做出选择的话,我还是推荐「文件盒」,因为就算从没有接触过苹果设备的用户,也能看出它代表了什么意思。相比之下「三点式」就比较抽象了。

不过随着 iOS 8 和 Mac OS X Yosemite 的发布,我认为在一年之内,iOS 7 的「伪上传」和 Windows 8 的「圆环式」将会成为普遍的分享图标。

的概念

如果不考虑用户接受度或应用中出现的频率,而仅仅从设计角度考虑的话,那我觉得「Y 字形」是的设计。它很独特,同时也具备对称的美感,而且人们一看就知道是要分享什么东西。的问题是,它到现在还没有被广泛接受呢。

推荐阅读
图文聚焦