美女脱光衣服的视频网站-亚洲欧洲日本在线色-国产又粗又猛又爽又黄的aa-日韩精品人妻一区二区在线看-青春草在线精品视频-色哟哟成人天堂av在线观看-日本不卡码一区二区三区-日本视频一二区三区-在线免费观看日本网址

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

2018-05-17 10:53:01 欄目:網(wǎng)站設(shè)計 查看(7276 )

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

左邊的大寫字母會更多一些。


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

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

Title case vs. sentence case

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

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

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

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

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


Title case的優(yōu)勢

更對稱

Title case看起來更整齊因為對稱性更強。對稱產(chǎn)生美,尤其是當(dāng)你的語句比較短的時候,title case會制造出一個視覺韻律。

更突出

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

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

更嚴肅

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

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

Sentence case的優(yōu)勢

更易閱讀

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

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

更易定義

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

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

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

更友好

和title case看起來正經(jīng)嚴肅不同的是,sentence case看起來更隨意友好,Dropbox使用的是sentence case,因為他們期望讓品牌更自然親切,這也讓他們的產(chǎn)品特點和其他競爭者區(qū)別開來。

更突出專有名詞

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

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

其他大寫方式

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

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

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

找到適合你的方式

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

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




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


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

我們在微信上24小時期待你的聲音

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

轉(zhuǎn)載請注明出處:漲知識!網(wǎng)頁設(shè)計中關(guān)于字母大小寫你不知道的學(xué)問 - 益眾網(wǎng)絡(luò)
分享:
標簽: