深度剖析UI設(shè)計(jì)首字母大寫(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ě)字母的的背景知識(shí)開(kāi)始了解。
一、標(biāo)題模式 Vs 句子模式
現(xiàn)如今,在大部分的應(yīng)用程序和網(wǎng)站中,有兩類(lèi)使用大寫(xiě)字母的方式:
標(biāo)題模式:每個(gè)字母首位都大寫(xiě)。
句子模式:一個(gè)句子中的第一個(gè)字母大寫(xiě)。
如果你是一個(gè) Apple 的用戶(hù),你會(huì)注意到在它們的產(chǎn)品中,有很多使用到前者的地方。 這是因?yàn)锳pple’s design guidelines 針對(duì)許多用戶(hù)界面元素,如提示標(biāo)題、菜單選項(xiàng)及按鈕都推薦使用標(biāo)題模式的設(shè)計(jì)。
而如果你是一個(gè) Google 用戶(hù), 你會(huì)發(fā)現(xiàn)在它們的產(chǎn)品中則主要使用到了第二種方式。這是因?yàn)?Google’s design guidelines 推薦在所有設(shè)計(jì)場(chǎng)景使用句子模式。
不管你站在哪一隊(duì),都希望你在使用標(biāo)題或句子模式時(shí)能有所想法。接下來(lái)讓我們仔細(xì)看看每種模式。
二、標(biāo)題模式有哪些優(yōu)點(diǎn)?
首先,我們看看為何你會(huì)考慮使用標(biāo)題模式。
1、更勻稱(chēng)整齊
有些人認(rèn)為每個(gè)單詞首位都大寫(xiě)的設(shè)計(jì)看起來(lái)效果更好因?yàn)楦邔?duì)稱(chēng)性,更為整齊。只要你的短語(yǔ)足夠短,那么可以看得出標(biāo)題模式確實(shí)能營(yíng)造出一個(gè)非常好的視覺(jué)節(jié)奏:
有時(shí)候,單是這種對(duì)稱(chēng)美就足以使設(shè)計(jì)師義無(wú)反顧的選擇標(biāo)題模式。
2、更多的視覺(jué)突出
“視覺(jué)突出”只是一個(gè)花哨的說(shuō)法,意在表達(dá)標(biāo)題模式能夠從大量信息中脫穎而出。在一堆字母中使用大寫(xiě)字母就像是你在人群中舉起雙手,將你的標(biāo)題部分突顯了出來(lái)。在你不能校正字體樣式時(shí),標(biāo)題模式尤為有用。它幫助你從正文信息中區(qū)分出標(biāo)題文本。
注意,左邊的標(biāo)題是不是比右邊的標(biāo)題更加突出?這種對(duì)比越突出,用戶(hù)也就越有可能閱讀它。
3、更莊重正式
標(biāo)題模式往往讓用戶(hù)感覺(jué)到莊重正式。諸如 The New York Times 和 USA.gov 這樣的網(wǎng)站就主要使用標(biāo)題模式,營(yíng)造出專(zhuān)業(yè)、莊重的用戶(hù)感受。
使用標(biāo)題模式就像給你的話(huà)語(yǔ)穿上西裝。對(duì)于某些品牌,它可能希望透過(guò)它的文字信息就能傳達(dá)業(yè)務(wù)重心。例如,如果你所處理的業(yè)務(wù)強(qiáng)調(diào)安全性,那么相比于句子模式,標(biāo)題模式更有可能傳遞出專(zhuān)業(yè)、可靠的業(yè)務(wù)模式。
想象你是一個(gè)公司高管,上邊哪個(gè)版本感覺(jué)更專(zhuān)業(yè)?
三、句子模式有哪些優(yōu)點(diǎn)?
接下來(lái),讓我們看看你為何會(huì)想要在你的產(chǎn)品中使用句子模式。
1、易于閱讀
之所以使用句子模式,其中最主要的原因就是因?yàn)檫@種模式下的文本信息易于閱讀,尤其是在文本比較長(zhǎng)的時(shí)候。你能想象如果總是閱讀那些使用標(biāo)題模式的文本標(biāo)題該有多困難嗎?
這就是為什么我不愿意去閱讀下面這個(gè)符合 Apple 設(shè)計(jì)指南的提示消息的原因。
2、易于限定
按照 Google’s 的首位 UX 作者 Sue Factor 的說(shuō)法,Google 之所以決定使用句子模式,其主要原因之一就是它能夠?qū)⑽谋拘畔⒏菀椎慕忉尳o設(shè)計(jì)師和工程師理解。在一個(gè)產(chǎn)品界面中,我們并不總是能清楚的意識(shí)到文中所描述的標(biāo)題究竟包括哪些內(nèi)容,一個(gè)標(biāo)簽選項(xiàng)卡名稱(chēng)是一個(gè)標(biāo)題?一個(gè)設(shè)置復(fù)選框呢?或者一條確認(rèn)信息呢?
最重要的是,對(duì)于標(biāo)題模式的設(shè)計(jì)實(shí)際上有多種可行方式。諸如“from” 或者 “through”這樣的介詞是否要采用大寫(xiě)? “the” 或 “an” 這樣的冠詞又作何處理呢?雖然你能夠依賴(lài)一種設(shè)計(jì)規(guī)范,但精確的設(shè)計(jì)準(zhǔn)則可能還是會(huì)有所不同。
選擇我們,優(yōu)質(zhì)服務(wù),不容錯(cuò)過(guò)
1. 優(yōu)秀的網(wǎng)絡(luò)資源,強(qiáng)大的網(wǎng)站優(yōu)化技術(shù),穩(wěn)定的網(wǎng)站和速度保證
2. 15年上海網(wǎng)站建設(shè)經(jīng)驗(yàn),優(yōu)秀的技術(shù)和設(shè)計(jì)水平,更放心
3. 全程省心服務(wù),不必?fù)?dān)心自己不懂網(wǎng)絡(luò),更省心。
------------------------------------------------------------
24小時(shí)聯(lián)系電話(huà):021-58370032
關(guān)鍵詞標(biāo)簽:上海網(wǎng)站建設(shè) 上海網(wǎng)站制作 網(wǎng)站優(yōu)化 小程序開(kāi)發(fā)