原文作者：John Saito

每當我告訴人們省略号（...）是最讓人驚奇的字符時，大多數人都像看瘋子一樣看我。在你給我打上這個标簽之前，讓我試着給你們解釋一下。

幾十年來，界面設計師一直使用省略号來向用戶傳遞各種各樣的細節。正如你所見，這三個小點能在有限的空間裡表達出很多的含義。

讓我們一起來看看，省略号在過去幾年的界面設計中的五種用法。到最後，你會對這個強大的字符有新的認識。

1.省略号=“這裡有後續的操作”

我記得我第一次在界面中看到省略号是在Windows 3.1中。那是我的第一台電腦，界面中展現了一些按鈕和菜單選項，這意味着在我點擊它之後還有一些後續操作要做。

省略号在這裡非常有幫助，因為它保障了我的操作不會立即造成影響，我可以開始行動，但是如果我改變了主意，也能夠取消它。

這個省略号在今天的Windows和Mac下仍然存在，但是用的少了很多。

看看我們在20年裡走了多遠：

1993年的Windows NT，省略号無處不在

2013年的Windows 8，省略号去哪了？

Google的Material Design 的設計指南建議從菜單項和按鈕中移除省略号。這可能是因為大量的選項需要一個後續操作，使用省略号會讓界面看起來繁雜。

這樣的省略模式可能過時了，但是他在過去的那段時間裡很好的幫助人們去作出決定-僅僅是使用了三個小點。

2.省略号=“在這裡打字”

近年來，許多産品使用省略号來表示文本字段，現在它使用的十分流行。

我不知道是誰引領了這種趨勢，但是我能夠找到的最早的例子是在2008年的Facebook：

為什麼會有人這樣使用省略号？按我的猜測是，這裡的省略号有兩個目的：

視覺效果：有時候很難在一個頁面上去注意到一個文本字段，所以一個省略号的添加，能從視覺上凸顯出來，吸引你的注意。

心理作用：傳統的認知上，一個省略号表示詞的省略。這意味着一些缺失，在某種程度上，省略能夠促使你在空白區域填寫内容，輸入你的語言。

一些風格規範也會推薦在文本段落中使用省略号，Salesforce的風格指南就是一個例子。我個人不喜歡使用省略号，但是很顯然它是一個設計的趨勢。

悄悄地，省略号已經迅速的成為了“在這裡打字”的象征。

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

現在更多的應用使用加粗的省略号來表示一個菜單中有更多操作，這基本上意味着“嘿，這裡有更多你能做的事情”。

在很多的Android應用中，你能過看到豎着的省略号，表達相同的意思。

有些人不喜歡這個設計，因為他可能把重要的操作隐藏起來。但是你不能否認，它在UI設計中已成為一個熱點趨勢-就像幾年前的漢堡按鈕一樣。

從前，我敢打賭沒有人會想到一個省略号可能意味着“更多操作”，然而近幾年來，省略号突然有了這樣一個新的作用，現在已經成為了共識。

為了讓界面看起來更多的簡約，這些省略号可能會應用的更加廣泛。

4.省略号=“等待幾秒鐘”

省略号的另一個常見用途就是顯示一個動作正在進行中。“加載中…”、“連接中…”、“上傳中…”你可能好幾百次看過這些了。

現在想象一下，如果我們不使用省略号會發生什麼。因為我們習慣了看到省略号表示一個持續行動。當我們看不到省略号時，我們可能會認為是錯誤的。

這些看起來不覺得有什麼不對嘛？至少在我眼裡，使用一個省略号能夠讓我放心，我知道後台正在運行，缺少一個省略号會讓我感到困惑。

許多設計指南都會在用戶需要等待的時候推薦使用動畫，但用戶隻需要等待幾秒鐘的話，我認為一個省略号可以是一個有效的指标來暗示系統正在做的事情。

使用三個點跟随在一個單詞後，可以暗示一個操作正在運行中-盡管它們隻是三個靜态的點，這簡直太神奇了，不是嗎？

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

省略号也會在文本太長的時候用來縮短文本。這應該叫做截斷，你會經常在處理長文件名中看到這個。

早期的時候，長文件名通常都會在後面被截斷。如今更多的應用程序和操作系統會在中間截斷，這樣你仍然能夠看到最後幾個字符，這是一個很聰明的做法，因為最後幾個字符通常是一個文件名中比較重要的。

如果我們沒有截斷，我們到處都會是重疊的文本，值得慶幸的是，省略号幫助我們從混亂的界面中脫離了出來。

如果沒有省略号，我們看到的可能會是這樣的，真糟糕

小而強大

現在你已經了解了許多省略号用于界面設計中的方法，你是否同意省略号是最讓人驚奇的字符呢？我的意思是，誰知道幾個小點可能意味着這麼多？

我還沒有引申那些省略号可以用于聊天和文本的對話當中，那都是一些後話了...

當你下次将一個省略号應用在你的界面中時，請好好待它，它可能是在你的故事中最被低估的字符了。

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!