记得收藏【国际动画教程网】,赶快注册吧!
注册

合作站点账号登陆

QQ登录

只需一步,快速开始

扫一扫,访问微社区

快捷导航

[设计经验] 网站设计:为什么你的内容文本需要更大字号的4个原因[含5P]

[复制链接]
发表于 2017-6-3 05:54:18 | 显示全部楼层 |阅读模式
你是否有注意到,你的网站上的正文文字太小了。当桌面显示器和手机屏幕的尺寸随着科技的发展在变大变高清时,字号似乎没能适应或者说跟上这种变化,所以我们在观看文本时,会觉得好像字号缩小了好多。虽然他们和原始尺寸是一样的,但他们在感觉上比以前小好多。
我发现自己在阅读屏幕上的内容时,经常是眯着眼睛看的,这不应该是这样。今天我们将讨论这种日益增长的问题的原因,以及寻找如何解决这个问题的方案!
使用大文本的案例
网站设计:为什么你的内容文本需要更大字号的4个原因 网页设计,网站设计,互联网,处理器,显示器 设计理论 055545uqr9raqflf16afcq 1

使用小字号一般是网站设计方面的老派概念。当数字文字处理器的默认大小为12点时,使用12点的字号作为主内容文本字号的想法几乎可以追溯到互联网和数字花网页的第一天。
不过,在那种情况下,由于屏幕不管是在尺寸上还是分辨率上也比现在的小很多。所以,对于12点的字号类型,在距你眼睛几英尺的地方也可以提供清晰而且多的内容阅读。
使用超大字号作为头条标题和小标题已经流行较长的一段时间了,所以你的主内容文本也需要跟上这个趋势了。即使是关于网站分析,营销和测试的博客Kissmetrics也注意到,大多数网站的字号都太小了。他们甚至称之为“网页设计的7大致命错误”之一。
这里有一个很大的原因:所有的网站建设项目都有一个共同的目标,就是当一个用户进入到你的网站时,你必须立即吸引用户的注意力。而小号的字号不会提供这样一种机会。
还不信?这里还有四个原因来说明你必须在你的内容文本中使用更大的字号。
1.它可以阅读更容易
网站设计:为什么你的内容文本需要更大字号的4个原因 网页设计,网站设计,互联网,处理器,显示器 设计理论 055545v16f1sisw296fe7i 2

对于所有网站来说,可读性永远都是是一件大事。你为什么要设计一个用户难以阅读的网站呢?
对于可读性的第一课,是在实际的网站建设羡慕中挖掘和思考内容字号的纯数字度量。无论你的文字是12点还是16点或22点,如果你无法读取,上面的这些就都不重要了(文字大小不是通用的,并且随着字体的不同而不同)。正文文本应与屏幕上的其他内容成比例,这样用户可以从“远处”就看到。
单列文本每行的长度在45到60个字符(包括标点符号和空格)是大多数读者的理想长度,这个标准也延用了很长的一段时间。因此,你需要考虑最常见的浏览器的大小,即你正在使用的列的宽度,并以大小符合该范围的文本开始。然后记得要相应的调整响应的断点。
对于较小的屏幕来说,这个范围有些更紧密,大多数人都认为较大的文字更好。
关于这一点的诀窍在于,创建一个舒适的阅读量表。而且你要处理的文字越多,这就越重要。太宽的文字在阅读时可能难以集中精力和用户也不希望逐行多次阅读;太窄的文字没有一个很好的节奏,导致阅读时眼睛移动太快,令人感觉疲惫。
2.它使设计更直观
网站设计:为什么你的内容文本需要更大字号的4个原因 网页设计,网站设计,互联网,处理器,显示器 设计理论 055545qhd6h2e0ht264hho 3

文本的大小同时有助于网站设计的整体可用性。
如果所有文本按比例缩放,较大的主内容文本也有助于强调或突出其他在用户界面上的元素(如导航链接或按钮文本)的大小,它可以帮助整体流动。
更大的字号还将帮助你更好地决定内容,并更有选择地进行编辑,这对用户来说总是一件好事。这种精简有助于将最重要的元素带到设计的最前沿。请记住,你要把用户的注意力想象成金鱼的, 如果这样,他们需要了解设计和如何与它进行交互的一切必须一目了然。
这里还有另一个“支流”——通过使用大号类型的文本,它会鼓励你重新考虑填充,照片放置以及排序。设计中的一切都将受益于重新思考尺寸的类型,因为它们是在同一个视觉层上创建的最终的产品。所有的编辑通过重新思考如何放置零件可以提高可用性,因为你实际上花时间来评估设计中的各个元素,而不是像通常那样按照相同的方式摆放所有的东西。
3.它可以减少疲劳感
网站设计:为什么你的内容文本需要更大字号的4个原因 网页设计,网站设计,互联网,处理器,显示器 设计理论 055545pkrqghg7krywkih6 4

用户在浏览网站时产生疲劳感这可能是一个真正的问题。大多数人整天都在看屏幕,从手机上到平板电脑,从电脑上工作到看电视。他们的眼睛很累。
更大的文字大小可以帮助减少一些长时间对着屏幕而产生的疲劳感。
屏幕疲劳的另一个常见来源是移动设备以及用户必须跨越屏幕的元素。拥有较大尺寸和分辨率的手机这种问题不是很经常出现。因为它很容易通过触摸操控,较大的元素和正文可以帮助解决这个难题。
文本和其他用户界面元素使用更大尺寸的另一个原因也很重要的,因为它有助于调整视觉显示以匹配物理显示,为用户提供更多的舒适感。
4.它增加视觉冲击力
网站设计:为什么你的内容文本需要更大字号的4个原因 网页设计,网站设计,互联网,处理器,显示器 设计理论 055545vbou6obcc2u42433 5


如果你希望你的网站设计给用户产生更强烈的第一视觉印象。那么较大的文字可以提高这种视觉效果和影响力。它更粗,也更直接的展示在你的“门户”上,给人一种好像在命令你阅读它的感觉。
这些策略都有助于抓住用户的注意力并坚持继续浏览下去。
使用更大号的字号令人意想不到的一个后果是,它使设计中的其他一些辅助元素或内容都可能会被放大。这很可能是空间的情况。较大的文本将有助于你在设计中创造更多的空间。更多的空间通常会创造出更舒适的用户体验,并增加了对比度的元素,有助于吸引用户到设计中(这是设计的基础理论,但它有效)。
更大的字号和增加的间距是大多数用户看到后不会深入谈论会可以注意的元素,但当他们发现你的别有用心时,他们会欣赏你的这种方式。这种经验将会更容易,并且更有希望能够在网站分析上得到提升,例如用户在网站上的停留时间或访问页面的深入和增加。
总结
Smashing Magazine,该杂志在2011年发表了一篇文章,认为正文字号小于16像素的文字就太小了。我同意他的这种看法。
再向前走更长远的一步,通过在实际的设计工作中,测试你的正文内容中的字号控制在18,20或甚至22点, 即使看起来很尴尬,你会发现它很容易阅读,很容易消化。它使内容感觉有点不那么具有压倒性。通过使用户更方便,他们会在你的网站上花费更多时间来“回报”你。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册

x
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】
微信扫一扫,每天教程更新!
想学习最新知识关注“今日教程”微信公众号!站长每天更新教程,每天八条,欢迎关注支持!!!
快速回复 返回顶部 返回列表