網頁設計中字母大小寫的學問

網頁設計中字母大小寫的學問 2016-08-15 分類:設計 閱讀(35) 評論(0) ,
台中網頁設計

你能看出下面兩條信息之間的差別嗎,台北網頁設計

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

俗話說以小見大,雖然大小寫只是細節問題,但在制作app或者網站的時候也值得注意,民宿訂房系統。大小寫會影響可讀性、可理解性和可用性,它甚至會影響到用戶對品牌的印象。

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

Title case vs. sentence case

在大部分的網站中,有兩種大寫方式:

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

如果你是穀歌用戶,會見到許多的sentence case。這也是和 穀歌的設計準則 有關。

不管是你在蘋果項目組還是穀歌項目組,iOS項目組還是安卓項目組,懂得什麼時候應當使用哪種大小寫方式都是十分重要的,讓我們對於每種風格仔細分析一下。

Title case的優勢

更對稱

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

更突出

大寫字母像是高舉的雙手,給你的標題加了一層強調,網路開店。Title case在無法調節字體的時候更有效,可以清楚地區分出主體文本和標題文本。

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

更嚴肅

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

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

Sentence case的優勢

更易閱讀

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

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

更易定義

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

使用title case的注意事項也很多,from、through類的介詞應不應該大寫?the、an這樣的冠詞需不需要大寫?取決於你遵循的是哪一種風格的規則,網頁設計。下面是蘋果對title case做出的規定:

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

更友好

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

更突出專有名詞

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

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

其他大寫方式

Title case和sentence case是最主流的兩種大寫方式,但你仍有其他的選擇,RWD自適應式網頁設計

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

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

找到適合你的方式

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

千萬不要不制定標準,前後不一緻會導緻最後難以修改。 如果用戶注意到你的網站前後不一緻,對品牌形象還會有負面的影響,高雄網頁設計

小編的話:

看完這篇文章,不知道你心水哪一種大寫方式呢?還是你更喜歡自創一種規則?如果你有任何的想法或是對本文有任何的意見問題,響應式網頁設計,都歡迎在下方評論交流!

via: medium

分享到:更多 () 標簽:Apple網頁設計穀歌 相關推薦 評論 搶沙發