【摘要】聊聊界面设计中的省略号
【作者】白金
无孔不入的省略号
省略号，正如其象形中所表达的那样，以三个大小完全相同的点，表示后续存在更多未显示出的内容。在文章中，一般情况用于表示节省原文内容或语句未完、意思未尽等等。但实际上，省略号不仅仅在文章中会出现，在程序界面设计的历史长河中，设计师已经通过省略号传播了太多的信息。
在国内用户接触最多的Windows XP操作系统中，省略号已经被大量使用。无论是令人所熟知的「START」开始菜单，还是打开的窗口中出现的编辑下拉菜单，都离不开省略号的身影。
如图所示，同一层级的菜单图标，Run..图标后面跟着省略号，这表示用户点击这一图标后，整个操作步骤不算结束，而是会弹出「Run...」对应的进一步操作弹窗，让用户进行后续操作。因此，这里的省略号代表着关键步骤的省略。
省略号在这里的作用，除了提示用户存在后续步骤以外，同时也有一个显著的特点：点击后触发的事件并不会即刻生效，这意味着用户中途改变主意时，便可以随时取消终止当前操作，而不会产生任何影响。
「在此输入」的代名词
除了Windows操作系统中表示后续操作的意味，省略号在近几年依旧是一个十分常见的符号：
在过去几年，点开任意网站，只要有搜索框或者文本编辑框的地方，除了能看到淡淡的文字提示性信息「请在此输入」、「搜索XXX」以外，无一例外后面都跟随着那熟悉的「...」。是的，近年来，许多产品在文本框的显示领域，都大量使用了省略号，简单分析一下，不难发现这里的省略号代表着两种功能指示：
1.视觉引导：文本框作为一个呈现在界面中的规则形状，如果仅仅只存在外表的一个文本框，里面添加上提示性语言的文字，这也很难使得用户察觉。若在提示性文字后面接上符号“...”，可以让文本框的存在更加醒目，从而吸引使用者的注意力，让人觉得这里是可以点击交互的。
2.心理暗示：前面提到，省略号本质是省略了一部分内容，当它出现在文本框内，则意味着省略了一部分文字。这种心理暗示时刻提醒着用户，暗示着这里可以输入一些文字。也正是由于利用了省略号原本的寓意，加上其与文本框的组合，使得省略号在这些领域被大量使用。
你还有更多操作
是的，在程序界面中，只要省略号以单个按钮的形式出现了，那就意味着这里展示的菜单功能不仅仅如此，在省略号内还包含着更多的操作。
水平/竖直省略号无处不在
无论是水平省略号还是竖直省略号，点击以后，都能够看到更多被隐藏了的菜单功能。这种用法通常有两种情况：
1.所展示的菜单功能较多，而现有的空间无法放下众多的功能图标。于是选择将一部分功能图标收纳至省略号中，作为更多功能进行展示，只有用户点击「省略号」，他们才会展现出来。这样做可以有效解决功能图标放置不下的问题。
2.界面设计师为了追求简洁，不想将那些无关紧要，使用频率较低的图标放出来占据位置，影响界面美观，而「省略号」真好解决了这一问题。
表示更多操作的省略号，作用似乎和前几年流行的汉堡菜单一致，而随着时间的推移，他们在UI设计中也早已形成了一股浪潮。成为了设计者和使用者公认的存在即合理元素。
安抚用户
在一些需要等待的界面中，省略号通常也表示操作正在进行中，可能需要等待片刻。
看起来没什么问题，不是吗？
相信我们已经习惯了这样的提示，「系统更新安装中...」「检查更新中...」「正在重新启动...」别小看文字后带着的省略号，它们一定程度上安抚了用户的情绪，将等待的过程合理化。如果界面中已经存在动画，或者需要等待的过程很短暂，则可以不需要省略号，否则，就会如下图所示：
是否有一瞬间怀疑程序卡住了？
虽然还是熟悉的页面，但总觉得哪里不对。没错，去掉省略号时，界面所传达出的「正在操作...」这一动态就不复存在，留下的只是一张干巴巴的图片。没有了表示进行中的省略号，也没有需要等待的指引动画，这会让用户对程序是否正在执行工作产生怀疑，怀疑程序是否卡住了。
因此，省略号在这个过程中安抚了用户的情绪，为程序正常工作提供了指引。
省略更多文字
当文本量太多，以至于超出显示范围时，省略号的「文字截断」功能就可以发挥作用。长文件名通过省略号截断，只展示部分信息，这有利于界面的排版美观。但是省略号在文本中的截断用法不仅如此，更多时候我们则需要根据实际运用场景分析，合理使用省略号，而不是一味的超出部分文本省略。
Q：哪些情况不宜使用省略号进行文字截断？
A：目标产品的标题文本需要让用户了解到足够信息，为是否点击查看提供参考判断。通常情况下，有这一类需求的产品，都会在后台设定一个可以键入的最大文本上限，确保填写的文案不会超出界面内展示的最大值。
Q：哪些情况可以使用省略号进行文字截断？
A：以文字为主的内容类产品，即便文字超出省略，也可以理解到内容，并且还存在小字摘要，对目标链接的理解有辅助解释效果，这种时候标题可以使用省略号。电商列表的商品，标题文字部分也是辅助说明，更多时候是以图片为导向，这种时候也可以使用省略号。
结语
省略号在界面设计中的用法多种多样，本文只例举了一部分常见的用法，综上所述，现在看来，这三个简单的小点意义非凡。希望大家可以结合自身需求，不滥用，合理的在界面设计中使用省略号。
