如何在最短时间内找到前端最好的素材?

200 阅读2分钟

一、素材类网站

千库网:一个免费下载图片素材的网站

1.png

视觉中国:一个汇聚全球海量高端图片、视频、音乐、字体以及设计素材和模板的网站,你想要的应有尽有。

2.png

Unsplash | Free High-Resolution Photos

Unsplash是一个分享免费高质量照片的网站,照片分辨率都挺大,而且都是真实的摄影师作品,图片多是风景和静物。

3.png

二、配色类网站

Color Hunt 这个网站给我们提供了很多的配色方案,我们直接使用就OK了。使用方法也很简单,鼠标移动到对应的颜色上,我们就可以看到颜色的十六进制码,复制这个颜色到工具里就可以使用了。****

4.png

Adobe Color CC:这个是Adobe公司出的,他提供了多种配色方案。我们点击圆盘中间的点,就可以调整出我们想要的配色方案。

5.png

这是一个提取现有图片配色方案的工具。上传一张图片,它就会帮我们把图片的配色提取出来供我们使用。

Web安全色:这个网站是为WEB设计,开发中经常用到的安全色。网站内列出了颜色的十六进制码和RGB码,复制粘贴就可以了。

6.png

RGB颜色值与十六进制颜色码转换工具:这是一个在线RGB和十六进制颜色码转换工具。在对应的位置填入十六进制代码,点击转换,我们就可以获取到RGB颜色的代码了。

7.png

三、图标类网站

Iconfont 阿里巴巴矢量图标库:这是阿里巴巴旗下的图标库网站,直接搜索关键词就可以找到大批的图标。下载图标的时候我们还可以选择颜色、大小、格式,根据自己的需要下载就好了。

8.png

PNG、ICO、ICNS 格式图标搜索下载_easyicon.net:这也是一个非常有名的图标库,与上面那个不同的是,这里的图标不是单一颜色的,而是设计好的颜色。下载图标也很简单,直接点击对应图标上面的格式就可以下载。

  9.png

Font Awesome图标搜索:奥森图标(Font Awesome)提供丰富的矢量字体图标—通过CSS可以任意控制所有图标的大小 ,颜色,阴影。

10.png

四、字体类网站

在线字体-有字库:一个免下载字体,直接在线引用字体的网站。

11.png

以上整理来之不易呀!动动你的小手关注转发啊!更多知识了解代码森林