领众品牌官网
为厦门网站建设公司企业提供高品质网站建设
热线:0592-5596197

网站建设

当前位置:首页 > 营销运营 > 网站建设

网站设计如何使用字体才美观?

来源:领众品牌    查看次数:    发表时间:2019-12-08 12:40:42
在做网站设计的时候很多情况下是由字体造成的不美观不协调问题,网站要设计的简单大气美观又不能失去产品本身的特点,特别是在设计一些没有好素材的网站,这时候对网站设计师就更有挑战了,字体的颜色、间距、排版成了一个网站成败的关键,一个像素两个像素对于整体的设计感就相差非常的大,今天跟随我们领众一起来说说网站UI设计这块字体的使用方法吧!
 
网站字体设计规范

网页字体的认知

在网站上面不是很字体都可以加载的,好看的中文字体有很多,可是它并不能都运用到网站设计上面,这是因为你对CSS引用字体不了解,比如说你的网站设计字体需要用到雅黑,那么你的电脑上面必须存在这个字体,不然的话网站是不会显示出雅黑字体的,网站是利用CSS:Font-Family 来调用字体,调用的字体一般都是客户端电脑上以有的字体,所以在设计字体的时候不能像设计图片一样。
 
让我们来看看一些漂亮的网站设计所采用的字体吧!下面是截图
 
漂亮的网页字体推荐
 
字体布局方式参考
 
所以这也是为什么很多网站采用的是大家常见的字体,而不是一些花哨的字体,还有CSS虽然是可以加载服务器字体,但是一般我们中文网站是不会采用这种方式的,因为字体文件太大了,一个中文字体的10M以上,也就是客户进入网站先得加载10M的字体文件,遇到网速卡的话就体验感非常差了。
 
 

网站设计一般会用哪些字体

对于网站设计如果不能什么字体都乱调用,我们该用什么字体呢?网站常用的字体有如下几个:
 
  • Microsoft YaHei
  • Open Sans
  • Arial
  • Hiragino Sans GB
  • 微软雅黑
  • STHeiti
  • SimSun
  • sans-serif
 
就目前的网页字体来说用的最多的还是Arial,这是很多电脑上都有安装的默认字体,而现微软雅黑字体来设计网站、APP。
 
 
常用免费字体
 

网页字体间距使用

留白是网页设计难点,留白不好的话可能就会造成页面空洞无可读性,一般网站的字体间距都是有一些标准的。
如是网站导航设计一般字体是14PX-18PX(像素),同时可以对Font-Weight进行一个字重调加强,以是显示标题的突出;
内容信息标题是在14px-16px,行高可以设置为160%-200%之间;
 
 

网站字体颜色使用

网页上面的字体颜色一般分为三大块,默认字体颜色一般为黑色系、白色系、主色系,一般都是以黑白色为主,主色为辅助色点缀色系,如果是大在积采用主色系的话对于设计水平还是需要一些功底的,鉴于网站设计字体的颜色一般都是主要的地方采取主色,这是在字体颜色的使用方法。
 
 

网页字体排版布局

网站在设计的时候就难的就是排版问题,排版涉及到了字体大字粗细、颜色、间距、位置等等,很多网页设计的人员都在为字体排版而纠结,布局涉及到了的美观及创意,如果你是一个设计师肯定没少收集一些好的字体排版布局素材。
 
这里我们也为大家推荐一些好的网页字体使用案例,可以收藏下哦!
 
免费网页字体
 
网站设计字体排版布局
 
网站设计字体今天就说到这里了,就是教会大家如何使用字体的一些设计技巧,当然还有就是字体的版权问题也是不容忽视的一点,网站设计中字体关乎到整体的美观档次。

作者:一名

12年资深网站设计师 前端交互开发工程师

相关文章: