大文字的案例
小字型的网站设计是老派概念。正文字型尺寸使用 12pt 的想法几乎可以追溯到互联网和数字出版的第一天,当时文书处理器的预设大小是 12pt 。 (这正是设计师开始使用非官方指南的原因。)
那时萤幕也小的多,而 12pt 的文字在距您眼睛几英尺的地方也可以很好的阅读。
超大的标题和副标题已经流行了一段时间,正文部分也需要赶上。一个关于网站分析,营销和测试的博客 Kissmetrics 注意到,大多数网站的字型太小,他们甚至称之为 “网页设计的 7 宗罪” 之一。
有一个很大的原因:您必须立即吸引多用户的注意力,而小字型没有更多能留住多用户时间的有价值的点。
还不信? 这里还有四个正文字型应该更大的原因。 1. 阅读更容易
可读性是一件大事。您为什么设计一个多用户难以阅读的网站?
第一点是在 Web 上放弃对正文字型的纯数值度量。无论您的字型是 12pt 还是 16pt 或 22pt,如果无法读取,这些都不重要了。 (字型大小不是通用的,随着字型的不同而不同。) 正文应该与萤幕上的其他内容相称,便于多用户可以从远处看到。
一段时间的标准是,单列中的每行 45 到 60 个字元 (包括标点符号和空格) 是大多数读者的理想长度。因此,您需要考虑最常见浏览器的尺寸、所使用的列的宽度以及适合该范围的文字大小。记得调整相应的断点。
对于较小的萤幕,范围更紧密,大多数人都认为较大的字型更好。 (行数范围的一半。)
诀窍是建立一个适合阅读的刻度。您要处理的文字尺寸越多,这就越重要。在逐行阅读时,太宽的字型让人难以集中精力; 太拥挤导致阅读时眼睛移动太快,没有一个很好的节奏。 2. 使设计更直观
字型的大小有助于网站设计的整体可用性。
如果所有字型按比例缩放,大字型可以帮助其他多用户介面元素 (如导航连结或按钮文字) 尺寸的调整。它有助于整体流程。
大字型还可以帮助您更好地决定内容以及有选择性的进行编辑,这对多用户来说是一件好事。这种精简有助于将最重要的元素呈现在设计之上。请记住,多用户的关注时间很短, 那么他们需要了解的设计和如何与之互动的一切都必须一目了然。
设计中的一切都将受益于重新思考字型尺寸,因为它们共同拼成最终的产品。所有编辑和重新思考如何放置的部分可以提高可用性,因为您花时间来评估设计中的各个元素,而不是像往常那样按照相同的方式摆放所有的东西。 3. 减少疲劳
多用户疲劳是一个真实存在的问题。大多数人整天都在看萤幕,浏览手机、玩游戏、平板电脑、在电脑上工作或看电视。他们的眼睛已经很疲劳了。
大一些的字型可以帮助减少一些看萤幕的疲劳。
萤幕疲劳的另一个常见来源是移动装置,多用户必须通过萤幕获取元素。大手机正在减少拇指容易触及的区域,但较大的元素和字型可以帮助解决这个难题。
变大字型和其他多用户介面元素是很重要的一个原因是,因为它有助于调整视觉显示与物理显示相匹配,从而为多用户提供更多的舒适感。 4. 增加视觉冲击力
您希望您的网站设计可以让多用户产生强烈的第一印象。较大的字型比较小的字型更具有强烈的视觉效果和冲击力。大字型更容易被阅读。
这些策略都有助于持续地吸引多用户的注意力。
使用大一些的字型的意外后果是设计中的其他元素都可能变大。大字型有助于您在设计中创造更多的空间。更多的空间通常会创造出更舒适的多用户体验,也增加了对比的元素,有助于将吸引多用户到设计的部分。 (这是最基本的设计理论,但它有效。)
大一些的字型和增加的间距是大多数多用户不会看到或谈论的元素,但他们会意识到。这种体验是很容易实现的,希望可以让网站资料像网站驻留时间和访问者数量一样上升。 (这些措施可以是确定修改成大字型是否对多用户产生影响的关键因素。)
结论
“ Smashing Magazine” 在 2011 年发表了一篇文章,认为小于 16px 的正文字型太小了。我同意这一说法。
尝试 18,20 甚至 22pt 大小的文字。即使起初看起来很尴尬,但您会发现它很容易阅读,很容易理解,它让内容感觉不那么强烈。使多用户用起来更方便,他们会感谢您并在您的网站上花费更多时间。