你能指出上面兩種提示信息中的不同之處嗎？實(shí)際上，差別僅僅在于左邊的信息要比右邊的多一些大寫字母。 大寫的 O，小寫的 o。誰才會(huì)關(guān)心？ 我們會(huì)逐步探討一點(diǎn)有趣的東西，但首先，讓我們從大寫字母的的背景知識(shí)開始了解。一、標(biāo)題模式 Vs 句子模式 現(xiàn)如今，在大部分的應(yīng)用程序和網(wǎng)站中，有兩類使用大寫字母的方式： 標(biāo)題模式：每個(gè)字母首位都大寫。 句子模式：一個(gè)句子中的第一個(gè)字母大寫。 如果你是一個(gè) Apple 的用戶，你會(huì)注意到在它們的產(chǎn)品中，有很多使用到前者的地方。 這是因?yàn)锳pple’s design guidelines 針對許多用戶界面元素，如提示標(biāo)題、菜單選項(xiàng)及按鈕都推薦使用標(biāo)題模式的設(shè)計(jì)。 而如果你是一個(gè) Google 用戶, 你會(huì)發(fā)現(xiàn)在它們的產(chǎn)品中則主要使用到了第二種方式。這是因?yàn)?Google’s design guidelines 推薦在所有設(shè)計(jì)場景使用句子模式。
不管你站在哪一隊(duì)，都希望你在使用標(biāo)題或句子模式時(shí)能有所想法。接下來讓我們仔細(xì)看看每種模式。二、標(biāo)題模式有哪些優(yōu)點(diǎn)？ 首先，我們看看為何你會(huì)考慮使用標(biāo)題模式。
1、更勻稱整齊 有些人認(rèn)為每個(gè)單詞首位都大寫的設(shè)計(jì)看起來效果更好因?yàn)楦邔ΨQ性，更為整齊。只要你的短語足夠短，那么可以看得出標(biāo)題模式確實(shí)能營造出一個(gè)非常好的視覺節(jié)奏：
有時(shí)候，單是這種對稱美就足以使設(shè)計(jì)師義無反顧的選擇標(biāo)題模式。 2、更多的視覺突出 “視覺突出”只是一個(gè)花哨的說法，意在表達(dá)標(biāo)題模式能夠從大量信息中脫穎而出。在一堆字母中使用大寫字母就像是你在人群中舉起雙手，將你的標(biāo)題部分突顯了出來。在你不能校正字體樣式時(shí)，標(biāo)題模式尤為有用。它幫助你從正文信息中區(qū)分出標(biāo)題文本。
注意，左邊的標(biāo)題是不是比右邊的標(biāo)題更加突出？這種對比越突出，用戶也就越有可能閱讀它。3、更莊重正式 標(biāo)題模式往往讓用戶感覺到莊重正式。諸如 The New York Times 和 USA.gov 這樣的網(wǎng)站就主要使用標(biāo)題模式，營造出專業(yè)、莊重的用戶感受。 使用標(biāo)題模式就像給你的話語穿上西裝。對于某些品牌，它可能希望透過它的文字信息就能傳達(dá)業(yè)務(wù)重心。例如，如果你所處理的業(yè)務(wù)強(qiáng)調(diào)安全性，那么相比于句子模式，標(biāo)題模式更有可能傳遞出專業(yè)、可靠的業(yè)務(wù)模式。
想象你是一個(gè)公司高管，上邊哪個(gè)版本感覺更專業(yè)？ 三、句子模式有哪些優(yōu)點(diǎn)？ 接下來，讓我們看看你為何會(huì)想要在你的產(chǎn)品中使用句子模式。
1、易于閱讀 之所以使用句子模式，其中最主要的原因就是因?yàn)檫@種模式下的文本信息易于閱讀，尤其是在文本比較長的時(shí)候。你能想象如果總是閱讀那些使用標(biāo)題模式的文本標(biāo)題該有多困難嗎？ 這就是為什么我不愿意去閱讀下面這個(gè)符合 Apple 設(shè)計(jì)指南的提示消息的原因。
2、易于限定
按照 Google’s 的首位 UX 作者 Sue Factor 的說法，Google 之所以決定使用句子模式，其主要原因之一就是它能夠?qū)⑽谋拘畔⒏菀椎慕忉尳o設(shè)計(jì)師和工程師理解。在一個(gè)產(chǎn)品界面中，我們并不總是能清楚的意識(shí)到文中所描述的標(biāo)題究竟包括哪些內(nèi)容，一個(gè)標(biāo)簽選項(xiàng)卡名稱是一個(gè)標(biāo)題？一個(gè)設(shè)置復(fù)選框呢？或者一條確認(rèn)信息呢？ 最重要的是，對于標(biāo)題模式的設(shè)計(jì)實(shí)際上有多種可行方式。諸如“from” 或者 “through”這樣的介詞是否要采用大寫？ “the” 或 “an” 這樣的冠詞又作何處理呢？雖然你能夠依賴一種設(shè)計(jì)規(guī)范，但精確的設(shè)計(jì)準(zhǔn)則可能還是會(huì)有所不同。 下邊是 Apple 中標(biāo)題模式的設(shè)計(jì)準(zhǔn)則：
試想如果有很多人同時(shí)為你的產(chǎn)品進(jìn)行信息設(shè)計(jì)，那么一旦采用標(biāo)題模式，設(shè)計(jì)師們就很容易忘記上述的規(guī)則。 因此，你可以通過全局使用句子模式來避免這種混亂。而句子模式只有唯一的方法，因此很難出錯(cuò)。3、更加友好 正如標(biāo)題模式看起來莊重而正式一樣，句子模式看起來往往更隨意和友好一些。我是 Dropbox 的一名設(shè)計(jì)師， 我們之所以采用句子模式因?yàn)槲覀兿胍覀兊钠放葡蛴脩魝鬟_(dá)出自然而易于接近的感受。我們認(rèn)為正是我們的產(chǎn)品向外界傳遞的聲音使我們有別于我們的競爭對手，而使用句子模式的設(shè)計(jì)更是我們保持這種聲音的一種有效方式。
4、更容易區(qū)分出專有名詞 最后，句子模式使我們更易于區(qū)分出專業(yè)名詞。 專業(yè)名詞就是那些常常使用大寫的單詞，比如 New York City 或 Microsoft。 現(xiàn)如今，很多公司在產(chǎn)品命名上都融入它們的產(chǎn)品特性或描述信息，而不像“Spark” 、 “Fantastical”這樣一些異想天開的產(chǎn)品命名法。如果你在產(chǎn)品中的所有按鈕上都使用標(biāo)題模式，那就很難區(qū)分出是不是有哪個(gè)文本代表專業(yè)名詞，也就影響到了產(chǎn)品的可用性。
四、是不是還有其他情況呢？ 事實(shí)上，標(biāo)題模式和句子模式只是應(yīng)用到大寫字母的最為流行的兩種設(shè)計(jì)模式，并不代表全部。 例1：在 Windows Phone 8 中， Microsoft 在界面設(shè)計(jì)中就使用了很多小寫字母，甚至應(yīng)用到標(biāo)題和按鈕中。
例2： GIPHY ，這個(gè)網(wǎng)站在所有地方都使用大寫字母，這對它們而言是有道理的，因?yàn)槟Ｒ蛭谋就ǔＨ看髮憽? 五、為自己的產(chǎn)品挑選設(shè)計(jì)合適的模式
標(biāo)題模式和句子模式都各有優(yōu)點(diǎn)。不論你偏向于哪種模式，都要確保你做出明智的決定，能夠有益于你的品牌。而最糟糕的事情就是你的設(shè)計(jì)完全沒有遵循任何標(biāo)準(zhǔn)，最終導(dǎo)致一致性的欠缺，這個(gè)時(shí)候修正起來就很痛苦了。 一旦你的用戶注意到這種設(shè)計(jì)上的不一致，他們很快就會(huì)喪失對你的品牌的信任感。
