區(qū)區(qū)省略號(hào)竟有大作為...普賢居素材網(wǎng)精選

這是一篇與省略號(hào),有關(guān)的設(shè)計(jì)作品。作品名為：區(qū)區(qū)省略號(hào)竟有大作為...普賢居素材網(wǎng)精選，來(lái)源于普賢居素材網(wǎng)，作者是三達(dá)不留點(diǎn)gpj。

每當(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ì)比：

Windows NT (1993)：到處都是省略號(hào)！

Windows 8 (2013)：省略號(hào)去哪里了？

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)整理...

譯自：medium

原文鏈接：jianshu
 

這篇設(shè)計(jì)欣賞到這里就結(jié)束了，感謝您的欣賞，希望對(duì)您的設(shè)計(jì)創(chuàng)作帶來(lái)了靈感。如果覺(jué)得文章不錯(cuò)，歡迎把普賢居素材網(wǎng)推薦給更多的設(shè)計(jì)達(dá)人。