网页制作中字体设计规范细节!

2019-08-24 0 682

  1.增强文字的可读性

  设计的首要任务是与用户进行信息交流,所以把文字的可读性和清晰度放在首位是有道理的。用户阅读文章可读性差一般可以表现为一下几点:

  文字色与背景色对比不明显:需通过提高两者间的对比度来解决。

  滥用大写字母:大写字母在带给用户“大声呼喊”般震撼的同时,也会影响眼睛对字母的辨识度。这是因为当文字都大写时,每个字母都是相同高度,并且都是相似的方形,而小写字母的高低不齐更易被辨认。

  文字过小:有时为了让设计看起来精致,我们会缩小字号,但请换位思考一下,用户在阅读这些小字时是否会觉得困难?

  2.让文本富有层次感!

  一个完整而清晰的结构层次可以增进用户视觉美感;在文字层次表现中;可以凸显重点信息,如下图所示:重要部分可以用字号、颜色、字体等方式加以突出,使信息更容易被识别;无关紧要的部分就让他们普通一些。

  3.让文本宽度保持在合适的范围

  你是否很吃力的阅读过一篇文章?或在阅读过程中一次次迷失在文字的换行中?其实这些都是因为文本宽度设置不当。

  文本宽度的黄金数字是:每行不少于6个单词,且一行大约30~40个字母(包括空格)。过少会导致频繁换行,过多则会让句子变的冗长而难以阅读。

  4.文字间适当的间距也很重要

  字间距是指两个字母之间的距离,这也许看起来不起眼,但是好的间距会使你的设计更加美观、有序。

  5.不要有意的拉伸字体

  不要拉伸字体,很多情况下,字体的形状和比例都是精心设计好的,所以拉伸而导致的变形将失去字体原有的特色。

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

1、如非特殊说明,本站对本文提供的代码或者素材不拥有任何权利,其版权归原著者拥有。
2、以上提供的代码或者素材均为作者提供和网友推荐收集整理而来,仅供学习和研究使用。
3、如有侵犯你版权的,请来信(邮箱:admin@mail.52muban.com)指出,核实后,本站将立即改正。
4、如有链接无法下载、失效或广告,请点击下面的报错或者联系我们处理!
5、以上资源售价只是赞助,不代表代码或者素材本身价格。收取费用仅维持本站的日常运营所需!
6、本站所有资源、教程、源码,不得用于非法站点及用途,后果自负!本站不为非法站点提供任何服务。

我爱模板网 会员模板 网页制作中字体设计规范细节! https://www.52muban.com/1970.html

专注网站开发,建设。

常见问题
  • 我们承诺演示效果图均和网站一模一样,如有不同,全额退款,并且我们的模板和数据都没有留后门,请放心使用。
查看详情
  • 本站所有源码版权归原作者所有,我爱模板网提供的源码只能用于学习研究,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情
发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务

© 2022 我爱模板网- 52muban.com . Powered by WordPress. All rights reserved 网站地图 粤ICP备2020135806号
本站由 腾讯云 提供CDN加速/云服务