• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 网页设计中的文字的大小的搭配的方法 小文字,大体验

网页设计中的文字的大小的搭配的方法 小文字,大体验

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含网页文字大小,网页文字等相关知识,佚名 希望在学习及工作中可以帮助到您
小文字,大体验 三联教程
  随着ipad等移动终端的崛起,人们在移动终端阅读上的时间越来越多,阅读体验已经变得越来越重要。而字体又是决定阅读体验的关键所在,那么字体在哪些方面又是什么影响着阅读体验的成败?
  1.是否具有高辨识度
  首先看看Consolas,这款字体,我们可以发现,i和w的宽度都是一样的,这种等宽字体都具有非常高的辨识度,非常适合文字编写,代码显示等工作。
  还是这个例子,在Arial字体中,i,l 的辨识度很低,而且当有连续的il等较窄文字出现时,文字难以选中,此外Georgia中,字母o,与数字0 只在大小上略有区别,基本上分不清,很难做到一目了然。
  由此可见,等宽字体受字母本身的干扰较小,字母大小固定,密度固定,此类字体,简单容易辨认,大大提升了阅读效率。但等宽字体也有很严重的问题,他用降低美观程度而换来了高辨识度,因此,大多只能出没于在一些代码编辑器等软件。
  2.是否适合长时间阅读
  Arial和Gerogia, 这两款字体在pc的网页上都非常用,但哪一种更适合长时间阅读?
  虽然看起来无衬线字体虽然更简洁,醒目,但识别性却不如衬线字体那么明确,要想让读者进行长时间阅读,更需要的是让读者一扫而过,不需要思考就能读出文字,而Georgia恰好具备这一点特质。因此,一般来说在同等印刷条件下衬线体在的阅读速度要比无衬线体快五分之一左右。
  首先衬线的笔画辅助起到的不仅是美观,还有助于辨识字体,其次,这些衬线笔画可以使得这些字母在基准线上的笔画在视觉上会形成一定的水平导视,可以引导视觉朝着水平方向移动,使得被识别性系数提高,这就是为什么类似于Georgia的衬线字体会在pc端和传统出版都会如此受欢迎的原因。
  无衬线的Arial就好像大家闺秀,更适合地铁等一些醒目的标牌等一些大场面,而非衬线的Georgia却似小家碧玉,字里行间,百看不腻。
  3.是否适应移动终端
  由于iPad 的显示屏亮度和对比度要高于普通电脑,因此很多在普通电脑上合适的字体和设计直接搬到 iPad 上会由于背景的亮度而产生实物过虚的问题。这一点在搭配字体时尤其成为问题。某些细字体却严重发虚,导致原本适合的搭配变得不般配,严重影响了体验。
  Retina Display 带来更细的精度,同时也给字体渲染带来了更多问题,由于在不进行缩放的情况下,显示普通图片时,它会用4个像素来显示图片中的1个像素;而在显示 retina图片时,每个像素都对应图片中的1个像素。因此一些字体比如Georgia 就会变得非常细,导致字体在显示时与设计时不一致,影响了体验。
  事实上,我们没有办法去改变硬件,只能尽量避免这些问题,因此在移动终端适当的加大文字尺寸(14px-16px)是比较明智。此外还可以加大文字的磅数也是避免发虚的办法,而在英文显示方面,PC端的经典之一Georgia还需慎用。
  4.是否拥有缜密的排版
  这一点,在中文的排版上 唐茶 就做的非常不错,实现了禁则处理、齐头尾、英文换行(hyphenation)等排版基本功,还对标点外挂(行末出现的句号、逗号、分号等标点会被「悬挂」到文字右边框的外沿。)和段首缩进进行了实验性尝试,都给读者带来了良好的阅读体验。
  此外,阅读的体验还决于其他的重要因素,比如在不同的场合应用不同的字体,字体的大小,磅数,文字一行的长度,文字之间的密度等。
  阅读乃大,方方面面不离文字,文字虽小,笔笔画画紧扣体验。对设计师而言,优秀阅读的体验,不仅仅是让我们追求美的视觉,更是出于一种对读者的关怀。

您可能想查找下面的文章:

  • 网页设计中的文字的大小的搭配的方法 小文字,大体验

相关文章

  • 2018-08-23实战经验!两个大招帮视觉设计师高效完成工作
  • 2018-08-23如何让交互稿的体验更好?网易设计师总结的10个知识点
  • 2018-08-23Adobe 文件类型图标改版了?来看背后的设计思路!
  • 2018-08-23进阶好文!让人舒服的的交互设计稿该有的5个特点
  • 2018-08-23在实际项目中,我遇到过的技术限制坑和用过的设计方法
  • 2018-08-23实战经验!从0到1的腾讯微众银行APP项目小结
  • 2017-08-06在新窗口打开的跳转菜单 window.open使用介绍
  • 2017-08-06jquery-multiselect在ie6里的一个bug的解决方法
  • 2018-08-23这5个色彩进阶技巧,能帮你创造更优质的网页用户体验
  • 2018-08-23想做AR类的APP?那么你应该从这三个关键点着手

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 讲好一个故事,优秀的用户体验设计由此开始
    • 泛谈商业产品(一):什么是商业产品?
    • 内部教程!超详细的支付宝设计规范之线上字体篇
    • 背后的故事!手机QQ的一键消除红点功能是怎么诞生的?
    • 航海世纪官网设计思路分享
    • 新手建站入门教程③ 别名(CNAME)记录和URL转发
    • 这3种独特的趋势,能让网页设计增色不少
    • 浏览器自动填充表单导致网页样式丢失原因分析及解决
    • 哈哈哈!设计师专用表情包合集(三)
    • 网站开发人员应该知道的61件事

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有