討論一個比較常見的問題。

讀者：

呆呆，這個圖的卡片列表里，標(biāo)題用省略號合適嗎？

（因為原圖涉及讀者項目隱私，所以重畫了個草圖。）

??！又是沒有業(yè)務(wù)背景的問題。不過這個問題比較簡單，可以展開來說一下。

通常，我們會在各類產(chǎn)品里面見到諸如「標(biāo)題超出部分用省略號顯示」這樣的設(shè)計，譬如上面這圖。

于是，許多人在自家產(chǎn)品的設(shè)計過程中，遇到此類情況，被開發(fā)問到時，也會搪塞一句：文案要是超出就「…」顯示吧。

大多數(shù)遇到這種情況的，都是因為之前沒考慮好，才臨時想了這個解決辦法。

而很多時候，一些產(chǎn)品之所以用「…」顯示，并不是因為單純地文案溢出，可能是專門設(shè)計過的。

所以，如果簡單地認(rèn)為「…」就是解決溢出而使用的方法，那就有問題了。

下面舉幾個例子。

有些產(chǎn)品，我們幾乎看不到列表視圖里的標(biāo)題是有省略號的。

因為這類產(chǎn)品的目的就是讓用戶讀到完整的標(biāo)題信息，對眼前的內(nèi)容好做判斷，從而考慮是否點進(jìn)去看詳情。

所以在設(shè)定的時候，界面中標(biāo)題字?jǐn)?shù)的規(guī)定，與界面樣式就已經(jīng)提前規(guī)劃好了，可能在后臺設(shè)置就限定死字?jǐn)?shù)，要求運營人員上新時要統(tǒng)一界面的展示形式。

這種情況下，一般就不會再有省略號的問題，譬如一些知識付費類產(chǎn)品。

比較典型的還有 TED 演講視頻的標(biāo)題，在《設(shè)計體系》這本書里專門提到了這個案例。

對于 TED 來說，演講標(biāo)題的信息優(yōu)先級是最高的，所以他們寧可保留所有標(biāo)題文案，也不對文案做截斷用「…」顯示。

因為對標(biāo)題做截斷是很容易的，而難的是把一個演講主題提煉成一句簡短句子，所以他們?yōu)榱苏故靖逦臉?biāo)題，寧可在界面上保留長標(biāo)題，甚至為長標(biāo)題的顯示而專門設(shè)計相符合的展示形式。

反過來，他們也因為這一點而確定了界面上標(biāo)題字?jǐn)?shù)的上限，確保文案不會超過界面顯示的最大臨界值。

包括一些資訊類產(chǎn)品，在標(biāo)題上也會做限制，以滿足最大化呈現(xiàn)且不使用省略號。意思是：假設(shè)界面上文案范圍定了 30 個字符，那么配置的時候就必須 30 個字符以內(nèi)把內(nèi)容表達(dá)清楚，且必須完全顯示在界面上。

所以經(jīng)?？吹揭恍?UGC 產(chǎn)品之所以會限制標(biāo)題字?jǐn)?shù)，原因除了常見的標(biāo)題不能過長之外，還有一點是為了在列表頁就能顯示完整。

各位在設(shè)計這類產(chǎn)品功能時，也要注意到這一點，而不是隨意說一個「字符不能超過 50 吧」。

而有些產(chǎn)品的內(nèi)容列表，之所以頻繁使用省略號，它的目的是為了引導(dǎo)用戶點擊用的。

這類形式一般出現(xiàn)在營銷號發(fā)的文章里，多是營銷人員自己為了文章點擊率而做的。很少會有一款產(chǎn)品的所有內(nèi)容都是這樣的，除非是一些內(nèi)容產(chǎn)品，運營方是企業(yè)自己，為了讓產(chǎn)品上的內(nèi)容有更多人點擊而這樣去設(shè)計，當(dāng)中可能涵蓋了廣告，以此賺取廣告費。

不過這類內(nèi)容的設(shè)計已經(jīng)讓用戶開始反感，所以如果不是特殊情況，最好少這樣去做。

當(dāng)然，還有同類型的，一般出現(xiàn)在頁面面積小且需要展示更多信息的集合類視圖，比如：

這種形式的設(shè)計，就是因為頁面上想展示的信息太多，以至于通過這類合集來展示某個模塊里的內(nèi)容，營造出一種很豐富的感覺。

也就是利用「…」引導(dǎo)用戶點擊，表示信息沒有展示全，如果要看，就點開詳情，進(jìn)二級頁面。

還有一些產(chǎn)品的省略號，純粹就是大家理解的，溢出就省略號顯示。

比如同樣是資訊或內(nèi)容類，以文字為主的產(chǎn)品，雖然標(biāo)題超出范圍用了省略號，但用戶基本也已經(jīng)知道是什么內(nèi)容（上面那個集合類視圖也是一種），且還有摘要引讀。

比如下圖：

這種標(biāo)題字符限制在了兩行以內(nèi)，多余字符用「…」展示，基本上已經(jīng)是一句完整的話，能讓人大致了解這條信息的意思。并且還有部分摘要，已經(jīng)足夠用戶判斷是否對它有興趣，如果沒興趣，直接刷走也無所謂。

包括一些電商類產(chǎn)品，用戶多以商品圖片為主要決策因素，商品標(biāo)題作為輔助信息，優(yōu)先級不高，所以標(biāo)題溢出是否省略號顯示也無所謂。

這其中有一個特殊情況，就是有些產(chǎn)品的標(biāo)題即不展示全，同時又沒有省略號，比如淘寶的商品搜索結(jié)果頁面。

因為這類列表實質(zhì)是一個產(chǎn)品賣點集合的濃縮詞，不是完整的一句話，多余字符展示或者不展示，都不會有太大影響，所以也不重要。

當(dāng)中我比較反感的還要數(shù)農(nóng)藥了。

好友邀請的列表視圖里，常?？床蝗欠Q，因為好友會有游戲昵稱，微信備注會展示在游戲昵稱后面，以至于要點到游戲關(guān)系里先看全昵稱，再到匹配界面邀請好友。

既然已經(jīng)區(qū)分了微信好友與游戲好友，為什么昵稱上面不也加以區(qū)分呢？

當(dāng)然，經(jīng)常玩的好友可能沒這個必要，畢竟頭像或昵稱都可以很快識別出來，但是偶爾一起玩的好友通過這樣的識別方式就比較難了。

這里就是簡單提一句。

通過上面提到的一些例子，以及不同場景下標(biāo)題省略號的處理方式，相信大家對這塊的理解會比之前更深。

同樣，對于開篇讀者提到的問題，更符合的情況可能類似于知乎這種，有完整句子，所以標(biāo)題是否省略號處理也就沒太大影響。

但具體的還是要結(jié)合業(yè)務(wù)詳情仔細(xì)考量。

而標(biāo)題內(nèi)容的展示是否要用省略號處理，優(yōu)先要看這條信息的業(yè)務(wù)權(quán)重，以及是否會影響用戶決策。

所以各位在設(shè)計這類內(nèi)容標(biāo)題是否要用「…」顯示時，也要注意判斷自己的產(chǎn)品特性符合哪種類型，而不是隨意一句話，說「超出就省略號顯示好了」。

歡迎關(guān)注作者的微信公眾號：「呆呆U理」