深度剖析UI設計首字母大寫(xiě)和小寫(xiě)的優(yōu)缺點(diǎn)發(fā)布者：本站     時(shí)間：2020-06-05 15:06:44

你能指出上面兩種提示信息中的不同之處嗎？實(shí)際上，差別僅僅在于左邊的信息要比右邊的多一些大寫(xiě)字母。 大寫(xiě)的 O，小寫(xiě)的 o。誰(shuí)才會(huì )關(guān)心？

我們會(huì )逐步探討一點(diǎn)有趣的東西，但首先，讓我們從大寫(xiě)字母的的背景知識開(kāi)始了解。

一、標題模式 Vs 句子模式
現如今，在大部分的應用程序和網(wǎng)站中，有兩類(lèi)使用大寫(xiě)字母的方式：

標題模式：每個(gè)字母首位都大寫(xiě)。

句子模式：一個(gè)句子中的第一個(gè)字母大寫(xiě)。

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

而如果你是一個(gè) Google 用戶(hù), 你會(huì )發(fā)現在它們的產(chǎn)品中則主要使用到了第二種方式。這是因為 Google’s design guidelines 推薦在所有設計場(chǎng)景使用句子模式。


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

二、標題模式有哪些優(yōu)點(diǎn)？
首先，我們看看為何你會(huì )考慮使用標題模式。

1、更勻稱(chēng)整齊

有些人認為每個(gè)單詞首位都大寫(xiě)的設計看起來(lái)效果更好因為更具對稱(chēng)性，更為整齊。只要你的短語(yǔ)足夠短，那么可以看得出標題模式確實(shí)能營(yíng)造出一個(gè)非常好的視覺(jué)節奏：


有時(shí)候，單是這種對稱(chēng)美就足以使設計師義無(wú)反顧的選擇標題模式。

2、更多的視覺(jué)突出

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



注意，左邊的標題是不是比右邊的標題更加突出？這種對比越突出，用戶(hù)也就越有可能閱讀它。

3、更莊重正式

標題模式往往讓用戶(hù)感覺(jué)到莊重正式。諸如 The New York Times 和 USA.gov 這樣的網(wǎng)站就主要使用標題模式，營(yíng)造出專(zhuān)業(yè)、莊重的用戶(hù)感受。

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


想象你是一個(gè)公司高管，上邊哪個(gè)版本感覺(jué)更專(zhuān)業(yè)？

三、句子模式有哪些優(yōu)點(diǎn)？
接下來(lái)，讓我們看看你為何會(huì )想要在你的產(chǎn)品中使用句子模式。

1、易于閱讀

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

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



2、易于限定

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

最重要的是，對于標題模式的設計實(shí)際上有多種可行方式。諸如“from” 或者 “through”這樣的介詞是否要采用大寫(xiě)？ “the” 或 “an” 這樣的冠詞又作何處理呢？雖然你能夠依賴(lài)一種設計規范，但精確的設計準則可能還是會(huì )有所不同。