【前端工程师必备-素材图片资源网站】免费图标网站、免费图片素材网站、UI作品大全、渐变色生成工具(css样式代码+图片素材)、免费矢量图
- 一、免费图标网站集合
- 1、iconfont
- 2、iconfinder
- 3、icons8
- 二、免费图片素材网站
- 1、mixkit
- 2、菜鸟图库
- 三、免费矢量图素材网站
- 1、storytale
- 2、undraw.co
- 3、humaaans
- 4、freepik
- 6、silhouette-ac
- 7、shareicon
- 8、bg-patterns
- 四、在线图片处理工具
- 1、在线PS(photopea)
- 2、免费图片压缩工具 (Online Image Tool)
- 3、免费图片压缩工具(TinyPNG)
- 4、免费抠图工具(AI抠图)
- 5、渐变色生成工具(css样式代码+图片素材)
- 7、自定义按钮渐变色
- 8、自定义渐变色背景图片生成工具
- 9、自定义彩虹渐变色
- 10、自定义纹理渐变色+动态效果
一、免费图标网站集合
1、iconfont
https://www.iconfont.cn/
Iconfont是阿里巴巴提供的一个图标库,你可以想象成是一个售卖图标的超市,挑选你需要的图标放入购物车,然后Iconfont会为你打包你购物车里的图标,自动生成一种新的字体,你可以选择下载到本地,在你的项目中引入这种字体,这样即便没有网络的情况也可以使用这些图标。
2、iconfinder
https://www.iconfinder.com/
Iconfinder是一个屡获殊荣的图标库,提供数百万的图标,其中包括最流行的图标以及一些较独特的图标。Iconfinder支持多种平台,包括网页设计、移动应用、桌面应用等等。Iconfinder还提供一些流行的CSS、HTML、JavaScript等前端框架,帮助开发人员快速构建漂亮的网站和应用程序
3、icons8
https://icons8.com/
Icons8 是一支设计师团队,其经营范围包括网页、iOS、安卓、Windows 等多平台应用的图标设计。除此之外,Icons8 还提供图标和图形下载服务,以及一些其他设计服务。这支团队的作品在各个领域都有广泛应用,其设计风格多样,从拟物化设计到扁平化设计都有涉及。他们的设计作品得到了用户的高度评价,是设计师和爱好者们值得关注的一支团队。
二、免费图片素材网站
1、mixkit
mixkit是国外优秀的免费高质量图片素材网站,提供大量的免费高质量的混合背景图片和混合元素,可以在个人和商业项目中使用。
https://mixkit.co/free-after-effects-templates/discover/
2、菜鸟图库
https://www.sucai999.com/
菜鸟图库是一个完全免费的素材网站,提供各种类型的配图,包括背景图片、广告设计素材、装饰素材、视频素材、音频素材、设计模板等。这个网站的特点是图片质量比较粗糙,适合用于不需要高质量图片的场合。此外,菜鸟图库提供大量的免费素材,部分图片提供免费下载及商业使用,每天可免费下载两款素材。
三、免费矢量图素材网站
1、storytale
https://storytale.io/
Storytale是一个图片素材网站,提供大量高清、无水印的免费图片素材,涉及自然、人像、情感、建筑、风景等各个主题。不仅如此,Storytale还提供故事素材,包括情节、角色、对白等,可以用于创作小说、电影、游戏等作品。
在Storytale上,你可以通过关键词搜索或按照分类筛选,找到自己需要的图片素材和故事素材。每个素材都有详细的说明和标签,方便用户查找和筛选。
2、undraw.co
http://undraw.co/
Undraw.co是一个充满创意和想象力的插画网站,全部免费,直接下载,中文翻译名安德拽。
这个网站提供了多种配色方案和各种场景的插画,用户可以根据需要选择不同的插画,并使用在线编辑工具进行编辑。除了提供单个插画的下载,Undraw还提供了一系列主题的插画包下载,每个主题都有不同的配色方案和插画组合,非常方便实用。
在Undraw.co的帮助下,你可以使用这些美丽的插画来为你的设计作品、博客、社交媒体、教学材料、演示文稿等等提供创意和美感。
3、humaaans
https://www.humaaans.com/
Humaaans是一个基于SVG的插画网站,提供可定制的插画角色,以供用户根据需要进行修改。目前提供的人物种类有:标准、亚洲、残疾人、老人、孕妇、矮小、肥胖等,甚至包括少量的动物和神话人物。每个角色的动作和表情都是独立的,这样组合起来就有无数个新的角色。
4、freepik
https://www.freepik.com/
Freepik是一个免费的图片和矢量图形素材库,提供高质量的图片资源。用户可以在Freepik上搜索和下载数百万张高质量的图片,覆盖各种主题和类型。Freepik的图片素材包括照片、向量图形、插图、矢量图和PSD文件等,适用于各种设计项目,如Web设计、印刷品设计、演示文稿和移动应用程序等。
Freepik的优势在于其庞大的素材库、高质量的图片和方便的搜索功能。用户可以通过多种方式筛选和搜索他们需要的图片,例如按类型、尺寸、主题和颜色等进行搜索。此外,Freepik还提供了一些实用的工具,如颜色选择器、图像裁剪工具和预览功能等,方便用户选择和使用图片。
6、silhouette-ac
Silhouette-ac 是一个专业的剪影图片素材网站,提供高质量、免费的剪影图片素材,包括人物剪影、动物剪影、车辆剪影等等,适合用于海报、PPT、博客、文章等场合。网站的图片质量非常高,可以根据需要自由调整大小和分辨率。
https://zh-tw.silhouette-ac.com/
7、shareicon
https://www.shareicon.net/
ShareIcon是百万高清免费素材库,明星艺人,模特,动漫,全身,部位,食物,风景,设计,手绘,矢量图,PPT背景,欧美明星,网红模特,服装道具,家具装修,建筑,招聘海报,炫酷特效,游戏动漫,设计灵感,文字,星空,动漫全身像,日常照片。
8、bg-patterns
https://bg-patterns.com/
bg-patterns 是一个提供免费背景图案和纹理的网站,其设计风格多样,可以满足不同人群的需求。该网站提供了多种搜索方式,用户可以根据自己的需要选择不同的搜索方式,如颜色、风格、主题等。
bg-patterns 的所有背景图案和纹理都是免费的,用户可以随意下载和使用,但是需要遵守一定的版权规定。此外,该网站还提供了一些设计小工具,如颜色选择器、字体选择器等,可以帮助用户更好地进行设计。
总之,如果你需要一些高质量的背景图案和纹理,不妨试试 bg-patterns 这个网站,相信你会有所收获的。
四、在线图片处理工具
1、在线PS(photopea)
https://www.photopea.com/
2、免费图片压缩工具 (Online Image Tool)
https://www.onlineimagetool.com/zh/compress-png-jpg-webp-gif
3、免费图片压缩工具(TinyPNG)
https://tinify.cn/
4、免费抠图工具(AI抠图)
https://picwish.cn/remove-background
5、渐变色生成工具(css样式代码+图片素材)
生成对应的图片之后,把css样式也保存一下方便编写页面的时候使用
https://mycolor.space/
background-image: linear-gradient(to right, #051937, #004d7a, #008793, #00bf72, #a8eb12);
https://webgradients.com/
https://www.eggradients.com/
https://uigradients.com/
https://gradient.shapefactory.co/
7、自定义按钮渐变色
https://gradientbuttons.colorion.co
8、自定义渐变色背景图片生成工具
https://gradienta.io/
9、自定义彩虹渐变色
https://products.ls.graphics/mesh-gradients/
10、自定义纹理渐变色+动态效果
https://coolbackgrounds.io/