區(qū)區(qū)省略號(hào)竟有大作為...

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

譯自:https://medium.com/@jsaito/the-mighty-ellipsis-6c2c00ddc864#.x5fwwah9t

如果喜歡我的文章,請(qǐng)點(diǎn)個(gè)??;如果有任何意見(jiàn)或看法,請(qǐng)留下您的評(píng)論。更歡迎各位持續(xù)的關(guān)注,謝謝!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,431評(píng)論 6 544
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 99,637評(píng)論 3 429
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人,你說(shuō)我怎么就攤上這事。” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 178,555評(píng)論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我,道長(zhǎng),這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 63,900評(píng)論 1 318
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 72,629評(píng)論 6 412
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 55,976評(píng)論 1 328
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,976評(píng)論 3 448
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 43,139評(píng)論 0 290
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,686評(píng)論 1 336
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 41,411評(píng)論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 43,641評(píng)論 1 374
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,129評(píng)論 5 364
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 44,820評(píng)論 3 350
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 35,233評(píng)論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 36,567評(píng)論 1 295
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 52,362評(píng)論 3 400
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 48,604評(píng)論 2 380

推薦閱讀更多精彩內(nèi)容