网页设计中字体的使用注意规范

南京/网页设计师/9年前/5953浏览
网页设计中字体的使用注意规范
周扒站

网页设计中图片和文字是构成网页的两大主要元素,合理的使用网页字体,熟悉常见的网页字体使用规范,显得尤为重要。

我们以宋体和微软雅黑为例:

   1.宋体

    宋体是最常见的中文字体,在没有指定字体的情况下,浏览器往往选择它来渲染。但很多人认为这种字体并不美观。

   宋体12px,配上18px的微软雅黑标题,层次清晰,让人一目了然,同时展现的美观度丝毫不弱。

   2.微软雅黑

   微软雅黑可以作为网站首选字体,它的美观度和清晰度都较好。

204756cd3ee832f875520f239b02.jpg

     宋体是衬线字体,微软雅黑是无衬线字体,宋体在视觉上更纤细。和宋体相比,微软雅黑的字形不是正方形的,而是稍微的扁宽,字间距很小,这样会使默认的行间距更明晰,同时微软雅黑的字心显得更饱满。所以在同样的字号下,雅黑的单字面积显得更大,更容易识别。

    标题字体使用微软雅黑更适合,正文内容可以根据设计风格和需求灵活选择。不过在手机端查看时,我们很明显感觉到微软雅黑字体更赏心悦目。

    除宋体和微软雅黑字体之外,设计师们还可以根据实际需要选择其他经典通用字体,比如Windows自带的中文字体黑体、仿宋、楷体等,以及英文字体Arial、Vardana等等。

 网页设计规范:字号选择

    这里以px为例,网页设计中一般使用 14px 作为标准字体,16px 作为中等字体,18px 作为较大字体,12px 作为偏小字体。当然,我们这里说的只是一种比较通用的标准,实际上如何选择字号需要设计师根据网页整体设计布局来确定。

使用不同颜色的文字突出重点

d66c56cd3f4132f875520f16be97.jpg

段落加上装饰性设计元素

b92556cd3f5d32f875520f33f569.jpg

   多多的尝试,在实践中不断的去练习,相信你的努力一定会成功的。

55
Report
|
87
Share
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
x oasis coffee
Homepage recommendation
大家都在看
Log in