3月1日起,由国家市场监督管理总局(国家标准化管理委员会)批准发布的国家标准《儿童青少年学习用品近视防控卫生要求》(标准号:GB40070-2021)正式实施。
根据此标准,中小学教科书正文最小用字不应小于小4号。
标准提出,小学一、二年级的教科书用字应不小于3号字,汉字以楷体为主;小学三、四年级用字应不小于4号字,汉字以楷体和宋体为主,由楷体逐渐过渡到宋体;五至九年级和高中用字应不小于小4号字,汉字以宋体为主;学龄前儿童的学习读物,字号应不小于3号字,字体以楷体为主。
此外,教科书中的目录、注释等辅文用字,可参照正文用字适当减小,但小学阶段最小用字应不小于5号字。初中和高中阶段最小用字应不小于小5号字。
该标准还对与近视防控相关的教辅材料、试卷、课业簿册(作业本)、学习用杂志、报纸及其他印刷品、出版物等儿童青少年学习用品卫生要求及检测方法进行规定。
此前2018年8月,教育部、国家卫生健康委员会、国家体育总局、财政部、人力资源和社会保障部、国家市场监督管理总局、国家新闻出版署、国家广播电视总局等八部门联合印发《综合防控儿童青少年近视实施方案》。
《实施方案》提出,到2023年,力争实现全国儿童青少年总体近视率在2018年的基础上每年降低0.5个百分点以上,近视高发省份每年降低一个百分点以上。到2030年,实现儿童青少年新发近视率明显下降、视力健康整体水平显著提升,6岁儿童近视率控制在3%左右,小学生近视率下降到38%以下,初中生近视率下降到60%以下,高中阶段学生近视率下降到70%以下。
文/本报记者 张恩杰
设计跟随内容,这是一个大家经常听到的词。用户访问网站的目的主要是为了查看内容,因而内容是否吸引人至关重要。而如何让我们的网页内容能够被用户所吸引,一份好的网页正文设计不可或缺。
用户在浏览网页时,主要目的是为了获取有用信息。 他们会使用最舒服的方式,去评估获取信息的可能性,只有我们设计的浏览路径足够的自然,且提示清晰,内容易懂,符合用户的心理模型,用户才会使用该路径。用户会非常迅速的决定该网页内容是否值得花时间阅读,因此网页正文设计的好与坏非常重要,只有制定的设计策略能让用户在寻找和使用信息时,以最少的投入获得最大的利益,我们的设计才有价值。
大部分场景,用户只会扫视页面,不会进行在线阅读。 大部分场景用户都是在查找自己想要和自己感兴趣的相关信息,而不是逐字阅读。用户一般用非线性的方式阅读屏幕内容,且不会去寻找最佳选择,一般很快就会做出决定点击还是离开,因为看完全部内容去查找最佳选择,太花费时间和精力了。全部网页内容中,只有20%才会被用户阅读,我们需要知道用户想要阅读的20%的内容是什么,从而有效的确定页面架构,编写内容来捕捉用户的注意力,以说服用户阅读更多内容。
眼动追踪热力图
用户阅读网页的过程中,主要是扫描内容,查找他想要的和感兴趣的相关信息。
常见的浏览轨迹像一个“F”形。这种浏览方式由3部分组成:
水平从左向右浏览(本文讨论的是从左向右阅读习惯的用户群体),一般首先会阅读顶部的主要内容区域;用户一般不会阅读整个网页,但会向下并再次沿水平方向从左向右阅读;沿正文区域左侧垂直向下阅读。“F”形浏览方式
此热力图显示了一个典型的浏览方式,先阅读前几行,然后沿垂直方向向下浏览,当遇到感兴趣的内容,会多阅读一些,整体形状看起来,像一个“F”形。
除了“F”形的浏览模式以外,根据网页内容吸引度的不同,可能会导致用户更多的水平方向(“E”形)或更少水平方向(“L”形)的浏览。而如果用户浏览的目的更加明确,是为了查找特定的信息,则浏览视线会更加不规则跳转,同时不同的年龄,文化水平、互联网使用经验也会影响阅读的模式。
刚才有提到,网页中,近80%的内容会被用户忽略,用户阅读的20%内容的价值决定用户是否继续花时间阅读下去。
那20%的内容是:
网页标题网页前面的几个句子突出显示的标题和副标题有趣标题或副标题附近正文的前几个字图像标题用户从不阅读的是:
长段落与用户意图无关的首行标题、标题或副标题下的内容那如何运用用户浏览网页的这些既定习惯去更好的设计呢,一般我们可以采用如下几种设计策略:
前面提到了用户阅读网页的一般浏览方式,以及习惯注意的网页内容,既然用户习惯于在特定的地方查找感兴趣的信息,则可以利用用户的这些阅读习惯,将有用的或吸引人的信息放置在用户最容易注意到的地方。一般内容设计上,要注意的地方是:
网页最上面的内容(用户最开始注意到的内容),要有足够的吸引力;内容要“头重脚轻”,以吸引用户的视线继续往下移动;把重要的内容放在显眼位置,即网页首屏显示区域,且考虑放在左侧比右侧更具有吸引力(用户从左向右阅读)。 用户很有可能不会滚动鼠标,查看屏幕以外的内容。因为用户不一定知道下面还有内容,如果页面内容较多,重要内容无法一屏显示完,设计需要考虑页面布局能够鼓励用户继续往下浏览,如部分可见的图片或文本,以及明显的提示。
腾讯云官网首页首屏内容,首屏下方,部分内容可见,暗示用户还有更多内容。
除了在用户最容易注意到的地方放置你最希望用户关注的内容之外,正文内容是否能吸引用户真正阅读下去也很重要。先抛出结论的形式去组织正文内容,能够帮助用户快速掌握核心信息。
传统写作方式
如上图,是传统写作方式的内容组织形式,估计有很多人会阅读一点开始的内容,但很少有人会从头读到尾,而吸引眼球的内容组织方式,是先抛结论,这才是用户想要看的信息,大多数人只需要一个结论。
倒金字塔写作方式
将关键信息放置在阅读的开始部分,从而有效地吸引用户阅读下去,通过开头的一两个短句吸引用户眼球并引导用户阅读更多内容。可以考虑将用户感兴趣的内容,如内容结论放置在前面。
结尾一般放置的是背景信息与空洞内容的地方,传统观念认为列表最后一项阅读的人最少,但其实根据相关眼动追踪测试表明,整个列表中最后一项得到的关注也较多。如果我们在结尾处放置一些有趣的内容,或行动号召,则有可能吸引浏览者继续留在网站上,比如一张有趣的品牌图片,或一个引人注目的操作提示。
腾讯云官网首页最后,显示一个行动号召,吸引用户继续停留在网站上。
说到网页正文设计,其实就是排版,网页排版设计需要考虑网站上的每一个元素,通过一系列的设计手段去降低用户的阅读负担。
好的视觉层次可以引导用户阅读网页的顺序。在阅读的过程中,用户的视线会落在首行标题、副标题、短的文本块上,原因是它们比周围的文本更加显眼,设计就是要达到这样的效果。视觉层次可以帮助用户理解网页结构,如何阅读能够选出最重要的信息或者帮助用户决定哪里应该停下来阅读更多细节。
以我们所熟知的报纸为例,标题阐述核心,尺寸最大,粗体强调,其次是副标题,字体小点,再其次是正文,字体最小。如果打破了这种层次结构,用户会迷惑,哪些重要哪些其次,分不清楚。
上左图没有视觉层次,用户无法看出哪些是主要信息,对比之下,上右图用大小、加粗、颜色,间距把内容做了区分,形成视觉层级,让用户很容易知道哪里是重点。
留白不一定代表要用白色,在实际设计中,我们将留白称之为“负空间”,它除了用白色以外,还可以是背景,指的是“未使用的区域”,内容与内容之间的间隙。在页面空间中,将图形、文字、图片等元素通过合理的布局,展示一个较好的空间关系,提供了布局上的平衡,留白区域的环绕与陪衬,良好的衬托出中心区域的表现。
宏观负空间: 不同内容块之间的空间微观负空间: 一个内容块内不同文字或图片之间的空间某域名网站
Medium
合理的内容布局,以及易于阅读的字间距,段间距,页边距,能够让用户更舒适的阅读你的网页正文,如上图,Medium的网页可以很轻松的指引用户去寻找他想找的内容,而另一张图的网页元素过多,用户的注意力很容易分散,太多东西挤在一起,用户会不知所措并忽略大部分内容。
通过上文介绍的用户常见浏览轨迹,了解到用户浏览网页时,一般很自然的沿着左侧边缘浏览文本,如果左侧边缘不齐,会增加用户浏览和寻找信息的难度,尽可能的保持文本左对齐以符合自然的浏览行为。
Google搜索结果页
左对齐文本比较方便用户浏览,左边缘与上下间距的一致性,用户可以自然地下意识去寻找下一行或下一个词语。
文本中的数字,相比于其中的文字,会格外的吸引眼球,用户在阅读的过程中,对于数字会比较敏感,一般文本中的数字代表着数据和事实,这些可能正是用户想要寻找的内容。此外,数字也因为形状的不同而在文本中会比较显眼。
网页正文中数字的设计一般遵从如下几点原则:
用阿拉伯数字写,而非文字(如35,不是三十五)。十亿以下的大数用阿拉伯数字表示。2,000,00比二十万的写法要好。两万亿比2,000,000,000,000的写法好,大多数人数不过来这么多零。作为折中,有些情况将数字写成阿拉伯数字+文字的结构会比较好,如350亿(不是三百五十亿或35,000,000,000)。不能代表确切事实的数字用文字表示(只是表达估计或者想法,则应该用文字表示数量级,比如“中国有接近两千万人将成为光棍”)。图片可以吸引和引导注意力,人们非常习惯面部图片和定向信号。在网页中放置一张有人脸的图片,则用户的注意力很容易被吸引到图片及周围。而且如果图片中的人物视线指向某个方向,则用户的视线也会追随其注视的内容,这一原理适用于指向性提示,如将行动号召或slogan放置在人物视线望去的方向,可大大吸引用户的注意力。
摸着你的良心告诉我,上面哪个Banner图更吸引你的注意力。
用户浏览网页时,会跟随网页图片中的人物视线方向,移动浏览视线,将重要内容放置在此,可大大提高用户的注意力。
文字排版需要考虑文字辨识度和页面易读性。好的网页正文排版,应该让设计毫无痕迹,用户很自然的关注内容,而不是设计本身。影响文字阅读舒适性的因素主要有字 体、字体大小、行距、行长、颜色 等。
关于字体的选择,衬线字体与无衬线字体都没有关系,一般可辨性都差不多。但在一些特定的场景、字号下,某种特定字体可能会更合适,比如说,在大量文本的场景下,如果使用小字号,如12号字的话,宋体的可辨性会好于微软雅黑,且读起来轻松,不容易产生疲劳。而Slogan或者Title之类的需要醒目的标识适合使用非衬线体,如黑体、雅黑等字体,容易吸引用户注意力。
第一个表格字体是微软雅黑,第二个表格字体是宋体,对比来看,在小字号的字体上,宋体的辨识性会好于微软雅黑。
网页正文使用的字号大小,也与该网站的定位、品牌及目标用户有关,一般正文字体大小采用12-14号字。举个栗子:
豆瓣
百度知道
豆瓣正文使用的是12号字,百度知道正文使用的是14号字。从视觉上看,豆瓣的整体字号偏小,虽然用户阅读起来会容易产生疲劳,但小号字传递给人的感受很精致,符合豆瓣用户群体的文艺气息,所以它的的目标用户普遍都还是接受的。如果将豆瓣正文字号换成14号,如右图,就会显得有些粗糙,不够精致细腻了。不同产品面对不同的用户群体,百度知道的用户群体覆盖全年龄段,需要以阅读的清晰度为主要考虑点。
行距是影响可辨性的一个重要因素,字体越大,行距越大,行长越长,行距越大。一般行距是字体大小的1-1.5倍时,阅读最有效。
过窄的行距,容易出现跳行,而过宽的行距会让文字失去延续性,影响阅读。
行长不宜过长,也不宜过短。过长的话,用户视线移动距离长,很难注意到段落起点和终点,阅读比较困难。而过短的话,眼睛需要不停来回扫视,破坏阅读节奏。因此,需要设定一个合适的行字数,提高文字的易读性。
为了让用户在阅读过程中,能够舒适的从一行换到下一行,需要在一行的结尾与下一行的开始之间保持一个合适的角度,行距应该随着行长的增加而增加。
文字和背景颜色的合理搭配,合适的对比可以提高文字的清晰度,增强可读性,一般浅色背景下的深色文本比其他形式更容易阅读,深色背景下的浅色文本会使阅读速度明显减慢。
如上图对比来看,浅色背景下的深色文本会比深色背景下的浅色文本更容易阅读。
必须要保证文字与背景有足够强的对比度,确保文字能够让用户清晰阅读,如上图,如果文字与背景颜色对比度过低的话,文字的可读性会很差,用户阅读起来吃力。
以上介绍的这些都是关于如何设计好网页正文的一些基本知识,设计前,我们需要先了解我们用户浏览网页的习惯,然后结合我们的产品目标、设计目标,设计整体页面架构,以及合理的组织网页内容,然后再通过一些设计策略,向用户清晰的传递出我们网页正文的视觉层次,引导用户按照我们既定的浏览路径,舒适的浏览网页正文,只有当我们制定的设计策略能让用户在寻找和使用信息时以最少的投入获得最大的利益时,我们的设计才有价值。
作者:代希刚,腾讯交互设计师。
相关问答
正文字体设置如下:1、字体设置:右键字体工具栏设置文档的字体。2、字号设置:右键字体设置中进行字号设置进行设置。3、文字颜色选择:右键字体设置中单击字...
[最佳回答]标题:红色反线下空2行,用2号小标宋体字,可分一行或多行居中排布;回行时,要做到词意完整,排列对称,间距恰当.正文:用3号仿宋字,一般每面排22行,每行...
一般正文可以使用较为常见的字体,例如宋体、微软雅黑、仿宋等等。这些字体在大多数操作系统和应用程序中都有预装,因此会被广泛使用。除了字体本身,还要注意文...
excel正文字体设置方法步骤如下:第一步,先点击电脑中的excel文档打开第二步,接着点击“文件”第三步,然后点击“选项第四步,接着点击常规与保存第五步,...
[最佳回答]标题用简体小标宋二号;正文用仿宋三号字,落款写上单位右空四格,日期对应单位居中.基本就是这样
字体大小和方式是不相同的。宋体正文和宋体(标题)在word中显示的字体大小是不相同的,每一种对应一个大小。另外,「宋体(正文)」和「宋体(标题)」是主题...字...
1.打开要设置样式的word文档,菜单栏选择【开始】,在下方就能看到有默认的正文及标题样式。2.选中要设置的标题的或者正文,点击.单栏上对应的样式就能快速的设...
公文一般分为两种,一种是党政机关公文,一种是企业单位公文。根据《公文处理办法》之规定,你说的公文正文部分,应当使用国标GB-2312仿宋三号字。你所...
根据相关规定,公文正文是使用3号仿宋字。仿宋字亦称仿宋体字、仿宋字体或仿宋体,简称仿宋,是出现于20世纪初叶的一种刻版印刷字体,是印刷字体的一种,仿照宋...
公文正文使用什么字体好看,一般情况下来说,公文的正文使用的字体应该较为常见,比较公正,所以一般情况下,公文的正文通常情况下会选择宋体或者是仿宋之类的字...