网页设计中字号的秘密！

你网站上的正文字体太小。尽管桌面显现器和手机屏幕的尺度在添加，可是机身字体好像在缩小。尽管他们的原始尺度是相同的，但感觉上他们比以前更小。我常常发现自己眯着眼睛看屏幕上的内容，不该该是这样的。今日咱们来研究一下这个不断添加的问题的原因以及怎么处理它。

大文本的案例



小字体的网站规划是老派概念。正文字体尺度运用12pt的主意简直能够追溯到互联网和数字出版的第一天，其时文字处理器的默许巨细是12pt。(这正是规划师开始运用非官方指南的原因。)

那时屏幕也小的多，而12pt的文本在距你眼睛几英尺的当地也能够很好的阅览。

超大的标题和副标题现已流行了一段时刻，正文部分也需求赶上。一个关于网站剖析，营销和测试的博客Kissmetrics注意到，大多数网站的字体太小，他们乃至称之为“网页规划的7宗罪”之一。

有一个很大的原因：你有必要当即招引用户的注意力，而小字体没有更多能留住用户时刻的有价值的点。

还不信?这儿还有四个正文字体应该更大的原因。

1.阅览更简单



可读性是一件大事。你为什么规划一个用户难以阅览的网站?

第一点是在Web上抛弃对正文字体的纯数值衡量。无论你的字体是12pt仍是16pt或22pt，假如无法读取，这些都不重要了。(字体巨细不是通用的，跟着字体的不同而不同。)正文应该与屏幕上的其他内容相称，便于用户能够从远处看到。

一段时刻的标准是，单列中的每行45到60个字符(包括标点符号和空格)是大多数读者的抱负长度。因而，你需求考虑最常见阅览器的尺度、所运用的列的宽度以及合适该规模的文字巨细。记得调整相应的断点。

对于较小的屏幕，规模更紧密，大多数人都以为较大的字体更好。(行数规模的一半。)

窍门是创立一个合适阅览的刻度。你要处理的文字尺度越多，这就越重要。在逐行阅览时，太宽的字体让人难以集中精力; 太拥堵导致阅览时眼睛移动太快，没有一个很好的节奏。

2.使规划更直观



字体的巨细有助于网站规划的全体可用性。

假如全部字体按比例缩放，大字体能够协助其他用户界面元素(如导航链接或按钮文本)尺度的调整。它有助于全体流程。

大字体还能够协助你更好地决议内容以及有选择性的进行修正，这对用户来说是一件功德。这种精简有助于将最重要的元素呈现在规划之上。请记住，用户的重视时刻很短， 那么他们需求了解的规划和怎么与之交互的全部都有必要一目了然。

规划中的全部都将获益于从头考虑字体尺度，由于它们一起拼成最终的产品。全部修正和从头考虑怎么放置的部分能够提高可用性，由于你花时刻来评估规划中的各个元素，而不是像平常那样按照相同的方法摆放全部的东西。

3.削减疲惫



用户疲惫是一个实在存在的问题。大多数人整天都在看屏幕，阅览手机、玩游戏、平板电脑、在电脑上作业或看电视。他们的眼睛现已很疲惫了。

大一些的字体能够协助削减一些看屏幕的疲惫。

屏幕疲惫的另一个常见来源是移动设备，用户有必要经过屏幕获取元素。大手机正在削减拇指简单触及的区域，但较大的元素和字体能够协助处理这个难题。

变大字体和其他用户界面元素是很重要的一个原因是，由于它有助于调整视觉显现与物理显现相匹配，从而为用户供给更多的舒适感。

4.添加视觉冲击力



你期望你的网站规划能够让用户产生激烈的第一印象。较大的字体比较小的字体更具有激烈的视觉效果和冲击力。大字体更简单被阅览。

这些战略都有助于继续地招引用户的注意力。

运用大一些的字体的意外结果是规划中的其他元素都可能变大。大字体有助于你在规划中发明更多的空间。更多的空间通常会发明出更舒适的用户体会，也添加了比照的元素，有助于将招引用户到规划的部分。(这是最基本的规划理论，但它有用。)

大一些的字体和添加的距离是大多数用户不会看到或议论的元素，但他们会意识到。这种体会是很简单完成的，期望能够让网站数据像网站驻留时刻和访问者数量相同上升。(这些办法能够是断定修正成大字体是否对用户产生影响的关键因素。)

定论

“ Smashing Magazine”在2011年发表了一篇文章，以为小于16px的正文字体太小了。我赞同这一说法。

测验18,20乃至22pt巨细的文字。即便起先看起来很为难，但你会发现它很简单阅览，很简单了解，它让内容感觉不那么激烈。运用户用起来更方便，他们会感谢你并在你的网站上花费更多时刻。