原作者:John Saito? 翻譯者:Puddinnng
本教程為翻譯教程吠各,原文地址為:https://medium.com/@jsaito/the-mighty-ellipsis-6c2c00ddc864#.fmktmfw4r
當(dāng)我說聋迎,「省略號是有史以來最神奇的標(biāo)點(diǎn)〉昀郑」朋友都把我當(dāng)瘋子魏割。你也這樣想嗎廊勃?聽我解釋…
設(shè)計師用省略號向用戶傳達(dá)信息已經(jīng)很久。你將看見搬男,在極小的空間中這三個點(diǎn)能傳達(dá)多少信息拣展。
看完這篇文章后,你一定會對這小卻重要的標(biāo)點(diǎn)產(chǎn)生新看法缔逛。
1.省略號=「這兒還有后續(xù)操作」
Window 3.1中的省略號給了我最初的印象备埃。那是我第一臺電腦。一些按鈕和菜單選項(xiàng)上出現(xiàn)的省略號褐奴,意味著點(diǎn)擊按鈕后按脚,還要進(jìn)行后續(xù)操作。
省略號在這很有用敦冬,它讓我知道操作不會立馬生效辅搬。當(dāng)我改變主意時,可以隨時取消操作脖旱。
Windows 和 MAC 上這個模式依然存在堪遂,但現(xiàn)在用得很少。
看看二十年間經(jīng)歷了什么:
Google 的?Material Design 指南建議去掉省略號。大概因?yàn)榧眨凑芏嗖僮鞫夹枰罄m(xù)操作猿妈,滿屏省略號只讓界面變凌亂。
這個模式雖已過時巍虫,卻在這些年人們做決定時彭则,僅僅使用三個點(diǎn)就發(fā)揮了巨大作用。
2.省略號=「在這輸入」
近年垫言,許多產(chǎn)品使用省略號指示文本框贰剥。這是股熱潮。
不知這個趨勢何時開始筷频,但我能找到最早的例子,在2008年 Facebook 頁面上前痘。
為什么如此使用省略號凛捏?我猜測省略號在這發(fā)揮兩種功能:
視覺功能:有時文本框很難發(fā)現(xiàn)。省略號讓文本框更醒目芹缔,吸引你注意坯癣。
心理功能:一般來說,省略號代表了省略的文字——這里缺了些什么最欠。如此說來示罗,省略號在催促你用文本來完整這空白區(qū)域惩猫。
一些樣式指南甚至建議,每個文本框都使用省略號蚜点。Salesforce Style Guide?就是個好例子轧房。本人不喜歡這樣使用省略號,但這種做法明顯很火绍绘。
并不需要大肆宣傳奶镶,省略號順利地成為了「在此輸入」的代號。
3.省略號=「更多操作」
越來越多的應(yīng)用開始使用省略號來指示具有多個操作的菜單陪拘。它意味著厂镇,「嘿,點(diǎn)這里你還能做許多事噢~」
在 Android 應(yīng)用中左刽,你也能發(fā)現(xiàn)表達(dá)相同意義的垂直省略號捺信。
這樣做會將重要操作隱藏起來,所以有人不喜歡欠痴。無論你喜歡與否残黑,不能否認(rèn)這個圖形早成為 UI 設(shè)計中一股浪潮——有些像之前流行的漢堡按鈕。
我打賭斋否,以前沒人會將省略號和“更多操作”聯(lián)系起來±嫠現(xiàn)在,省略號突然扛起來這一新的職責(zé)茵臭,并越走越遠(yuǎn)疫诽。
界面設(shè)計師大多力求簡潔,所以省略號可能會越來越多見旦委。
4.省略號=「等等噢」
省略號另一個常見用法是指示某個操作正在進(jìn)行中奇徒。「加載中…」「連接中…」「上傳中…」你可能已經(jīng)見過上百次了缨硝。
想想如果沒有省略號會發(fā)生什么吧摩钙。我們太習(xí)慣于看到省略號來代表進(jìn)行中的進(jìn)程了,看不到它查辩,我們會覺得哪里出錯了胖笛。
是不是有些別扭?至少我看來宜岛,省略號能讓我確信某件事正在發(fā)生长踊。缺少它會讓我覺得有東西卡住了。
許多設(shè)計指南建議在用戶需要等待的時候使用動畫萍倡。但如果用戶只需要等待幾秒身弊,我認(rèn)為省略號可以被當(dāng)成另一個有用的指示器,來表明系統(tǒng)正在做什么。
反正文字后的三個點(diǎn)阱佛,讓我確信操作正在進(jìn)行——即使它們只是三個點(diǎn)帖汞。這不是很神奇么?
5.省略號=「更多文字」
文本太長時凑术,省略號也用來縮短文本翩蘸。這用法叫做截斷(Truncation)。當(dāng)文檔名字太長時同樣會出現(xiàn)省略號麦萤。
早些年鹿鳖,長文件名在末端被截斷。現(xiàn)在壮莹,許多 app 和操作系統(tǒng)在中間截斷名字翅帜,便于你看到最后幾個字母。這很巧妙命满,因?yàn)槲募凶詈髱讉€字母往往最重要涝滴。
如果我們不加截斷,文本就會到處重疊胶台。謝天謝地歼疮,省略號拯救了我們,讓界面不至于一片混亂诈唬。
小卻重要
現(xiàn)在你知道了省略號在界面設(shè)計中不同的用法,你同意它是有史以來最神奇的標(biāo)點(diǎn)了嗎铸磅?誰能想到這小小的點(diǎn)能代表這么多意思赡矢?
我甚至都還沒研究省略號在表格和對話文本中的用法呢,那又是個長長的故事了…
下次把省略號放進(jìn)界面時阅仔,請帶著我對他的愛意吹散。他可能是最被低估的符號了~