上网在线阅读,是大多人获取信息的重要途径。用户会在网上阅读到大量的新闻及各类文章,特别是网络小说,这些页面展示的主体就是通篇大段的文字
关于这种看似简略的文字堆砌的页面,有没有人诉苦过:“这样的页面还需要出作用图啊?”作为网页规划师的你是怎样处理这样的界面的?
是习惯性的运用宋体字或许微软雅黑?
是直接设为12px或许14px的字号?
你有想过为什么要运用这种字体、字号吗?
你有考虑过文字排布与阅览功率的联系吗?
你的页面布景会影响到用户的阅览舒适度吗?
让咱们从以下5个元素具体分析。
字体、字号
字体和字号这两个元素有必要捏在一起说。
字体分为衬线体(serif)与非衬线体(sans serif)。简略的说,衬线体(serif)便是带有衬线的字体,笔画粗细不同并带有额定的装修,开端和结束有显着的笔触(如下图)。常用的英文衬线体有Times New Roman和Georgia,中文便是咱们在windows下最常见的中易宋体。
与衬线体相反,无衬线装修,笔画粗细无显着查差异的字体便对错衬线体(sans serif)。Arial、Helvetica、Verdanad都是咱们了解的英文非衬线体,中文有微软雅黑和mac下默许的中文-华文细黑。
在曩昔,遍及认为有笔触装修的衬线体,可进步辨识度和阅览功率,更适合做为阅览的字体。多用于报纸、书本等印刷品的正文。非衬线体丰满夺目,常用做标题或许用于较短的阶段。
很长一段时间里,在互联网上咱们会留意这样的一个现象,国外网站大部分以非衬线体为主,而中文网站根本便是宋体。其实不难理解,衬线字体笔画有粗细之分,很小字的情况下细笔画就被弱化,受限于电脑的分辨率,10-12px的衬线字体在显现器上是适当难辨认的(见下图);同字号的非衬线体笔画简练而丰满,更适于做网页字体。windows下,中文宋体小字点阵的特性,12px、14px的字号显现依然适当明晰漂亮,便于阅览。这也便是为什么大多网页规划制作人员简单机械性的选用特定字号或英文或中文的字体。
现在跟着显现器越来越大,分辨率越来越高,经常会觉得看12px的文字有点费劲,做为规划师也会不自觉的开端很多运用14px的字体,并且越来越多的网站开端运用15、16px乃至18px以上的字号做正文文字。大字号的运用,对英文字体来讲,衬线体的高辨识度和流通阅览的优势就体现出来了。中文宋体在显现14号以上字体时,单线条大字总是看上去有些单薄不那么和谐,特别是这款点阵字在ClearType(http://baike.baidu.com/view/755822.htm) 强制滑润显现状态下特别显得模糊不清。微软雅黑便是微软在这个字体显现问题上的解决方案。
让咱们别离对比下中英文的衬线体与非衬线体在不同字号时的显现作用。
英文以Times和Verdanad为例,中文以宋体和微软雅黑为例。
上一页12 下一页 阅览全文
知优网 » 合理掌握5元素,让页面文字阅览更舒适