18720358503 在线客服 人才招聘 返回顶部
企业动态 技术分享 行业动态

有效掌握5元素,让网页页面文本阅读文章更舒服

2021-02-23分享 "> 对不起,没有下一图集了!">

针对这类看似简易的文本堆砌的网页页面,有木有人埋怨过:“这样的网页页面还必须出实际效果图啊?”做为网页页面设计方案师的你是如何解决这样的页面的?

是习惯性性的应用宋体字或微软雅黑?

是立即设为12px或14px的字号?

你有想过为何要应用这类字体样式、字号吗?

你有考虑到过文本排布与阅读文章高效率的关联吗?

你的网页页面情况会危害到客户的访问舒服度吗?

让大家从下列5个元素实际剖析。

字体样式、字号

字体样式和字号这两个元素务必捏在1起说。

字体样式分成衬线体(serif)与非衬线体(sans serif)。简易的说,衬线体(serif)便是带有衬线的字体样式,笔划粗细不一样并带有附加的装饰设计,刚开始和末尾有显著的笔触(以下图)。常见的英文衬线体有Times New Roman和Georgia,汉语就是大家在windows下最多见的中易宋体。

与衬线体相反,无衬线装饰设计,笔划粗细无显著查差别的字体样式便是非衬线体(sans serif)。Arial、Helvetica、Verdanad全是大家熟习的英文非衬线体,汉语有微软雅黑和mac下默认设置的汉语-华文细黑。

在以往,广泛觉得有笔触装饰设计的衬线体,可提升辨识度和阅读文章高效率,更合适作为阅读文章的字体样式。多用于报纸、书本等包装印刷品的文章正文。非衬线体圆润醒目,常见做题目或用于较短的段落。

很长1段時间里,在互联网技术上大家会留意这样的1个状况,海外网站绝大多数以非衬线体为主,而汉语网站基础便是宋体。实际上不难了解,衬线字体样式笔划有粗细之分,很小字的状况下细笔划就被弱化,受到限制于电脑上的辨别率,10⑴2px的衬线字体样式在显示信息器上是非常难分辨的(见下图);同字号的非衬线体笔划简约而圆润,更适于做网页页面字体样式。windows下,汉语宋体小字点阵的特点,12px、14px的字号显示信息依然非常清楚美观大方,便于阅读文章。这也便是为何大多数网页页面设计方案制做人员非常容易机械性的采用特殊字号或英文或汉语的字体样式。

现如今伴随着显示信息器愈来愈大,辨别率愈来愈高,常常会感觉看12px的文本有点费劲,作为设计方案师也会不自觉的刚开始很多应用14px的字体样式,并且愈来愈多的网站刚开始应用15、16px乃至18px以上的字号做文章正文文本。大字号的应用,对英文本体来说,衬线体的高辨识度和顺畅阅读文章的优点就反映出来了。汉语宋体在显示信息14号以上字体样式时,单线条大字一直看上去一些薄弱不那末融洽,非常是这款点阵字在ClearType(http://baike.baidu.com/view/755822.htm) 强制性光滑显示信息情况下特别显得模糊不清不清。微软雅黑便是微软在这个字体样式显示信息难题上的处理计划方案。

让大家各自比照下中英文的衬线体与非衬线体在不一样字号时的显示信息实际效果。

英文以Times和Verdanad为例,汉语以宋体和微软雅黑为例。

"> 对不起,没有下一图集了!">
在线咨询