地  址:江苏省南京市玄武区玄武湖
电  话:4008-888-888
邮  箱:9490489@qq.com
商  务QQ:794548577
h5免费制作:【成都网站设计】掌握5元素,让页面文字浏览更好受?
作者:管理员    发布于:2020-05-27 11:44   文字:【】【】【

       用户会在网上阅读到很多的新闻及各类文章,特别是网络小说,这些页面展示的主体就是通篇大段的文字。关于这种看似简略的文字堆砌的页面,有无人诉苦过:'这样的页面还需要出效果图啊?'

       作为师的你是怎样处理这样的界面的?是习惯性的使用宋体字或者微软雅黑?是直接设为12px或者14px的字号?你有想过为何要使用这种字体、字号吗?你有考虑过文字排布与阅读功率的关系吗?你的页面布景会影响到用户的阅读舒适度吗?让我们从以下5个元素详细分析。


字体和字号这两个元素有必要捏在一同说。字体分为衬线体(serif)与非衬线体(sansserif)。简略的说,衬线体(serif)就是带有衬线的字体,笔画粗细不同并带有额定的装饰,开始和结束有显着的笔触。常用的英文衬线体有TimesNewRoman和Geia,中文便是我们在windows下最多见的中易宋体。与衬线体相反,无衬线装饰,笔画粗细无显着查差异的字体就对错衬线体(sansserif)。Arial、Helvetica、Verdanad都是我们熟悉的英文非衬线体,中文有微软雅黑和mac下默许的中文-华文细黑。

在以前,遍及认为有笔触装饰的衬线体,可提高辨识度和阅读功率,更合适做为阅读的字体。多用于报纸、书本等印刷品的正文。非衬线体饱满醒目,常用做标题或者用于较短的段落。 很长一段时间里,在互联网上我们会留意这样的一个现象,国外网站大部分以非衬线体为主,而中文网站根本就是宋体。其实不难了解,衬线字体笔画有粗细之分,很小字的状况下细笔画就被弱化,受限于电脑的分辨率,10-12px的衬线字体在显示器上是适当难辨认的(见下图);同字号的非衬线体笔画简洁而饱满,更适于做网页字体。windows下,中文宋体小字点阵的特性,12px、14px的字号显示仍然适当明晰美观,便于阅读。这也就是为何大多网页设计制造人员容易机械性的选用特定字号或英文或中文的字体。

如今跟着显示器愈来愈大,分辨率愈来愈高,常常会觉得看12px的文字有点吃力,做为设计师也会不自觉的开始很多使用14px的字体,并且愈来愈多的网站开始使用15、16px乃至18px以上的字号做正文文字。大字号的使用,对英文字体来讲,衬线体的高辨识度和流畅阅读的优势就体现出来了。中文宋体在显示14号以上字体时,单线条大字总是看上去有些单薄不那么协调,特别是这款点阵字在ClearType强制滑润显示状态下尤其显得模糊不清。微软雅黑就是微软在这个字体显示问题上的解决方案。


文章均为科技专注网站建设,的成都网站建设公司原创,转载请注明来自
Copyright © 2002-2020 免费祝福网页在线制作_360免费建站_网站免费制作_免费的建站平台_免费网站制作模板 版权所有 (网站地图
地址:江苏省南京市玄武区玄武湖 电话:4008-888-888
邮箱:9490489@qq.com QQ:794548577