1. 首页
  2. 网页设计
  3. 正文

网页设计中字号的秘密!

  你网站上的正文字体太小。虽然桌面显示器和手机屏幕的尺寸在增加,但是机身字体似乎在缩小。虽然他们的原始尺寸是一样的,但感觉上他们比以前更小。我经常发现自己眯着眼睛看屏幕上的内容,不应该是这样的。今天我们来研究一下这个不断增长的问题的原因以及如何解决它。

  大文本的案例


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

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

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

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

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

  1.阅读更容易

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

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

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

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

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

  2.使设计更直观

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

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

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

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

  3.减少疲劳

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

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

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

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

  4.增加视觉冲击力

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

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

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

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

    延伸阅读

  • 网页设计心理学:创建影响人们的网站

    每天都有数百个网站上线。其中一些使用世界一流的基础设施,一些建立在尖端技术之上,还有一些由专门制作和部署网站的优质公司构建。许多新技术和框架从那天开始诞生,第一个网站上线,今天...

  • 网页设计有哪些流程?

    今天我们来讲一下网站的分类及设计形式。首先在做网站之前,我们需要了解网站的流程,以此明确设计师在其中起到什么作用。网站的设计流程为:需求整理、界面设计、程序开发、产品上线。网页...

  • 瀑布流网页设计有什么好处

    滚动化在网页中是经常看到的,如今的我们早已经不觉得有多少新鲜了。而如果当我们向下滚动网页的时候,新的动画元素如瀑布流般逐渐展开,这种样式设计是不是不失为有趣呢?尽管不是所有的网...

  • 优秀网页设计的七条基本准则

    新时代的网页设计以响应式理论为蓝本,力图在不同设备上呈现一致的网页浏览体验。而响应式时代依然不变的设计基本准则又是什么呢?一起来看看下面的七条,望诸君设计时铭记于心。1.优秀的...

  • 企业在网页设计制作过程中需要注意什么?

    网页设计制作过程始终都是网站建设中非常重要的组成部分,网页的设计可以发挥的作用非常大。那么,要怎样才能设计出一个优秀的网页?在网页设计制作的过程当中又需要注意什么问题呢?下面我...

本文来自投稿,不代表本人立场,如若转载,请注明出处:http://lnbdc.com/article/6235.html

(function(){ var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6":"https://jspassport.ssl.qhimg.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6"; document.write('<\/mip-script>'); })(); (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();