新(xīn)闻资讯
您当前的位置:首页 新(xīn)闻资讯
网站设计中排版的最佳方法 发布时间:2021-08-09 已访问:2411 次

环顾互联网,注意排版如何在各个方面主导网页设计。 毕竟,有(yǒu)95%的网页设计布局是有(yǒu)原因的。 当您考虑它时,这是一个有(yǒu)意义的世界。 互联网是关于内容的,内容是指文(wén)字和文(wén)字。 这意味着排版。 精明的Web设计师知道这一点,并将投入大量的思考和思考,以便在他(tā)正在工作的任何网站上正确排版。 為(wèi)了使该类型既实用(yòng)又(yòu)吸引读者,他(tā)在计划站点的信息體(tǐ)系结构时必须考虑许多(duō)不同的因素。 哪种字體(tǐ)最容易阅读? 哪些字體(tǐ)易于读者浏览? 清晰字體(tǐ)呢(ne)?



1.标题

  可(kě)以说,网站副本中的标题非常重要,因為(wèi)令人沮丧的研究表明,大多(duō)数人只在Internet上阅读该标题。 如果用(yòng)户的行為(wèi)使许多(duō)读者不喜欢该文(wén)本,则必须使标题的字體(tǐ)特别醒目,以吸引他(tā)们的注意力并说服他(tā)们进一步阅读。 根据前面提到的从2013年开始的研究,标题几乎是无衬線(xiàn)字體(tǐ)和衬線(xiàn)字體(tǐ)之间的链接,其中51%的标题使用(yòng)无衬線(xiàn)字體(tǐ),超过47%的标题使用(yòng)衬線(xiàn)字體(tǐ)。 近年来,衬線(xiàn)字體(tǐ)变得越来越流行,主要是因為(wèi)人们认為(wèi)衬線(xiàn)字體(tǐ)在头条新(xīn)闻中脱颖而出,并為(wèi)站点访问者提供了一种易读的结构。 就受欢迎程度而言,标题的两种最受欢迎的衬線(xiàn)字體(tǐ)是Georgia和Chaparral Pro,而标题的两种最受欢迎的sans-serif字體(tǐ)是Arial和Freight Sans Pro。 尽管您当然可(kě)以在网站上使用(yòng)自己的字體(tǐ)测试标题,但请注意,这些字體(tǐ)的受欢迎程度是由于读者的积极反馈。


  2.内容

  即使内容阅读的人数少于页面上实际标题和标题的人数,网站的主體(tǐ)也构成了内容的最重要部分(fēn)。 与标题中Sans和Sans-Serif字體(tǐ)之间的紧密联系不同,衬線(xiàn)是文(wén)本复制中的明显赢家。 根据同一项研究,多(duō)达61.5%的网站在文(wén)本中使用(yòng)衬線(xiàn)字體(tǐ),但是只有(yǒu)36.5%的无关紧要的网站使用(yòng)无衬線(xiàn)字體(tǐ)。 让我们看看它是如何进一步细分(fēn)的。 用(yòng)于正文(wén)的最常用(yòng)衬線(xiàn)字體(tǐ)是Georgia和Chaparral Pro,它们几乎可(kě)以反映标题的比例。 在sans-serif的前端,用(yòng)于文(wén)本复制的最常用(yòng)的sans-serif字體(tǐ)是Arial和Helvetica。


  3.有(yǒu)趣的筆(bǐ)记

  值得注意的是,该研究还确定了当前的大多(duō)数网站都没有(yǒu)使用(yòng)任何标准字體(tǐ)作為(wèi)其主要字體(tǐ)。 在该研究中,大约有(yǒu)39%的文(wén)本和66%的网站未使用(yòng)标准字體(tǐ)。 这一令人惊讶的发现的一种理(lǐ)论是,像Fontdeck和Typekit这样的服務(wù)以独特且前所未有(yǒu)的方式将品牌与竞争对手區(qū)分(fēn)开来。 这是所有(yǒu)这些内容的要点,是的,您可(kě)以放心地使用(yòng)它并选择一种“不具威胁性”的标准字體(tǐ),但是许多(duō)网站都大胆反对这样做。 他(tā)们发现,只要他(tā)们的网站访问者和读者不会损害网站的用(yòng)户體(tǐ)验,他(tā)们就会非常喜欢非常规字體(tǐ)。


4.背景资料

  不用(yòng)说,网页设计中流行的背景是可(kě)以与文(wén)本形成鲜明对比的任何颜色。 这自然使站点访问者更容易更有(yǒu)效地阅读副本,从而提高了可(kě)读性。 大多(duō)数网站都喜欢暗光布局。 这意味着浅色背景上的深色文(wén)字。 但是,当前要指出的打印状态真正重要的一点是,降低了暗光设置的粗糙度。 例如,某些网站正试图在深灰色米色背景上使用(yòng)文(wén)本。 在这种方案中,对比度不是很(hěn)明显,但是它仍然為(wèi)阅读器提供了舒适的阅读體(tǐ)验,有(yǒu)助于轻松扫描每一行。 毫不奇怪,在复制文(wén)本时,在白色背景上使用(yòng)黑色文(wén)本的最喜欢的方法仍然是黄金标准。 黑白效果除了因清晰的对比而易于阅读外,还可(kě)以追溯到报纸上的经典色彩格式,这也解释了其在互联网文(wén)本中的广泛流行。


  5.标题的字體(tǐ)大小(xiǎo)

  至少就在線(xiàn)头条新(xīn)闻而言,趋势越大越好。 当前标题的字體(tǐ)大小(xiǎo)為(wèi)38像素。 自2009年进行最后一项研究以来,它实际上增加了10个像素! 显然,為(wèi)了吸引主要阅读标题的用(yòng)户,越来越多(duō)的网站不得不诉诸增加标题像素的大小(xiǎo)。 如果您感到好奇,BootstrapBay的博客使用(yòng)Roboto字體(tǐ)作為(wèi)标题,标题為(wèi)28像素,标题為(wèi)24像素,文(wén)本為(wèi)16像素。 但是,应该注意的是,标题中最常用(yòng)的字體(tǐ)大小(xiǎo)是20到32像素,这使BootstrapBay的博客命中率处于受欢迎状态的中间。


  6.文(wén)字的字體(tǐ)大小(xiǎo)

  文(wén)本和标题是不同的野兽,因此文(wén)本的典型字體(tǐ)大小(xiǎo)要小(xiǎo)得多(duō)也就不足為(wèi)奇了。 但是,即使对于主副本,也存在一个事实:字體(tǐ)大小(xiǎo)的总體(tǐ)趋势正在变大。 在这项研究中,几乎相同数量的网站使用(yòng)14和16像素进行文(wén)本复制。 与2009年进行的网络发布研究相比,这明显增加了两个像素的大小(xiǎo),因為(wèi)当时大多(duō)数网站仅使用(yòng)12和14像素进行文(wén)本复制。 同样,博客是与时俱进的印刷最佳实践的完美示例:我们使用(yòng)16像素作為(wèi)博客文(wén)本的副本。 标题与正文(wén)字體(tǐ)大小(xiǎo)的最常用(yòng)比率(如果经常重复)為(wèi)2.5。 基本上,您需要获取标题的像素大小(xiǎo),然后将其除以正文(wén)副本的像素大小(xiǎo)即可(kě)获得所有(yǒu)重要比例。