每當(dāng)我告訴身邊的人省略號(hào)(…)是我見(jiàn)過(guò)的最為牛逼的字符時(shí),絕大部分人都以為我瘋了。?在你也這樣認(rèn)為我之前,請(qǐng)容我認(rèn)真解釋一番:
在過(guò)去的數(shù)十年間,用戶界面設(shè)計(jì)師不斷以多種方式使用省略號(hào)來(lái)向用戶傳達(dá)重要的信息。正如你很快就能看到的,這個(gè)僅由三個(gè)小原點(diǎn)組成的省略號(hào)居然能以其渺小的身板發(fā)揮不小的作用。
接下來(lái),讓我們一起回顧下在以往這些年中,省略號(hào)最常應(yīng)用的5種方式。閱讀完成之后,相信你可能會(huì)對(duì)這個(gè)不起眼的字符有一個(gè)全面的認(rèn)識(shí)。
1、省略號(hào)=“后繼選擇”
我印象中第一次看到省略號(hào)是在 Windows 3.1 中,那還是我的第一臺(tái)電腦。那時(shí)候,省略號(hào)主要出現(xiàn)在一些按鈕和菜單選項(xiàng)中,它代表著我在點(diǎn)擊這個(gè)按鈕或菜單之后需要作出進(jìn)一步的抉擇。
這種方式很有用,因?yàn)樗刮艺J(rèn)識(shí)到當(dāng)觸發(fā)點(diǎn)擊之后,并不會(huì)立刻執(zhí)行有效動(dòng)作(還需要做下一步?jīng)Q定/選擇),我可以觸發(fā)這個(gè)動(dòng)作但是在我改變意圖之后還可以取消。?
這種模式在今天的?Windows 和 Mac 上依然存在,只不過(guò)現(xiàn)在的使用場(chǎng)景要少得多。
不妨對(duì)比一下20年前后的對(duì)比:
Google 在其設(shè)計(jì)指南 Material Design 中建議無(wú)論是在菜單選項(xiàng)還是按鈕中都省去省略號(hào),大概是因?yàn)樵S多選項(xiàng)之后其實(shí)都有次級(jí)選項(xiàng),如果大量的使用省略號(hào)將使得用戶界面變得混亂。
省略號(hào)的這一用法可能會(huì)隨著時(shí)間退出舞臺(tái),但是我認(rèn)為在其服役的這些年里確實(shí)對(duì)用戶起到了友好的幫助作用——僅僅憑借其3個(gè)小圓點(diǎn)而已。
2、省略號(hào)=”在這里打字“
在近些年開(kāi)始,陸續(xù)誕生了很多產(chǎn)品使用省略號(hào)來(lái)代表文本域,而現(xiàn)在已然流行開(kāi)來(lái)。?
我不清楚究竟是哪個(gè)產(chǎn)品或者是從誰(shuí)開(kāi)始使用這樣的表達(dá)方法,不過(guò)我從網(wǎng)上能找到的最早的案例出自Facebook 在2008年的設(shè)計(jì)。
為什么那些產(chǎn)品要這樣使用省略號(hào)?我猜測(cè)大概是出于兩方面的目的:
視覺(jué)效果:有時(shí)候,要用戶從一個(gè)堆滿設(shè)計(jì)元素的用戶界面中找出文本輸入框并不是那么容易,而一個(gè)省略號(hào)從一定程度上提升了視覺(jué)線索,它能夠用來(lái)吸引用戶的注意力。
心理效應(yīng):傳統(tǒng)上,一個(gè)省略號(hào)代表著省略詞組/語(yǔ)句的一部分,也就是說(shuō)有省略號(hào)的地方其實(shí)應(yīng)該是有文字的。在文本域中使用省略號(hào)則在某種程度上,能夠刺激你在空白部分進(jìn)行文本輸入。?
在某些設(shè)計(jì)指南中,甚至推薦在所有的文本域中都使用省略號(hào),比如?Salesforce Style Guide 。不過(guò),我個(gè)人其實(shí)不喜歡這樣的做法,但它確實(shí)已然成為一種設(shè)計(jì)趨勢(shì)。?
3、省略號(hào)=”更多動(dòng)作“
現(xiàn)在,越來(lái)越多的產(chǎn)品使用一個(gè)中線省略號(hào)(?)來(lái)表明還有更多菜單選項(xiàng)可供選擇,就好像是說(shuō)”嗨,這里還有更多你可以做的事情。“
而在很多 Android 端的程序中,你則能經(jīng)常看到一個(gè)垂直的省略號(hào)(?) 做著同樣的事情。
有些人不喜歡這樣的設(shè)計(jì),認(rèn)為這樣的做法可能將原本重要的動(dòng)作隱藏了起來(lái)(尋找和使用起來(lái)更費(fèi)勁)。然而不管你究竟是贊同還是不支持,你都無(wú)法否認(rèn)這樣的設(shè)計(jì)已經(jīng)流行開(kāi)來(lái)——?就像幾年前的漢堡按鈕一樣。
若時(shí)光倒退到多前,我敢打賭沒(méi)有人能夠想到區(qū)區(qū)一個(gè)省略號(hào)還能這樣用。然而在近幾年,省略號(hào)?的這種用法便已大行其道,似乎再也回不到過(guò)去。
隨著現(xiàn)在的設(shè)計(jì)師們?cè)絹?lái)越強(qiáng)調(diào)簡(jiǎn)約的設(shè)計(jì),相信省略號(hào)的這一用法會(huì)越來(lái)越普及開(kāi)來(lái)。
4、省略號(hào)=“稍等片刻”
省略號(hào)另外一個(gè)常見(jiàn)的用法就是告訴用戶當(dāng)前動(dòng)作正在執(zhí)行中,比如“加載中...“、”連接中..."、“上傳中...",這些都是我們常見(jiàn)的一些應(yīng)用場(chǎng)景。
現(xiàn)在,試想一下如果我們?cè)谶@張畫(huà)面中沒(méi)有看到省略號(hào)(下圖),我們大概就會(huì)認(rèn)為系統(tǒng)哪里出錯(cuò)了,因?yàn)槲覀兞?xí)慣于使用省略號(hào)來(lái)代表進(jìn)行中的動(dòng)作。?
看起來(lái)是不是有問(wèn)題?至少在我眼中,使用一個(gè)省略號(hào)確實(shí)能讓我放下心來(lái),而沒(méi)有它則讓我認(rèn)為系統(tǒng)卡住了。
許多的設(shè)計(jì)指南都建議在用戶需要等待系統(tǒng)響應(yīng)的時(shí)候使用動(dòng)畫(huà)效果。但只要是僅僅需要等待幾秒的話,我認(rèn)為使用省略號(hào)也不失為一種合理的辦法。
不知怎的,僅僅使用一個(gè)由三個(gè)原點(diǎn)組成的省略號(hào)就能讓我對(duì)于正在執(zhí)行的動(dòng)作放下心來(lái)——而且只是3個(gè)靜態(tài)的原點(diǎn)!你不覺(jué)得很神奇嗎?
5、省略號(hào)=“更多字符”?
省略號(hào)也用來(lái)在文本過(guò)長(zhǎng)的時(shí)候截掉多余部分,在較長(zhǎng)的文件名中往往能看到這種用法。
在早些年代,長(zhǎng)的文件名就會(huì)截掉多余部分,只顯示能夠顯示的下那些。而現(xiàn)在,許多應(yīng)用程序和操作系統(tǒng)都會(huì)截取掉中間部分,這樣你就還能看到句末的幾個(gè)字符,這樣的做法其實(shí)是明智的,因?yàn)橐粋€(gè)文件名中最后的幾個(gè)字符往往是最為重要的。
如果不做截取處理的話,我們將會(huì)在到處看到有重疊的文本,還好,省略號(hào)的出現(xiàn)打破了這種不良效果,將可能充滿混亂的界面解救了出來(lái)。?
小身板大作為
現(xiàn)在,你已經(jīng)看到了有關(guān)省略號(hào)的多種不同用法,那你贊同我說(shuō)的省略號(hào)是最為牛逼的字符嗎??我是說(shuō),誰(shuí)會(huì)想到區(qū)區(qū)一個(gè)省略號(hào)竟能有如此大的應(yīng)用?
更多的用法等你來(lái)整理...
譯自:https://medium.com/@jsaito/the-mighty-ellipsis-6c2c00ddc864#.x5fwwah9t
如果喜歡我的文章,請(qǐng)點(diǎn)個(gè)??;如果有任何意見(jiàn)或看法,請(qǐng)留下您的評(píng)論。更歡迎各位持續(xù)的關(guān)注,謝謝!