打磨UI細節:對話文本應該用大寫還是用小寫?

在UI界面中,為什么IOS系統習慣每個字母首位都用大寫,而谷歌喜歡第一個字母大寫?這樣的小差異實際上能帶來非常大的不同,能夠影響到信息的可讀性、理解的難度以及可用性,甚至會影響到人們對你的品牌的看法。今天這篇有趣的譯文,帶你深入了解這兩種模式的優缺點。





你能指出上面兩種提示信息中的不同之處嗎?實際上,差別僅僅在于左邊的信息要比右邊的多一些大寫字母。 大寫的 O,小寫的 o。誰才會關心?

我們會逐步探討一點有趣的東西,但首先,讓我們從大寫字母的的背景知識開始了解。



標題模式 Vs 句子模式


現如今,在大部分的應用程序和網站中,有兩類使用大寫字母的方式:

標題模式:每個字母首位都大寫。

句子模式:一個句子中的第一個字母大寫。

如果你是一個 Apple 的用戶,你會注意到在它們的產品中,有很多使用到前者的地方。 這是因為Apple’s design guidelines 針對許多用戶界面元素,如提示標題、菜單選項及按鈕都推薦使用標題模式的設計。

而如果你是一個 Google 用戶, 你會發現在它們的產品中則主要使用到了第二種方式。這是因為 Google’s design guidelines 推薦在所有設計場景使用句子模式。





不管你站在哪一隊,都希望你在使用標題或句子模式時能有所想法。接下來讓我們仔細看看每種模式。



標題模式有哪些優點?


首先,我們看看為何你會考慮使用標題模式。

1、更勻稱整齊

有些人認為每個單詞首位都大寫的設計看起來效果更好因為更具對稱性,更為整齊。只要你的短語足夠短,那么可以看得出標題模式確實能營造出一個非常好的視覺節奏:





有時候,單是這種對稱美就足以使設計師義無反顧的選擇標題模式。


2、更多的視覺突出

“視覺突出”只是一個花哨的說法,意在表達標題模式能夠從大量信息中脫穎而出。在一堆字母中使用大寫字母就像是你在人群中舉起雙手,將你的標題部分突顯了出來。在你不能校正字體樣式時,標題模式尤為有用。它幫助你從正文信息中區分出標題文本。





注意,左邊的標題是不是比右邊的標題更加突出?這種對比越突出,用戶也就越有可能閱讀它。


3、更莊重正式

標題模式往往讓用戶感覺到莊重正式。諸如 The New York Times 和 USA.gov 這樣的網站就主要使用標題模式,營造出專業、莊重的用戶感受。

使用標題模式就像給你的話語穿上西裝。對于某些品牌,它可能希望透過它的文字信息就能傳達業務重心。例如,如果你所處理的業務強調安全性,那么相比于句子模式,標題模式更有可能傳遞出專業、可靠的業務模式。





想象你是一個公司高管,上邊哪個版本感覺更專業?



句子模式有哪些優點?


接下來,讓我們看看你為何會想要在你的產品中使用句子模式。


1、易于閱讀

之所以使用句子模式,其中最主要的原因就是因為這種模式下的文本信息易于閱讀,尤其是在文本比較長的時候。你能想象如果總是閱讀那些使用標題模式的文本標題該有多困難嗎?

這就是為什么我不愿意去閱讀下面這個符合 Apple 設計指南的提示消息的原因。





2、易于限定

按照 Google’s 的首位 UX 作者 Sue Factor 的說法,Google 之所以決定使用句子模式,其主要原因之一就是它能夠將文本信息更容易的解釋給設計師和工程師理解。在一個產品界面中,我們并不總是能清楚的意識到文中所描述的標題究竟包括哪些內容,一個標簽選項卡名稱是一個標題?一個設置復選框呢?或者一條確認信息呢?

最重要的是,對于標題模式的設計實際上有多種可行方式。諸如“from” 或者 “through”這樣的介詞是否要采用大寫? “the” 或 “an” 這樣的冠詞又作何處理呢?雖然你能夠依賴一種設計規范,但精確的設計準則可能還是會有所不同。 下邊是 Apple 中標題模式的設計準則:





試想如果有很多人同時為你的產品進行信息設計,那么一旦采用標題模式,設計師們就很容易忘記上述的規則。 因此,你可以通過全局使用句子模式來避免這種混亂。而句子模式只有唯一的方法,因此很難出錯。


3、更加友好

正如標題模式看起來莊重而正式一樣,句子模式看起來往往更隨意和友好一些。我是 Dropbox 的一名設計師, 我們之所以采用句子模式因為我們想要我們的品牌向用戶傳達出自然而易于接近的感受。我們認為正是我們的產品向外界傳遞的聲音使我們有別于我們的競爭對手,而使用句子模式的設計更是我們保持這種聲音的一種有效方式。





4、更容易區分出專有名詞

最后,句子模式使我們更易于區分出專業名詞。 專業名詞就是那些常常使用大寫的單詞,比如 New York City 或 Microsoft。

現如今,很多公司在產品命名上都融入它們的產品特性或描述信息,而不像“Spark” 、 “Fantastical”這樣一些異想天開的產品命名法。如果你在產品中的所有按鈕上都使用標題模式,那就很難區分出是不是有哪個文本代表專業名詞,也就影響到了產品的可用性。






是不是還有其他情況呢?

事實上,標題模式和句子模式只是應用到大寫字母的最為流行的兩種設計模式,并不代表全部。

例1:在 Windows Phone 8 中, Microsoft 在界面設計中就使用了很多小寫字母,甚至應用到標題和按鈕中。





例2: GIPHY ,這個網站在所有地方都使用大寫字母,這對它們而言是有道理的,因為模因文本通常全部大寫。






為自己的產品挑選設計合適的模式

標題模式和句子模式都各有優點。不論你偏向于哪種模式,都要確保你做出明智的決定,能夠有益于你的品牌。而最糟糕的事情就是你的設計完全沒有遵循任何標準,最終導致一致性的欠缺,這個時候修正起來就很痛苦了。

一旦你的用戶注意到這種設計上的不一致,他們很快就會喪失對你的品牌的信任感。

來源:北京普蘭

上一篇: 這7種動態效果,可以大大提高交互過程中的用戶體驗

下一篇: 非心靈雞湯!2017年“設計師”發展趨勢指南

分享到: 更多
玩三公有什么技巧赢钱 幸运分分彩计划人工软件 赛车pk10一天开奖图 江苏时时技巧集锦 为什么时时彩先赢后输 新会员送88彩金 三公怎么玩详细介绍 pk10最牛稳赚5码计划 重庆时时开彩龙虎和 北京pk10一期人工计划 财神爷pk10安卓 福利彩票快三投注稳赚技巧 快乐十分任四稳赚技巧 福彩3d复试投注金额表 江苏快三稳赚 11选5直选前3投注技巧