网页正文字体应该更大的四个理由

小编:今天@Ethan为大家带来一篇关于现阶段网页设计字体大小问题的研讨文章,希望可以帮助到大家。小编还是认为设计应该适用于当下,你觉得呢?

你网站上的正文字体太小。虽然桌面显示器和手机屏幕的尺寸在增加,但是机身字体似乎在缩小。虽然他们的原始尺寸是一样的,但感觉上他们比以前更小。

我经常发现自己眯着眼睛看屏幕上的内容,不应该是这样的。今天我们来研究一下这个不断增长的问题的原因以及如何解决它!

大文本的案例

小字体的网站设计是老派概念。正文字体尺寸使用12pt的想法几乎可以追溯到互联网和数字出版的第一天,当时文字处理器的默认大小是12pt。(这正是设计师开始使用非官方指南的原因。)

那时屏幕也小的多,而12pt的文本在距你眼睛几英尺的地方也可以很好的阅读。

超大的标题和副标题已经流行了一段时间,正文部分也需要赶上。一个关于网站分析,营销和测试的博客Kissmetrics注意到,大多数网站的字体太小,他们甚至称之为“网页设计的7宗罪”之一。

有一个很大的原因:你必须立即吸引用户的注意力,而小字体没有更多能留住用户时间的有价值的点。

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

1.阅读更容易

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

第一点是在Web上放弃对正文字体的纯数值度量。无论你的字体是12pt还是16pt或22pt,如果无法读取,这些都不重要了。(字体大小不是通用的,随着字体的不同而不同。)正文应该与屏幕上的其他内容相称,便于用户可以从远处看到。

一段时间的标准是,单列中的每行45到60个字符(包括标点符号和空格)是大多数读者的理想长度。因此,你需要考虑最常见浏览器的尺寸、所使用的列的宽度以及适合该范围的文字大小。记得调整相应的断点。

对于较小的屏幕,范围更紧密,大多数人都认为较大的字体更好。(行数范围的一半。)

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

2.使设计更直观

字体的大小有助于网站设计的整体可用性。

如果所有字体按比例缩放,大字体可以帮助其他用户界面元素(如导航链接或按钮文本)尺寸的调整。它有助于整体流程。

大字体还可以帮助你更好地决定内容以及有选择性的进行编辑,这对用户来说是一件好事。这种精简有助于将最重要的元素呈现在设计之上。请记住,用户的时间很短, 那么他们需要了解的设计和如何与之交互的一切都必须一目了然。

设计中的一切都将受益于重新思考字体尺寸,因为它们共同拼成最终的产品。所有编辑和重新思考如何放置的部分可以提高可用性,因为你花时间来评估设计中的各个元素,而不是像往常那样按照相同的方式摆放所有的东西。

3.减少疲劳

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

大一些的字体可以帮助减少一些看屏幕的疲劳。

屏幕疲劳的另一个常见来源是移动设备,用户必须通过屏幕获取元素。大手机正在减少拇指容易触及的区域,但较大的元素和字体可以帮助解决这个难题。

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

4.增加视觉冲击力

你希望你的网站设计可以让用户产生强烈的第一印象。较大的字体比较小的字体更具有强烈的视觉效果和冲击力。大字体更容易被阅读。

这些策略都有助于持续地吸引用户的注意力。

使用大一些的字体的意外后果是设计中的其他元素都可能变大。大字体有助于你在设计中创造更多的空间。更多的空间通常会创造出更舒适的用户体验,也增加了对比的元素,有助于将吸引用户到设计的部分。(这是最基本的设计理论,但它有效。)

大一些的字体和增加的间距是大多数用户不会看到或谈论的元素,但他们会意识到。这种体验是很容易实现的,希望可以让网站数据像网站驻留时间和访问者数量一样上升。(这些措施可以是确定修改成大字体是否对用户产生影响的关键因素。)

结论

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

尝试18,20甚至22pt大小的文字。即使起初看起来很尴尬,但你会发现它很容易阅读,很容易理解,它让内容感觉不那么强烈。使用户用起来更方便,他们会感谢你并在你的网站上花费更多时间。

designshack

作者:Carrie Cousins

译者:学UI网翻译社-Ethan

(0)

相关推荐

  • 网页字体异常变大或变小,该如何设置恢复正常?

    启动浏览器后,发现网页的字体异常变大或是变小,这时,我们需要去设置网页的显示比例.下面,我给大家介绍下设置方法. 操作方法 01 在网页的右上方这里,点击"工具",弹出下拉菜单. ...

  • 怎么调大搜狗浏览器中网页的字体

    有的小伙伴在使用搜狗浏览器软件时,觉得网页中的字太小了,因此想要调大网页中的字,但是却不知道如何调大, 那么小编就来为大家介绍一下吧.具体如下:1. 第一步,点击并打开搜狗浏览器软件.2. 第二步,来 ...

  • iOS15如何启用更大的辅助功能字体

    苹果最新推出了iOS15,有些新用户不知道如何启用更大的辅助功能字体,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步根据下图箭头所指,找到并点击[设置]图标.2 第二步在[设置] ...

  • 网页页面字体变小或变大的解决方法

    有时候在上网的时候,不小心按下了某个快捷键,导致网页页面字体大小发生了变化,看起来很不舒服,现在我来教大家如何回复页面字体大小. 操作方法 01 1. 当你发现页面字体太大或太小时,按下Ctrl+0( ...

  • Word文档中的字体怎么调的更大

    Word使我们日常生活中经常使用的办公软件.Word中的字体如何调的更大呢?我们来讲讲. 操作方法 01 打开word软件,输入一些样字.这些字默认为"宋体四号". 02 方法一: ...

  • 网页字体模糊怎么解决_网页字体怎么变大

    小编的问题咨询QQ邮箱:近期频繁收到网友求助关于网页字体模糊怎么解决,网页字体怎么变大等此类问题,许多网友以为这个是因恶意软件或者病毒导致,用了多款安全软件扫描都未有结果,其实这个并非病毒原因,而是I ...

  • 如何在网页中将字体变大?

    许多小伙伴在电脑的浏览器中浏览网页的时候感觉字体不合适,想要将字体的大小调大应该如何操作呢?今天,小编就教大家在网页中将字体变大.网页字体变大的方法一1. 首先我们打开电脑,在桌面的位置右击鼠标,然后 ...

  • 如何在Word中打出超大字体,比初号更大的字体

    如何在Word中设置比初号还要大的字体,往往我们有时需要打印超大的字体,有没有办法呢. 答案是肯定的 第一种方法.在字号的位置输入数字 ,然后回号就OK,数字越大字体就越大. 第二种办法就是用快捷键. ...

  • 手机UC浏览器软件中网页页面字体的大小如何设置

    有的小伙伴在手机上使用UC浏览器软件时,想要设置网页页面字体的大小,使字体调整到舒适的大小,但是却不知道如何进行设置,那么小编就来为大家介绍一下吧.具体如下:1. 第一步,点击并打开UC浏览器软件.2 ...