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

  1.增强文字的可读性

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

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

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

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

  2.让文本富有层次感!

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

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

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

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

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

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

  5.不要有意的拉伸字体

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

最高¥2000红包
限量
云产品通用,可叠加官网常规优惠使用 | 限时领取
相关文章

WordPress5.0+火车头免登陆发布接口下载+模块(增强版)说明

阅读 118

WordPress5.X火车头免登陆发布接口+模块(增强版)说明 适用于火车头采集器7.6-9.6 优化了验证标题重复 ...博文来自:网站运营

php多种方法判断是否为手机、微信访问的函数代码

阅读 78

php多种方法判断是否为手机访问以及微信端访问,100%准确,可以收藏下 function ismobile(){ //...博文来自:网站运营

个人站长做什么网站才能赚钱呢

阅读 113

个人、商家、企业做什么网站赚钱,这是许多人比较关注的话题。 以个人多年的观察经验来看,比较稳定的、...博文来自:网站运营

宝塔Windows面板更新后被360报木马怎么办

阅读 118

宝塔Windows面板更新后被360报木马怎么办?其实这是360误报,只需要将保木马的文件添加信任即可! 博文来自:网站运营

多个域名跳转防红名php代码

阅读 123

php多个域名跳转防红名代码,上传本文件,之后绑定个域名就行了,推广用这个域名推广,把内容网站绑定好...博文来自:网站运营

想做个手游下载模板及源码的站,用什么cms比较合适?

阅读 128

想做个手游下载模板及源码的站,用什么cms比较合适? 相关手游模板主题推荐! 网站运营 ...博文来自:网站运营

网站怎么做可以增加访客量呢?

阅读 159

网站已经成为大多数企业获客引流的工具了。可是很多企业并不知道什么样的网站才能够真正获客,只是一味...博文来自:网站运营

为啥好多网站js、css后加?v=版本号的原因

阅读 166

这篇文章主要为大家详细介绍了js、css后加?v=版本号的原因,具有一定的参考价值,感兴趣的小伙伴们可以...博文来自:网站运营

推荐几个不错的站长广告联盟

阅读 614

Google广告联盟 Google广Google AdSense 是一种获取收入的快速简便的方法,适合于各种规模的网站发布商...博文来自:建站经验,网站运营

宝塔面板如何设置帝国CMS伪静态规则?

阅读 881

1、登录到宝塔面板后台2、点击左侧“网站”---选择你要设置伪静态的站点,点“设置”,如下图所示: 3、...博文来自:网站运营

我爱模板网 从零开始学建站,学习技能、解决问题!

每个月,我们帮助开发者解决各种各样的技术问题。并助力他们在技术能力上获得提升。
没有账号? 忘记密码?

社交账号快速登录