[自译]强大的省略号-为什么三个小点表达如此丰富

原文链接:The Mighty Ellipsis - How 3 little dots can say so much

原文作者:John Saito

1476692927-3656-658161-a61657264567ab5e

每当我告诉人们省略号(...)是最让人惊奇的字符时,大多数人都像看疯子一样看我。在你给我打上这个标签之前,让我试着给你们解释一下。

几十年来,界面设计师一直使用省略号来向用户传递各种各样的细节。正如你所见,这三个小点能在有限的空间里表达出很多的含义。

让我们一起来看看,省略号在过去几年的界面设计中的五种用法。到最后,你会对这个强大的字符有新的认识。

1.省略号=“这里有后续的操作”

我记得我第一次在界面中看到省略号是在Windows 3.1中。那是我的第一台电脑,界面中展现了一些按钮和菜单选项,这意味着在我点击它之后还有一些后续操作要做。

1476692926-7948-658161-ef5d5c14cc508c82

省略号在这里非常有帮助,因为它保障了我的操作不会立即造成影响,我可以开始行动,但是如果我改变了主意,也能够取消它。

这个省略号在今天的Windows和Mac下仍然存在,但是用的少了很多。

看看我们在20年里走了多远:

1476692928-2144-658161-753ea7f71d82786a

1993年的Windows NT,省略号无处不在

1476692927-3803-658161-84462881910b706d

2013年的Windows 8,省略号去哪了?

Google的Material Design 的设计指南建议从菜单项和按钮中移除省略号。这可能是因为大量的选项需要一个后续操作,使用省略号会让界面看起来繁杂。

这样的省略模式可能过时了,但是他在过去的那段时间里很好的帮助人们去作出决定-仅仅是使用了三个小点。

2.省略号=“在这里打字”

近年来,许多产品使用省略号来表示文本字段,现在它使用的十分流行。

1476692928-7813-658161-08d7fd5ddb8278e6

我不知道是谁引领了这种趋势,但是我能够找到的最早的例子是在2008年的Facebook:

1476692927-9182-658161-4628f6d47c6a84d8

为什么会有人这样使用省略号?按我的猜测是,这里的省略号有两个目的:

视觉效果:有时候很难在一个页面上去注意到一个文本字段,所以一个省略号的添加,能从视觉上凸显出来,吸引你的注意。

心理作用:传统的认知上,一个省略号表示词的省略。这意味着一些缺失,在某种程度上,省略能够促使你在空白区域填写内容,输入你的语言。

一些风格规范也会推荐在文本段落中使用省略号,Salesforce的风格指南就是一个例子。我个人不喜欢使用省略号,但是很显然它是一个设计的趋势。

悄悄地,省略号已经迅速的成为了“在这里打字”的象征。

3.省略号=“更多操作”

现在更多的应用使用加粗的省略号来表示一个菜单中有更多操作,这基本上意味着“嘿,这里有更多你能做的事情”。

1476692929-6923-658161-d3621e198ca5ab75

在很多的Android应用中,你能过看到竖着的省略号,表达相同的意思。

1476692929-4382-658161-7415212f8547d964

有些人不喜欢这个设计,因为他可能把重要的操作隐藏起来。但是你不能否认,它在UI设计中已成为一个热点趋势-就像几年前的汉堡按钮一样。

从前,我敢打赌没有人会想到一个省略号可能意味着“更多操作”,然而近几年来,省略号突然有了这样一个新的作用,现在已经成为了共识。

为了让界面看起来更多的简约,这些省略号可能会应用的更加广泛。

4.省略号=“等待几秒钟”

省略号的另一个常见用途就是显示一个动作正在进行中。“加载中…”、“连接中…”、“上传中…”你可能好几百次看过这些了。

1476692930-5396-658161-61401d556bcf1b1f

现在想象一下,如果我们不使用省略号会发生什么。因为我们习惯了看到省略号表示一个持续行动。当我们看不到省略号时,我们可能会认为是错误的。

1476692934-6913-658161-9217f8e0c98a5899

这些看起来不觉得有什么不对嘛?至少在我眼里,使用一个省略号能够让我放心,我知道后台正在运行,缺少一个省略号会让我感到困惑。

许多设计指南都会在用户需要等待的时候推荐使用动画,但用户只需要等待几秒钟的话,我认为一个省略号可以是一个有效的指标来暗示系统正在做的事情。

使用三个点跟随在一个单词后,可以暗示一个操作正在运行中-尽管它们只是三个静态的点,这简直太神奇了,不是吗?

5.省略号=“更多字符”

省略号也会在文本太长的时候用来缩短文本。这应该叫做截断,你会经常在处理长文件名中看到这个。

1476692934-6352-658161-3a5aed8879e7029e

早期的时候,长文件名通常都会在后面被截断。如今更多的应用程序和操作系统会在中间截断,这样你仍然能够看到最后几个字符,这是一个很聪明的做法,因为最后几个字符通常是一个文件名中比较重要的。

如果我们没有截断,我们到处都会是重叠的文本,值得庆幸的是,省略号帮助我们从混乱的界面中脱离了出来。

1476692935-1797-658161-a22161f14467ad92

如果没有省略号,我们看到的可能会是这样的,真糟糕

小而强大

现在你已经了解了许多省略号用于界面设计中的方法,你是否同意省略号是最让人惊奇的字符呢?我的意思是,谁知道几个小点可能意味着这么多?

我还没有引申那些省略号可以用于聊天和文本的对话当中,那都是一些后话了...

当你下次将一个省略号应用在你的界面中时,请好好待它,它可能是在你的故事中最被低估的字符了。

文/ShusQ(IAMUE小编)

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/17961/

(0)
iouedioued
上一篇 2016-09-29 13:49
下一篇 2016-10-17

相关推荐

  • 设计产品的第一个环节:定义方向策略,有理有据做设计

    本文作者将来聊聊设计产品的第一个环节——定义方向策略,这是后续设计的大前提和指导方针。我们需要从老板、产品/运营、用研及设计团队分别获取有效信息,进行分析整合,以得到正确、完善的方向策略定义。

    2017-05-13
  • Axure玩出新花样,做个游戏玩转Axure9大常用功能 | 免费直播课

    产品经理会画原型,是入行的基本门槛。一个可用可交互的原型可以帮助开发和设计人员从不同的维度上来了解你的产品设计,降低需求的沟通成本。那么,对于产品经理来说,如何才算是“会画”原型呢?你可能会认为,会画基本的线框图就足以满足日常需求了。但是借助静态的线框图解释你的设计,始终都不会像可交互的原型这么直观有效。原型的工具虽然有很多,但Axure还是最经典的一款画原型工具。虽说Axure用的溜,并不代表你就能成为一个产品经理;但作为产品经理,更...

    2018-03-04
  • 色彩在交互设计中的应用

    UI设计微课堂关注将获得一对一解答,设计、资源、分享😛听说很多同学都置顶了我的公众号这样就能第一时间收到我精选的UI设计精品教程感谢大家的支持!↓↓下方高能↓↓对于交互设计师来说,通常交互原型都做为黑白稿。为什么要做黑白稿呢?那是因为在前期交互设计中,交互设计师为了更专注于产品的流程、跳转,避免前期投入更多的精力在UI效果制作方面。对于很多小公司或小团队来说,通常只有一个设计师或者设计资源很少,设计师拿到需求后,直接就出高保真效果图了(...

    2018-04-24
  • 做完了产品分析和运营分析,如何做一份视觉竞品分析?

    做好一份竞品分析、输出优秀的设计观点,可能是衡量一个团队专业与否的第一步。

    2017-05-18
  • 社会化分享按钮:一种糟糕的用户体验

    分享按钮被滥用了吗?“通过我们定期的分析,GOV.UK网址被分享到Facebook和Twitter共有14,078次——只占6,800,000总浏览量的0.2%。”“我们删除了FB按钮,Facebook的使用流量增加了。原因如下:用户在其时间表上分享来替代了“喜欢”文章。

    2017-05-03
  • 交互设计:补上学校不教的这一环

    作者:郦橙 锦妖链接:https://zhuanlan.zhihu.com/p/25279058不知道其他专业有多么具体和细致,我自己的专业(CMU Mii-PS)是典型地抓大放小,各种设计实操细节统统不讲,全靠自己摸索。我也曾经狂看blog,看书,…

    2017-08-02
  • Principle:交互动画实例

    Principle是一款交互原型设计软件,轻松让你的想法变成现实,支持将交互动画转换成视频或者GIF,分享给别人。 你的动画交互想法,比如设计更好的移动APP交互效果成为现实,用Principle轻松帮你实现。Principle的原…

    2016-01-28
  • UED 招聘,多个职位给你更多选择!

    14载,我们初心不变,依然要做行业最有力的的发声者。从一张纸到一串电波,媒介在变,我们的眼光始终如一大家都在说AI是未来,然而在这里,我们依然需要你无可代替的头脑。WE ARE HIRING这次招聘我们为什么要做这次公开招聘?信息爆炸,百家争鸣,越是瞬息万变,媒体的价值愈发凸显。我们不会随便说满意,而是希望在诸多嘈杂的背景声中,发出属于新时代建筑媒体人独到的观点,让关于建筑的解读,走进公众的视野;我们希望以全新的面貌去呈现UED对于中国...

    2018-03-05
  • 化繁为简——网易云音乐WP1.0设计思考

    项目背景 Windows Phone一直是各家公司缺少投入的平台,WP用户不得不经常面对一个成熟的APP到了WP上就变得各种功能缺失、体验支离破碎,他们渴望应用软件在体验 上能和其它平台一样受到同等重视,音乐APP也不例外。…

    2014-10-31
  • 在网页设计中如何少让用户费脑筋,保持操作流畅

    除了引导用户,还要减少他们的认知流程,以保持流畅状态。千万别把计算这种事情丢给用户,让计算机来处理。

    2017-05-23