现在的网站可以说是越来越“大气”了,美观度和响应速度好了很多,各种板式布局也是如春笋般破地而出,网页也动起来了,这其中的一些小图标却必不可少,因为这些小图标能起到引导,解释,标示等作用,用的好了,往往能在一些地方起到画龙点睛的作用,增强网页的可读性和观赏性,那么我们的图标素材都从哪里来呢,下面就来介绍下:
1. 自己制作
这个主要是通过ps等设计软件来制作,如果你有一定的ps设计能力,是可以自己制作的,这种小图标往往是以卡通形式出现,设置以简笔画形式出现,而如果有一定的ui设计能力,是可以自己设计一些符合自己思想同时兼顾大众审美的小图标的,这种小图标在网页中往往是做成png透明图片。
2.图标搜索引擎easyicon
网址是:https://www.easyicon.net/,主界面如下图,比如,想要邮箱图标,那么就搜索邮箱,下面会出现很多邮箱小图标,随便点开一个,可以看到作者或者授权等等,需要注意有一些是备注只能个人用的。
3.字体库图标Font Awesome
网址是:http://www.fontawesome.com.cn这个是目前个人博客网站用的最多,比如wordpress,zblog等模板,基本都是用的这个,而且里面的css也比较小巧,引入就能使用,使用也方便,只需要一行代码:<i class="fa fa-user-o" aria-hidden="true"></i>就可以了,里面的fa-user-o根据图标库的名称替换成自己需要的就可以了,然后图标也变成自己需要的了,选择图标过程和使用结果如下图,具体可以进入Font Awesome官方网站去看,整套字体都是可以免费使用的。
4. 阿里图标库
网址:https://www.iconfont.cn这是阿里巴巴集团打造的一个生态图标库,里面的图标非常丰富,专门供前端工程师搜索图标使用,图标都是一些设计师上传的,可以免费下载使用,不过商业媒体及纸媒需要先联系:[email protected]
以上就是万书涛在搭建个人博客网站时常用到的获取图标素材的地方,希望这些图标素材能对大家有所帮助。
PS:本文来自万书涛的个人博客,感谢分享。
1. 自己制作
这个主要是通过ps等设计软件来制作,如果你有一定的ps设计能力,是可以自己制作的,这种小图标往往是以卡通形式出现,设置以简笔画形式出现,而如果有一定的ui设计能力,是可以自己设计一些符合自己思想同时兼顾大众审美的小图标的,这种小图标在网页中往往是做成png透明图片。
2.图标搜索引擎easyicon
网址是:https://www.easyicon.net/,主界面如下图,比如,想要邮箱图标,那么就搜索邮箱,下面会出现很多邮箱小图标,随便点开一个,可以看到作者或者授权等等,需要注意有一些是备注只能个人用的。
3.字体库图标Font Awesome
网址是:http://www.fontawesome.com.cn这个是目前个人博客网站用的最多,比如wordpress,zblog等模板,基本都是用的这个,而且里面的css也比较小巧,引入就能使用,使用也方便,只需要一行代码:<i class="fa fa-user-o" aria-hidden="true"></i>就可以了,里面的fa-user-o根据图标库的名称替换成自己需要的就可以了,然后图标也变成自己需要的了,选择图标过程和使用结果如下图,具体可以进入Font Awesome官方网站去看,整套字体都是可以免费使用的。
4. 阿里图标库
网址:https://www.iconfont.cn这是阿里巴巴集团打造的一个生态图标库,里面的图标非常丰富,专门供前端工程师搜索图标使用,图标都是一些设计师上传的,可以免费下载使用,不过商业媒体及纸媒需要先联系:[email protected]
以上就是万书涛在搭建个人博客网站时常用到的获取图标素材的地方,希望这些图标素材能对大家有所帮助。
PS:本文来自万书涛的个人博客,感谢分享。