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

原文链接: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-20
  • 关于可用性测试的一点心得

     最近在工作中做了不少的可用性测试,抽空闲的时间总结一下自己的心得,以下是我们团队展开可用性测试的步骤与方法。

    2017-05-28
  • 坚持梦想选择学UED设计,斩获13K月薪

    达内UI设计,中国UID课程标准制定者当你选择一家餐馆吃饭,你有没有想过是什么让你选择这家餐馆?刚进去的时候,餐馆给你的第一印象是什么?服务员够不够勤快体贴?你是否还想去这家餐馆吃?......这一系列发生在你生活中,你留意或不留意的问题, 就是一个完整的用户体验,这种用户体验设计也称作UED。小王是达内UED学员,经过四个月培训,成功成为一名UED设计师,月薪13k。四个月,她如何实现成功?我毕业后一直在一家公司做产品工作,由于一个偶...

    2018-01-31
  • 进行项目再设计时,需要知道的10个建议

    在这篇文章中,我总结了10个UX设计师重新设计项目时可以用到的建议。

    2017-05-15
  • IAMUE 移动客户端的设计作品分享

    Wechat: caochengweiued 分享了他对 IAMUE 移动客户端的设计作品,文末有 阿西 UED 的点评! 阿西UED 的点评: Hi 谢谢你的作品分享,总体上来说,依你当前的学生身份或当前的专业程度,做出这样的设计方案有一定的…

    2016-11-21
  • 交互说明标注工具合集

    最近很多同学在问交互原型里里的标注怎么做的? 其实很多原型工具可以做到例如Axure、justinmind,但是做起来比较慢且不美观。有没有专业的工具呢?这不我们介绍几款常见的产品。   Specctr 首先是由 Onpixel …

    2016-04-06
  • 浅聊四个主流的页面间跳转动效

    最近一直在做交互规范总结的工作,在不断梳理页面间跳转逻辑的同时,发现页面间的逻辑关系并不能和页面间跳转的动效很好的结合上。虽然只是零点几秒 的切换动效,却能在一定程度上影响用户对于页面间逻辑的认知。为了输出详细的规范,花了大量时间把玩现在公司线上的产品以及国内外优秀的APP,尤其是苹 果、谷歌自己开发的APP。(如果某些方面在设计规范中并没有给出答案,就在原生APP中找答案吧!)

    2017-05-29
  • 优逸客【交互设计】直播课今晚8:00正式开播!

    提起交互设计,它既没有界面视觉设计绚丽,也没有用户体验设计有趣,看起来枯燥乏味,学起来复杂难懂,但它却是整个产品流程中最核心的部分之一。一个牛X的交互设计师是睥睨天下的,无论薪资还是技术。(以上海地区为例)但在通往牛X的路上……很多人还没开始就放弃了经常会有人说交互设计好像已经趋于饱和,现在从事这个行业没机会了。照这么说,公务员是我见过的饱和度最高的行业了,但每年还是有那么多人争得头破血流要为人民服务。就像金字塔一样,往往最底层的那一部...

    2018-04-19
  • 【用户体验.春节特辑】我拿什么记住你(总第268期)

    亦可访问www.koushutianxia.com了解详情编家谱   修家史   留视频建祠堂   亲互动   传万代总第268期时间是这个世界上最锋利的武器,没有任何事物能够阻挡。所有的一切,人、物、事都随着时间的磨砺逐渐模糊、逐渐消逝。父亲的突然去世,一直是我心中最深切的痛,他的离去是那样的突然,突然到我完全无法接受他已经永远离去的事实。总觉得父亲依然还在,总会幻想我下班回家,父亲还会像往常一样在门口笑眯眯的看着我说:“回来啦,儿子...

    2018-02-19
  • 超实用!比较重要的设计方法论大整理

    @戴小维Saki :设计方法论,顾名思义是当设计师在进行设计活动时可从理论和方法上所提出的实际性意见。当进行不同设计需求时,可为设计师提供明确的步骤与框架。众所周知设计方案要做到有理有据,富有说服力,所以设计方法论也是设计师进行产品设计时的一大利器。虽然会在创新上有所限制,但却能为设计师在没有灵感时候,提供一个有依据的可重复操作流程,进行自己的设计思考,从而输出自己的设计方案。其实资深设计师基本都会形成一套自己的设计方法论。尤其在常常需要进行汇报提案时,这更是方案汇报时的重要方法。

    2017-11-06