带点h的电影|国产日产久久高清欧美一区|波多野结18部高清 下载|轻点疼好痛太粗免费视频|女子深夜难耐|污到你那里滴水不止的作文600字|AV动漫精品一区二区免费

漲知識(shí)!網(wǎng)頁(yè)設(shè)計(jì)中關(guān)于字母大小寫你不知道的學(xué)問

2018-05-17 10:53:01 欄目:網(wǎng)站設(shè)計(jì) 閱讀:0
 

你能看出下面兩條信息之間的差別嗎?

左邊的大寫字母會(huì)更多一些。


俗話說以小見大,雖然大小寫只是細(xì)節(jié)問題,但在制作app或者網(wǎng)站的時(shí)候也值得注意。大小寫會(huì)影響可讀性、可理解性和可用性,它甚至?xí)绊懙接脩魧?duì)品牌的印象。

讓我們先從大小寫的一些背景知識(shí)談起。

Title case vs. sentence case

在大部分的網(wǎng)站中,有兩種大寫方式:

  • Title case(標(biāo)題式):每個(gè)單詞首字母大寫。This Is Title Case.
  • Sentence case(句式):第一個(gè)單詞首字母大寫。This is sentence case.

如果你是蘋果用戶,會(huì)注意到在產(chǎn)品中出現(xiàn)大量的title case,這是因?yàn)椋O果的設(shè)計(jì)準(zhǔn)則對(duì)很多的UI元素都推薦title case,包括彈出窗口、菜單項(xiàng)和按鈕。

如果你是谷歌用戶,會(huì)見到許多的sentence case。這也是和谷歌的設(shè)計(jì)準(zhǔn)則有關(guān)。

不管是你在蘋果項(xiàng)目組還是谷歌項(xiàng)目組,iOS項(xiàng)目組還是安卓項(xiàng)目組,懂得什么時(shí)候應(yīng)當(dāng)使用哪種大小寫方式都是十分重要的,讓我們對(duì)于每種風(fēng)格仔細(xì)分析一下。


Title case的優(yōu)勢(shì)

更對(duì)稱

Title case看起來更整齊因?yàn)閷?duì)稱性更強(qiáng)。對(duì)稱產(chǎn)生美,尤其是當(dāng)你的語(yǔ)句比較短的時(shí)候,title case會(huì)制造出一個(gè)視覺韻律。

更突出

大寫字母像是高舉的雙手,給你的標(biāo)題加了一層強(qiáng)調(diào)。Title case在無法調(diào)節(jié)字體的時(shí)候更有效,可以清楚地區(qū)分出主體文本和標(biāo)題文本。

可以從上圖清楚地看出左邊的標(biāo)題比右邊更突出。

更嚴(yán)肅

Title case會(huì)使詞語(yǔ)看起來更正式更重要。像The New York Times(紐約時(shí)報(bào))和USA.gov(美國(guó)政府網(wǎng))這類的網(wǎng)站大部分都用title case,顯得更加井井有條。

使用title case像是給你的詞語(yǔ)穿上了一身正裝,如果你的業(yè)務(wù)保密性強(qiáng),title case看起來更專業(yè)可靠。

Sentence case的優(yōu)勢(shì)

更易閱讀

Sentence case最大的優(yōu)點(diǎn)就是便于閱讀,尤其是當(dāng)文本比較長(zhǎng)的時(shí)候。Can You Imagine How Difficult It Would Be to Constantly Read Long Titles in Title Case?

所以看到下面的蘋果屏幕截圖的時(shí)候我實(shí)在是很崩潰。

更易定義

根據(jù)谷歌的第一位UX寫手Sue Factor所說,谷歌使用sentence case最主要的原因之一就是向設(shè)計(jì)師和工程師解釋起來更簡(jiǎn)單。在產(chǎn)品界面中,被定義為標(biāo)題的界限通常很不清晰,選項(xiàng)卡名稱是標(biāo)題嗎?復(fù)選框呢?確認(rèn)窗口信息是嗎?

使用title case的注意事項(xiàng)也很多,from、through類的介詞應(yīng)不應(yīng)該大寫?the、an這樣的冠詞需不需要大寫?取決于你遵循的是哪一種風(fēng)格的規(guī)則。下面是蘋果對(duì)title case做出的規(guī)定:

如果有很多人對(duì)同一個(gè)網(wǎng)站進(jìn)行編輯,很容易有人忘記在title case下的規(guī)定。使用sentence case可以避免這種混亂,只有一種方式來書寫,不會(huì)輕易出錯(cuò)。

更友好

和title case看起來正經(jīng)嚴(yán)肅不同的是,sentence case看起來更隨意友好,Dropbox使用的是sentence case,因?yàn)樗麄兤谕屍放聘匀挥H切,這也讓他們的產(chǎn)品特點(diǎn)和其他競(jìng)爭(zhēng)者區(qū)別開來。

更突出專有名詞

最后,sentence case讓含有專有名詞的語(yǔ)句看起來更清晰,專有名詞總是需要大寫的,比如姓名、城市、品牌名。

很多公司命名的時(shí)候會(huì)使用一個(gè)描述性的名字(比如“Inbox”、“Calendar”),而不是特殊的詞(比如“Spark”、“Fantastical”)。如果在所有按鈕中使用title case,很難分辨某個(gè)詞是否是專有名詞,以影響可用性。

其他大寫方式

Title case和sentence case是最主流的兩種大寫方式,但你仍有其他的選擇。

比如:在Windows Phone 8中,微軟在界面中使用了很多小寫文本,甚至標(biāo)題和按鈕也都是小寫。

接下來是GIPHY,我最喜愛的網(wǎng)站之一。這個(gè)網(wǎng)站在所有地方都使用大寫。

找到適合你的方式

Title case和sentence case各有千秋,不管你選擇哪一種,確保你的選擇和品牌形象相符。

千萬(wàn)不要不制定標(biāo)準(zhǔn),前后不一致會(huì)導(dǎo)致最后難以修改。如果用戶注意到你的網(wǎng)站前后不一致,對(duì)品牌形象還會(huì)有負(fù)面的影響。




小編的話:
看完這篇文章,不知道你心水哪一種大寫方式呢?還是你更喜歡自創(chuàng)一種規(guī)則?如果你有任何的想法或是對(duì)本文有任何的意見問題,都?xì)g迎在下方評(píng)論交流!


與我們的項(xiàng)目經(jīng)理聯(lián)系
掃二維碼與項(xiàng)目經(jīng)理溝通

我們?cè)谖⑿派?4小時(shí)期待你的聲音

解答本文疑問/技術(shù)咨詢/運(yùn)營(yíng)咨詢/技術(shù)建議/互聯(lián)網(wǎng)交流

轉(zhuǎn)載請(qǐng)注明出處:昆山網(wǎng)站制作公司網(wǎng)站標(biāo)題優(yōu)化的幾點(diǎn)注意事項(xiàng) - 益眾網(wǎng)絡(luò)
標(biāo)簽: