【前端工程师必备-UI设计师必备-素材图片资源网站】免费图标网站、免费图片素材网站、UI作品大全、渐变色生成工具(css样式代码+图片素材)、免费矢量图

news2024/9/29 19:27:57

【前端工程师必备-素材图片资源网站】免费图标网站、免费图片素材网站、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/

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/906246.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

linux 移动mv命令(实战案例)

linux 移动命令(你真的会用吗???) 第一种情况:移动文件 例如: 将/gdda_file 文件下的 zlib-devel-1.2.7-18el7.x86_64.rpm 移动到 /root/ces/tools文件下 解决方法: mv /gdda_fi…

Linux 系统的如何优化(面试题)

Linux 系统的如何优化(面试题) (1) 禁用不需要的服务 ntsysv 命令最为方便,执行后,把不需要的勾选去掉就行 (2)避免直接使用root用户,普遍用户通过sudo授权操作 (3)通过…

redis 7高级篇1 redis的单线程与多线程

一 redis单线程与多线程 1.1 redis单线程&多线程 1.redis的单线程 redis单线程主要是指Redis的网络IO和键值对读写是由一个线程来完成的,Redis在处理客户端的请求时包括获取 (socket 读)、解析、执行、内容返回 (socket 写) 等都由一个顺序串行的主线程处理…

ubuntu 20.04 安装 高版本cuda 11.7 和 cudnn最新版

一、安装显卡驱动 参考另一篇文章:Ubuntu20.04安装Nvidia显卡驱动教程_ytusdc的博客-CSDN博客 二、安装CUDA 英伟达官网(最新版):CUDA Toolkit 12.2 Update 1 Downloads | NVIDIA Developer CUDA历史版本下载地址:C…

上网课用什么耳机和麦克风,分享几款骨传导耳机上网课用

各位耳机狂热者,咱们都了解传统的蓝牙耳机相对于老式有线耳机来说确实方便得多。但是,也别忘了蓝牙耳机会导致耳道不断堵塞,引发细菌滋生等问题。好在近年来,骨传导耳机如火如荼地走红,解决了这些难题,简直…

selenium Chrome驱动下载地址

Chrome驱动官方最新版下载地址:https://googlechromelabs.github.io/chrome-for-testing/ 有稳定版,开发版等版本可以选择下载 选择 操作系统复制下载链接直接下载

Hyperf 如何做到用两个端口 9501/9502 都能连接 Websocket 服务以及多 Worker 协作实现聊天室功能

为何 Hyperf 能够在两个端口上监听 WebSocket 连接? 源码角度来看,在配置了多个 Servers 时,实际上,只启动了一个 Server 注:我之前接触的代码都是启动一个服务绑定一个端口,之前也看过 swoole 扩展的文档…

这种隐形行为,酒店管理需警惕!

当火灾爆发时,及早的警报和响应可以挽救生命并减少财产损失。烟感监控系统作为一种关键设施,通过检测空气中的烟雾,能够在火灾初期就发出警报,为人们提供宝贵的时间来采取紧急措施。 烟感监控在各种场所如住宅、商业建筑、工厂等都…

机器人制作开源方案 | 滑板助力器

我们可以用一块废滑板做些什么呢? 如今,越来越多的人选择电动滑板作为代步工具或娱乐方式,市场上也涌现出越来越多的电动滑板产品。 (图片来源:Backfire Zealot X Belt Drive Electric Skateboard– Backfire Boards…

磁铁的吸力与磁吸器件

目前磁铁很多的应用是利用其同极相斥异极相吸以及对铁磁性物质吸附的原理,如各类磁吸器件、磁性连接结构、磁选设备、磁传动设备等。 对于磁吸类的应用,大家都非常关注磁铁的吸力。磁铁的吸力是可以计算的,有如下公式可以参考,但…

深入浅出 TCP/IP 协议栈

TCP/IP 协议栈是一系列网络协议的总和,是构成网络通信的核心骨架,它定义了电子设备如何连入因特网,以及数据如何在它们之间进行传输。TCP/IP 协议采用4层结构,分别是应用层、传输层、网络层和链路层,每一层都呼叫它的下…

【Spring Boot】JdbcTemplate数据连接模板 — 使用JdbcTemplate操作数据库

使用JdbcTemplate操作数据库 成功在Spring Boot项目中集成JdbcTemplate后,如何使用JdbcTemplate数据库连接模板操作数据库呢?接下来以示例演示JdbcTemplate实现学生信息的增、删、改、查等操作,让我们在实践中边学边用,更好地理解…

Maven之Servlet 版本问题

maven-archetype-webapp 骨架的 Servlet 版本问题 通过 maven-archetype-webapp 骨架去创建 java web 项目时,自动生成的 web.xml 配置文件所使用的 Servlet 的版本比较低(2.3),而在低版本的 Servlet 中 EL 表达式默认是关闭的。…

stack和queue的模拟实现

stack和queue的模拟实现 容器适配器什么是适配器STL标准库中stack和queue的底层结构deque的简单介绍deque的缺陷 stack模拟实现queue模拟实现priority_queuepriority_queue的使用priority_queue的模拟实现 容器适配器 什么是适配器 适配器是一种设计模式(设计模式是一套被反复…

深入解析:如何打造高效的直播视频美颜SDK

在当今数字化时代,视频直播已经成为人们交流、娱乐和信息传递的重要方式。然而,许多人在直播时都希望能够呈现出最佳的外观,这就需要高效的直播视频美颜技术。本文将深入解析如何打造高效的直播视频美颜SDK,以实现令人满意的视觉效…

磁盘格式化工具的详细指南!一文看懂五分钟搞定

什么是磁盘格式化工具? 磁盘格式化工具是一种软件,可让你擦除硬盘上的所有数据(包括操作系统),并为新数据做好准备。格式化硬盘是提高电脑性能并消除你可能遇到的问题的好方法。 使用磁盘格式化工具有什么好处&am…

NineData x SelectDB 完成产品兼容互认证

近日,新一代实时数据仓库厂商 SelectDB 与云原生智能数据管理平台 NineData 完成产品兼容互认证。经过严格的联合测试,双方软件完全相互兼容、功能完善、整体运行稳定且性能表现优异。基于本次的合作,双方将进一步为数据管理与大数据分析业务…

Blazor前后端框架Known-V1.2.13

V1.2.13 Known是基于C#和Blazor开发的前后端分离快速开发框架,开箱即用,跨平台,一处代码,多处运行。 Gitee: https://gitee.com/known/KnownGithub:https://github.com/known/Known 概述 基于C#和Blazo…

微信ipad协议

前言 微信协议就是基于微信IPad协议的智能控制系统,利用人工智能AI技术、云计算技术、虚拟技术、边缘计算技术、大数据技术, 打造出智能桌面系统RDS、 智能聊天系统ACS 、智能插 件系统PLUGIN 、云计算服务CCS 、 任务管理系统TM、设备管理服务DM、 应…