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

用户头像
南京/网页设计师/10年前/6004浏览
网页设计中字体的使用注意规范
用户头像
周扒站

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

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

   1.宋体

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

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

   2.微软雅黑

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

204756cd3ee832f875520f239b02.jpg

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

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

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

 网页设计规范:字号选择

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

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

d66c56cd3f4132f875520f16be97.jpg

段落加上装饰性设计元素

b92556cd3f5d32f875520f33f569.jpg

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

55
举报
|
87
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
金色颗粒质地的平面
平面书法字手写
学习,优惠券,平面,海报
金色颗粒质地的平面
城阙凡花
水蜜桃和李子的平面水果图案
课程海报,平面素材
平面男孩喝咖啡插画设计
海底世界插画
玄关入门地毯印花图案红地毯
金色颗粒质地的平面
古风平面仕女与瓷器
金色颗粒质地的平面
中国传统纹样创新图案设计
倒计时,海报,平面
金色颗粒质地的平面
牛奶乳液层次梯田平铺平面
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
平面设计 吊牌设计
空的平台平面和自然景观
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
平面插画设计女孩喝咖啡
牛奶乳液层次平面平铺平面
平面花卉图案扁平简约无缝拼接插画
城市园林平面布局航拍
你可能喜欢
大家都在看
登录注册