原作者:John Saito? 翻譯者:Puddinnng
本教程為翻譯教程,原文地址為:https://medium.com/@jsaito/the-mighty-ellipsis-6c2c00ddc864#.fmktmfw4r

當我說,「省略號是有史以來最神奇的標點?!古笥讯及盐耶敮傋印D阋策@樣想嗎?聽我解釋…
設(shè)計師用省略號向用戶傳達信息已經(jīng)很久。你將看見,在極小的空間中這三個點能傳達多少信息。
看完這篇文章后,你一定會對這小卻重要的標點產(chǎn)生新看法。
1.省略號=「這兒還有后續(xù)操作」
Window 3.1中的省略號給了我最初的印象。那是我第一臺電腦。一些按鈕和菜單選項上出現(xiàn)的省略號,意味著點擊按鈕后,還要進行后續(xù)操作。

省略號在這很有用,它讓我知道操作不會立馬生效。當我改變主意時,可以隨時取消操作。
Windows 和 MAC 上這個模式依然存在,但現(xiàn)在用得很少。
看看二十年間經(jīng)歷了什么:


Google 的?Material Design 指南建議去掉省略號。大概因為,反正很多操作都需要后續(xù)操作,滿屏省略號只讓界面變凌亂。
這個模式雖已過時,卻在這些年人們做決定時,僅僅使用三個點就發(fā)揮了巨大作用。
2.省略號=「在這輸入」
近年,許多產(chǎn)品使用省略號指示文本框。這是股熱潮。

不知這個趨勢何時開始,但我能找到最早的例子,在2008年 Facebook 頁面上。

為什么如此使用省略號?我猜測省略號在這發(fā)揮兩種功能:
視覺功能:有時文本框很難發(fā)現(xiàn)。省略號讓文本框更醒目,吸引你注意。
心理功能:一般來說,省略號代表了省略的文字——這里缺了些什么。如此說來,省略號在催促你用文本來完整這空白區(qū)域。
一些樣式指南甚至建議,每個文本框都使用省略號。Salesforce Style Guide?就是個好例子。本人不喜歡這樣使用省略號,但這種做法明顯很火。
并不需要大肆宣傳,省略號順利地成為了「在此輸入」的代號。
3.省略號=「更多操作」
越來越多的應(yīng)用開始使用省略號來指示具有多個操作的菜單。它意味著,「嘿,點這里你還能做許多事噢~」

在 Android 應(yīng)用中,你也能發(fā)現(xiàn)表達相同意義的垂直省略號。

這樣做會將重要操作隱藏起來,所以有人不喜歡。無論你喜歡與否,不能否認這個圖形早成為 UI 設(shè)計中一股浪潮——有些像之前流行的漢堡按鈕。
我打賭,以前沒人會將省略號和“更多操作”聯(lián)系起來。現(xiàn)在,省略號突然扛起來這一新的職責,并越走越遠。
界面設(shè)計師大多力求簡潔,所以省略號可能會越來越多見。
4.省略號=「等等噢」
省略號另一個常見用法是指示某個操作正在進行中。「加載中…」「連接中…」「上傳中…」你可能已經(jīng)見過上百次了。

想想如果沒有省略號會發(fā)生什么吧。我們太習慣于看到省略號來代表進行中的進程了,看不到它,我們會覺得哪里出錯了。

是不是有些別扭?至少我看來,省略號能讓我確信某件事正在發(fā)生。缺少它會讓我覺得有東西卡住了。
許多設(shè)計指南建議在用戶需要等待的時候使用動畫。但如果用戶只需要等待幾秒,我認為省略號可以被當成另一個有用的指示器,來表明系統(tǒng)正在做什么。
反正文字后的三個點,讓我確信操作正在進行——即使它們只是三個點。這不是很神奇么?
5.省略號=「更多文字」
文本太長時,省略號也用來縮短文本。這用法叫做截斷(Truncation)。當文檔名字太長時同樣會出現(xiàn)省略號。

早些年,長文件名在末端被截斷?,F(xiàn)在,許多 app 和操作系統(tǒng)在中間截斷名字,便于你看到最后幾個字母。這很巧妙,因為文件名中最后幾個字母往往最重要。
如果我們不加截斷,文本就會到處重疊。謝天謝地,省略號拯救了我們,讓界面不至于一片混亂。

小卻重要
現(xiàn)在你知道了省略號在界面設(shè)計中不同的用法,你同意它是有史以來最神奇的標點了嗎?誰能想到這小小的點能代表這么多意思?
我甚至都還沒研究省略號在表格和對話文本中的用法呢,那又是個長長的故事了…
下次把省略號放進界面時,請帶著我對他的愛意。他可能是最被低估的符號了~