网页设计中字体运用的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%的人还看了以下文章

  • 如何做好视觉设计中的层次?(精)

    对于视觉次序(视觉层次)的营造是每个设计师所必须精通的,无论是海报设计还是页面设计,从整体来看总会有强弱、主次之分,因为有了视觉上的变化,才使得整体更富有层次感;当用户在浏览信息很多的网页时,作为设计师要做到:即使用户只是简单的浏览,也要有能在用户脑海中形成记忆的视觉元素,而这些元素就是视觉中的主,而当用户仔细阅读时才能记忆到的元素才是视觉上的次;从局部来说…

    2018年7月9日 网页设计
    12.4K0
  • 平面排版 CRAP原则-人人都可能成为设计师

    CRAP是四项基本设计原理,包括对比(Contrast)、重复(Repetition)、对齐(Alignment)、亲密(Proximity)  对比(Contrast) 避免页面上的元素太过相似、如果元素不相同,就让它们截然不同元素包含字体、颜色、大小、线宽、形状、空间等根本目的:增强页面效果, 有助于信息的组织如何实现:通过字体选择、线宽、颜色、形状…

    2018年5月8日
    19.5K1
  • 平面设计中最常用的一项设计技法-K先生案例精讲

    对比是在平面设计中最常用的一项设计技法,几乎每一个作品中都会出现“对比”的痕迹,今天中国网页设计给大家分享的是K先生平面设计中对比的8种运用技巧,包括大小、色彩、肌理、前后、疏密、虚实…等等,每个技巧运行都配有设计案例,一步步教你如何分析设计,讲解到位,通俗易懂,实用性强,一定会对你的设计有所帮助。

    2020年4月26日
    24.6K0
  • 网页制作实战项目六:中融宝企业网站制作

    【时间要求】 2 学时( 45 分钟× 2=90 分钟) 【上机内容】 中融宝企业网站制作 【上机目的】 1 、掌握网页布局的方法和技巧 2 、掌握HTML及CSS的使用 3、掌握表单及表单元素的使用 4、培养团队意识和协作精神 【上机重点】 1 、网页布局 2 、表单制作 3 、HTML及CSS的使用 【上机难点】 1、网页布局 2、CSS的定义和使用 【…

    2018年5月17日 网页设计
    13.2K1
  • 设计师提升作品精致度的4个方法!

    提升作品精致度的方式:1、选择背景要高清、尽量选简不选繁;2、中、英文字要使用相对应的字体,提升整体层次感;3,善于使用图形化的元素,但是要注意尽量不要太复杂,否则会影响整体视觉感受;4、合理的留白,但是要避免盲目过度的留白;

    2023年1月24日 网页设计
    9.9K0
  • HTML5+CSS3制作网页实例:HTML5入门

    文章最后提供HTML5+CSS3制作网页实例源码下载。 步骤1 -设计 设计师先根据构想使用PHOTOSHOP设计页面,然后开始HTML和CSS编码,从设计背景、颜色和字体,细节部分的工作内容。 步骤2 – HTML 头部html代码 <!DOCTYPE html> <html> <head> <meta…

    2019年3月7日
    17.1K0

发表回复

登录后才能评论