公告:网址大全导航目录www.btv85.com为各位站长提供免费收录网站的服务,VIP会员每天提交网站30、文章30免审核,快审服务(10元/站),可自助充值发布。

点击这里在线咨询客服 点击这里在线咨询客服
新站提交
  • 网站:223084
  • 待审:0
  • 小程序:16453
  • 文章:25726
  • 会员:218

今天BTV导航网的小编为你讲一下合理把握5元素,让页面文字阅读更舒适相关的内容。

对于这种看似简单的文字堆砌的页面,有没有人抱怨过:“这样的页面还需要出效果图啊?”作为网页设计师的你是怎样处理这样的界面的?

把握5元素,让页面文字阅读更舒适

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

是直接设为12px或者14px的字号?

你有想过为什么要使用这种字体、字号吗?

你有考虑过文字排布与阅读效率的关系吗?

你的页面背景会影响到用户的浏览舒适度吗?

让我们从以下5个元素具体分析。

把握5元素,让页面文字阅读更舒适

字体、字号

字体和字号这两个元素必须捏在一起说。

字体分为衬线体(serif)与非衬线体(sans serif)。简单的说,衬线体(serif)就是带有衬线的字体,笔画粗细不同并带有额外的装饰,开始和结尾有明显的笔触(如下图)。常用的英文衬线体有Times New Roman和Georgia,中文即是我们在windows下最常见的中易宋体。

与衬线体相反,无衬线装饰,笔画粗细无明显查差异的字体就是非衬线体(sans serif)。Arial、Helvetica、Verdanad都是我们熟悉的英文非衬线体,中文有微软雅黑和mac下默认的中文-华文细黑。

把握5元素,让页面文字阅读更舒适

在过去,普遍认为有笔触装饰的衬线体,可提高辨识度和阅读效率,更适合做为阅读的字体。多用于报纸、书籍等印刷品的正文。非衬线体饱满醒目,常用做标题或者用于较短的段落。

很长一段时间里,在互联网上我们会注意这样的一个现象,国外网站大部分以非衬线体为主,而中文网站基本就是宋体。其实不难理解,衬线字体笔画有粗细之分,很小字的情况下细笔画就被弱化,受限于电脑的分辨率,10-12px的衬线字体在显示器上是相当难辨认的(见下图);同字号的非衬线体笔画简洁而饱满,更适于做网页字体。windows下,中文宋体小字点阵的特性,12px、14px的字号显示仍然相当清晰美观,便于阅读。这也就是为什么大多网页设计制作人员容易机械性的选用特定字号或英文或中文的字体。

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

让我们分别对比下中英文的衬线体与非衬线体在不同字号时的显示效果。

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

把握5元素,让页面文字阅读更舒适

合理把握5元素,让页面文字阅读更舒适同类内容推荐:
  • 文字找茬大师女生逆袭过关攻略详细介绍

    文字找茬大师女生逆袭是一个脑洞关卡,一个女生在房间里玩手机,大家需要帮她找出所有烦心的事情。接下来btv85 2023-08-04

  • 文字来找茬石榴姐逆袭攻略分享

    文字来找茬石榴姐逆袭怎么过?这一关快递了一件礼服,大家需要帮石榴姐减肥成功穿上。相信很多玩家不清楚文字来 2023-08-04

  • 文字玩出花生死救援3过关攻略分享

    文字玩出花生死救援3怎么过?这一关车辆停在了断桥上,非常危险,大家需要减少重量拯救所有人。下面为大家带来文 2023-08-03

  • 文字找茬大师精神病院2通关攻略

    文字找茬大师精神病院2怎么过?这一关主角又被老婆抓到了精神病院,需要通过测试才能出去。以下是文字找茬大师 2023-08-03

  • 文字来找茬美女入职过关攻略

    文字来找茬美女入职是一个看图找茬关卡,图中女生刚刚入职新公司,大家需要找到12处公司不对劲的地方。下面为大 2023-08-03

  • 文字脑洞谁的孩子过关攻略

    文字脑洞谁的孩子是一个找异常的关卡,大家需要观察场景中的线索,找出异常之处。接下来btv85导航网为大家带来 2023-06-25

  • 文字来找茬电梯惊魂攻略分享

    文字来找茬电梯惊魂是一个悬疑关卡,图中的有一位老奶奶,大家需要仔细观察,找出异常之处。接下来btv85导航网为 2023-06-21

  • 文字脑洞遛狗过关攻略解析

    文字脑洞遛狗是最新更新的关卡,主角请人来上门遛狗,大家需要找出异常之处,做出选择。以下的btv85导航网带来的 2023-06-21

  • 文字来找茬致命旅游通关攻略

    文字来找茬致命旅游怎么过?这一关主人公前往国外旅游,发生了奇怪的事情,大家需要根据剧情提示过关。下面为大家 2023-06-21

  • 文字玩出花怀旧岁月32图文攻略分享

    文字玩出花怀旧岁月32是最新的怀旧关卡,图中的人物正在祭拜,大家需要从中找出十二处不合理。btv85导航网为大 2023-03-06

  •   admin

    注册时间:

    网站:0 个   小程序:0 个  文章:0 篇

    • 223084

      网站

    • 16453

      小程序

    • 25726

      文章

    • 218

      会员

    赶快注册账号,推广您的网站吧!
    热门网站
    最新入驻小程序

    小朋友猜谜语2021-05-24

    小朋友猜谜语是一款学习教育类的

    球比分2021-05-24

    球比分是一款体育运动类的小程序

    匠人名片2021-05-24

    匠人名片是一款交友社交类的小程

    知晴2021-05-24

    知晴是一款生活服务类的小程序应

    优惠券查询工具2021-05-24

    优惠券查询工具是一款其他工具类

    成语词典汉字拼音故事大全字典2021-05-24

    成语词典汉字拼音故事大全字典是