你相信有女性因为邮件中全用大写文本被炒鱿鱼了吗?内容全部大写让人兴致缺缺,在社交场合这么用意味着你在大喊大叫,但在网站中这么用会让用户难以阅读[1]。
很多网站使用大写文本强调信息,但这么做实际上会弱化信息,因为文本全大写会降低单词与单词间的对比度[2]。
对任意字体而言,不管是sans-serif字体还是serif字体,大写文本中的单词都是矩形形状,这意味着其中每个单词的顶部和底部的边缘都是并行的,造成对比度很低。但主单词首字母大写的文本的顶部和底部有多个相邻的边缘,提高了对比度。[3]
文本中的非并行边缘越多,对比度越高,用户越容易浏览。如果想让文本易于浏览,最好在网站中使用主单词首字母大写样式,不要使用全大写文本。
什么时候适合使用全大写文本?全大写文本适合在不涉及大量阅读的场景中下使用,例如标志、标题、头字语和缩略语等。但当需要浏览信息时,不要强迫用户阅读对比度低的内容。设计人员应该少用大写键。[4]
邮件内容全大写是种很不礼貌的行为,而设计中使用大写会降低可读性。知道什么时候用和什么时候不用全大写,或许更有希望留住用户和工作。
PS:原文评论中对作者的观点有很多讨论,有兴趣的朋友可以看看原文评论区。
原文地址:https://uxmovement.com/content/all-caps-hard-for-users-to-read/
[1]原文:There’s something about all caps text that turns people off. Using it in a social context means you’re yelling. But using it on your website means bad readability for your users.
[2]原文:Many websites use text in all caps to emphasize their message. However, what they’re actually doing is de-emphasizing their message because text in all caps reduces the shape contrast for each word.
[3]原文:The shape of any word in all caps for any type of font, sans-serif or serif, is a rectangle. This means that text in all caps show a parallel edge at the top and bottom of a word, giving it low shape contrast. But text in title style capitalization show multiple adjacent edges at the top and bottom, giving the words high shape contrast.
[4]原文:When is it okay to use all caps? All caps are fine in contexts that don’t involve much reading, such as logos, headings, acronyms, and abbreviations. But when your message involves reading, don’t force users to read words with bad shape contrast. The caps lock key is a key that designers should rarely use.