网页设计中字体运用的12个技巧一超实用!

文字、文本排版是日常网站设计工作中经常用到,看似简单的文字,实际上排版也是很有讲究。

1. 了解字体的性格

网页设计字体的运用一超实用!

每个字体都有性格,人们比较喜欢一些有特色的东西。那么这些被喜欢的存在什么规则呢,了解你的目标人群,知道你文档的用途,选择一类字体,使用你的目标人群所期望的字体,是你的文档的用途所需要的字体。

更多请阅读:网页设计字体篇:字体的性格

2. 避免使用默认字体

网页设计字体的运用一超实用!

Times New Roman 和Calibri不是不好的字体,它们只是被过度使用,想想字体的性格,有比默认字体更好的字体吗?在大多数情况下,答案是有的。

3. 避免使用被过渡使用和丑陋的字体

网页设计字体的运用一超实用!

如果你在你的电脑上找不到一个字体是与你的文档性格相符的,不是陈词滥调的,不是丑陋的,那么安装一个新字体。这个非常简单,而且也会和以前的有效不同。(给人眼前一亮)

4. 使用两种字体

网页设计字体的运用一超实用!

尝试使用两种字体,一种标题使用,一种文本内容使用。

这样将会让你的文档比使用一种字体看起来更通俗易懂,有吸引。这条规则适合所有文档,从建议书到个人简历,到商务名片都可以使用。

5. 对比字体类型

网页设计字体的运用一超实用!

使用两种字体是很好的,但是使用两种太相近的字体就很糟糕了。所以选择两种来自不同字体类型的字体。有衬线的字体(像Times New Roman),没有衬线的字体(像Arial),手写(看起来是像手写的)或者是具有装饰性的。字体看起来与众不同。

6. 注意字体大小

网页设计字体的运用一超实用!

12号字体是文本处理软件至今为止默认的字体,12号字体是较适合阅读的字体。当然,标题需要比文本更大的字体,在文档中比较重要的事字体应该更大。

7.不要全部使用大写

 

8. 小心使用文字的背景填充

网页设计字体的运用一超实用!

文字背景填充,是指使用颜色明度高的文本在一个深色背景上,或者相反。背景填充比较适用标题和开头。如果你使用背景填充,有文本与背景有高对比度的颜色。不要在红色上使用蓝色,不要使用狭窄的或是有奇特特征的文字,要使用圆润、比较规整的字体。

9. 知道怎样强调、突出或是不强调突出

突出文本对易读性和快速浏览非常重要,一般规则是,强调文本不要超过整个文本的10%,如果所有都被强调,那就不是强调了。当然,快速仅仅使用两种或是三种强调技巧。换句话说,不要同时使用,颜色,字体改变,大小,下划线,斜体,黑体。

10. 调整你的行间距

行间距(line spacing)也叫做leading(行间距),是行与行间的间距,通常行间距伴随着字体的变化,行间距稍稍大于字体的大小(如果你是10号字体,,那么默认的间距是12号),通常的,这样看起来非常的拥挤,考虑增加间距来让阅读更加的容易(但是不要增加太多。)

11. 注意文字的可读性

可读性就是怎样让一大段的文本容易阅读,字体大小,字体形状,字间距,行间距,一行的长度都会影响可读性。

12.不要在一行留一个孤单的词

Orphans(孤单的)意思是,在文章的较后一段,只留一个孤孤单单的单词。留一个单词在较后特别的不好,而且也尤其的小。如果一个小小的单词独自留在文章的末行,修改这个句子,让这个孤独的单词回到它的大家庭(整个段落)吧。

125jz网原创文章。发布者:江山如画,转载请注明出处:http://www.125jz.com/4023.html

(0)
江山如画的头像江山如画管理团队
上一篇 2019年10月26日 上午9:58
下一篇 2019年10月27日 上午6:52

99%的人还看了以下文章

  • 界面设计的字体规范:常用字体,字号,字体颜色及间距对齐

    今天125网页设计给大家分享界面设计中常用的字体,字号,字体颜色及间距对齐的一些小经验,通过设计经验可以帮助你做出更好的版式,相信大家会有收获。 一、常见界面设计中字体使用问题 1.字体样式太多,导致页面杂乱 2.使用的字体不易识别 3.字体样式和内容的气氛或规范不匹配 二.界面设计中文字的使用规则 移动端常规字体 IOS:常选择华文黑体或者冬青黑体,尤其是…

    2018年12月29日 网页设计
    8.5K0
  • Table布局 VS Div+CSS布局,选哪个?

    Table布局 和 Div+CSS布局的争论,过了7-8年了,今天看到一篇文章《为什么我们不建议用Table布局》,又想发表下自己的见解,供初学网页制作的新手参考。 《为什么我们不建议用Table布局》节选: Table要比其它html标记占更多的字节。 (延迟下载时间,占用服务器更多的流量资源。) Tablle会阻挡浏览器渲染引擎的渲染顺序。 (会延迟页面…

    2018年12月21日
    3.7K0
  • 企业做网站选择定制开发,还是网上在线模板建站好?

    不少企业老板,要做网站,总爱先问做网站多少钱? 在《做个企业网站多少钱?》一文中,我们讲解了做网站,先要明白,价格和价值的关系,只看价格不比质量,不看实际给企业能带来多大价值的网站都是没有什么用处的,看似便宜,实际多花了钱,后期还要重做,总起来花的钱比原来还要多。想花一千的价格,还要求网站页面漂亮,功能完善,用户体验及排名都要好,这是不现实的。 企业做网站选…

    2018年12月17日
    2.8K0
  • web前端工程师需要掌握哪些知识,0基础学习Web前端课程大纲

    想从事Web前端开发,需要掌握哪些知识? 中文网页设计网今天给大家分享0基础学习Web前端的课程大纲,从入门到精通,帮助你快速成长为Web前端工程师。 Web前端基础课程大纲 第一阶段:HTML+CSS 第二阶段:JavaScript基础知识 第三阶段:DOM、BOM与事件 第四阶段:面向对象与数据交互 第五阶段:JavaScript实战 第六阶段:数据类型…

    2018年10月24日
    3.4K0
  • 网页设计色彩搭配:红色

    标准红色的RGB值分别是255、0、0。红色在网络上出现的频率可以说是比较高的,无论是传达吉庆的信息还是商业上的应用,是一种极具有表现力的色彩。 红色容易让人联想到太阳、热血、婚姻、喜庆,给人的感觉当然富有吉祥、吉祥、活力、激动、火暴等寓意。 如图所示: 图 红色基调 红色的波长最长,穿透力最强,感知度也最高。 它经常用来表现太阳、火焰、热血、花卉等,具有积…

    2021年2月4日 网页设计
    7.3K0
  • 9种常用的排版小技巧

    分享优秀网页设计发布的9种常用的排版小技巧,不同氛围的文字排版组合,演绎不同的版面风格。 ​​​​

    2020年4月4日 网页设计
    8.2K0

发表回复

登录后才能评论