前端网页设计必逛的六个宝藏网站(非常值得收藏)

news2025/2/27 8:08:21

🎉个人主页:这个昵称我想了20分钟
✨往期专栏:
【速成之路】jQuery
【SQL server速成之路】


素材网站

  •   ✨iconfont阿里巴巴矢量图标库
  •   ✨美叶
  •   ✨IconPark
  •   ✨pexels
  •   ✨COLOR
  •   ✨Uigradients

  ✨iconfont阿里巴巴矢量图标库

  网站入口:iconfont阿里巴巴矢量图标库
  网址:https://www.iconfont.cn/

在这里插入图片描述
  本网站包含图标库矢量插画库3D插画库以及Lottie库,内容丰富且精美,只有你想不到的,没有你找不到的。拿这些精美图标来设计网页页面,一定会惊艳别人。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  ✨美叶

  网站入口:美叶
  网址:https://www.meiye.art/canvas

  本网站是一个宝藏设计灵感网站。包含UI设计应用墙插画师标志库运营活动图标icon平面排版以及字体设计。网站收集了各种高品质的UI界面,并且根据不同使用需求进行分类;各种各样不同类型的插画图片,全方位满足你的设计需求;海量的Lego设计,包括以字母进行区分的各种Lego,绝对满足你的需求;各式各样的高质量海报让你眼花缭乱,甚至还有各种字体设计,只有你想不到的,没有你找不到的。

UI界面

在这里插入图片描述

插画

在这里插入图片描述

Lego

在这里插入图片描述

字体

在这里插入图片描述

  ✨IconPark

  网站入口:IconPark
  网址:https://iconpark.oceanengine.com/home

  IconPark 是字节跳动出品的高质量开源图标库。提供超过1300+预设图标、28种图标分类,支持4种主题和在线换肤:线性、填充、双色、四色。
  网站提供多种便捷操作:复制 SVG code、复制 React 组件、复制 Vue 组件、下载 PNG、下载 SVG,无论是设计师还是开发者,使用起来都非常方便。针对前端开发者,还提供多种 NPM 包下载.
在这里插入图片描述

官方图标库

在这里插入图片描述

插画库

在这里插入图片描述

  ✨pexels

  网站入口:pexels
  网址:https://www.pexels.com/zh-cn/

  网站上都是一些免费图片视频素材,可以找到你想要的图片以及视频素材来满足你的设计需求。
在这里插入图片描述

在这里插入图片描述

  ✨COLOR

  网站入口:COLOR
  网址:http://color.aurlien.net/

  本网站主要用于配色的选择。当你想找点配色灵感时,点进本网站,滑动鼠标可展示随机颜色,可展示不同的配色供你选择。
在这里插入图片描述

  ✨Uigradients

  网站入口:Uigradients
  网址:https://uigradients.com/#EndlessRiver

  这个网站拥有各式各样渐变颜色供大家选择。在这里插入图片描述
在这里插入图片描述

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

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

相关文章

【微信小程序】使用uni-app——开发首页搜索框导航栏(可同时兼容APP、H5、小程序)

目录 前言 App、H5效果 小程序效果 一、兼容APP、H5的方式 二、兼容小程序 三、实现同时兼容 前言 首页都会提供一个搜索框给到客户,让客户自己去搜索自己想要的内容,这里就需要导航栏,来实现搜索页面的跳转,效果如下 App…

Vue框架教程-从入门到项目实战

创建Vue项目 我们通过vue-cli创建一个vue项目, 在cmd窗口输入 vue ui 进入vue-cli可视化界面(如果无效请升级vue-cli版本)点击创建,选择一个项目目录输入项目名称和git初始化窗口(可选)选择预设,可以选择手动和预定的…

如何清除全部的定时器

通过 setTimeout() 函数来建立定时器,并通过 clearTimeout() 函数来清除定时器。 let timerTimeout setTimeout(() > {console.log("2222222-----------------------------"); }, 1000); clearTimeout(timerTimeout);通过 setInterval() 函数来建立定…

Node.js error: ERR_OSSL_EVP_UNSUPPORTED

Node.js 17版本的更新日志: 2021-10-19, Version 17.0.0 (Current), BethGriggs Notable Changes ... OpenSSL 3.0 Node.js now includes OpenSSL 3.0, specifically quictls/openssl which provides QUIC support. With OpenSSL 3.0 FIPS support is again availab…

npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。

报错起因 在VScode中运行vue项目时,【前提:把项目文件换到另一个网盘存放,存放失败,又重新放回原位置再次运行时】 报错如下: npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查 解决…

C++——WebServer服务器项目

项目场景: C——WebServer服务器编程 项目搭建 (1)配置虚拟机,下载XShell、Xftp以及windows版本的VScode; (2)安装SSH: sudo apt install openssh-server(3&#xff…

React组件的生命周期函数

文章目录React组件生命周期认识生命周期生命周期函数不常用生命周期函数React组件生命周期 认识生命周期 很多的事物都有从创建到销毁的整个过程,这个过程称之为是生命周期; React组件也有自己的生命周期,了解组件的生命周期可以让我们在最…

controller层,service层,mapper层,entity层的作用与联系。

一. controller层 controller层是用来接受前台数据和返回页面请求信息的,Controller层是不允许直接操作数据库的!它就像一个服务员,哪桌客人需要点菜了,就喊一声服务员! 对应的,外界需要完成什么样的业务&…

Css 弹性布局(Flex)详细介绍(Flex 属性详解、场景分析)

目录​​​​​​​ 前言 Flex 布局是什么? Flex 简介 Flex 容器属性 Flex 基本使用 场景一 flex-direction 场景二 justify-content align-items flex-wrap 场景三 前言 我们知道,网页展示就好比一个个盒子堆叠在一起,通过调整…

2022版完整版web前端学习路线图(超详细自学路线)

跟着路线图认真坚持学习从前端小白到大神不是梦,0基础看这一篇足矣! 学们记得加关注点赞收藏,自学路上不迷糊! 零基础小白自学前端路线图速览: 阶段一:核心基础入门 前端计算机常识 ➾ htmlcss基础 ➾ h…

JDBC 连接 MySQL

哈喽~大家好,这次我们来看看 JDBC 如何 连接 MySQL. 目录 一、开头 二、介绍 1、JDBC 的概念 2、JDBC 的功能 3、JDBC 的常用接口和类 三、数据库的创建(MySQL) 1、连接 MySQL (1)、注册驱动 (2)、获取连接 (3)、获取执行者连接 …

猿创征文|超实用的前端开发工具分享

🍳作者:贤蛋大眼萌,一名很普通但不想普通的程序媛\color{#FF0000}{贤蛋 大眼萌 ,一名很普通但不想普通的程序媛}贤蛋大眼萌,一名很普通但不想普通的程序媛🤳 🙊语录:多一些不为什么的…

Element UI 及 Element Plus框架

一,何为Element UI 及 Element Plus? 它们是前端框架。它是包含很多有自己风格的组件库。 Element目前有两个版本:element-ui 及 element-plus两个版本。它将HTML的基础控件进行了封装,用户只需要调用这些控件就可以了。而不需要…

实验一 基于CSS+HTML+JS开发简单个人网站

目录: 实验要求 实验代码 1.注册 2.登录 3.主页 4.个人简介 5.我的理想 6.我的生活 7.学习内容 总结 实验要求 实验一 基于CSSHTMLJS开发简单个人网站 实验学时:4 实验类型:设计 一、目的与任务 目的:熟悉在静态网…

Vue3-Pinia的基本使用

什么是Pinia呢? Pina开始于大概2019,是一个状态管理的库,用于跨组件、页面进行状态共享(这和Vuex、Redux一样),用起来像组合式API(Composition API) Pinia和Vuex的区别 PInia的最初是为了探索…

web期末作业网页设计——我的家乡(网页源码)

作品介绍 1.网页作品简介方面 :HTML网站模板。主要有:首页 家乡简介 风景名胜 特色美食 站长介绍 在线调查 等总共 6 个页面html下载。 2.网页作品编辑:此作品为学生个人主页网页设计题材,代码为简单学生水平 htmlcss 布局制作&am…

超详细的VSCode下载和安装教程以及解决VSCode下载速度特别慢的问题

文章目录1. 引言2. 下载VSCode3. 解决VSCode下载速度特别慢4. 安装VSCode1. 引言 今天用WebStorm运行前端代码时,发现不太好打断点。 于是,打算改用VSCode来运行前端代码,但前提是要安装VSCode,如下便是超详细的VSCode安装教程以…

小程序中使用echarts(硬货,全网最详细教程!)

echarts是一个基于JS的数据可视化图标库,它提供了直观,生动,可交互,可个性定制的数据可视化图表。一般在vue中会使用到,并且官网也详细的说明了如何在vue中使用,但是今天我想来探讨的是,如何在微…

你评论,我赠书~【哈士奇赠书 - 15期】〖HTML5+CSS3+JavaScript从入门到精通(微课精编版)(第2版)〗等你来拿

文章目录❤️‍🔥 赠书活动 - 《HTML5CSS3JavaScript从入门到精通(微课精编版)(第2版)》❤️‍🔥 编辑推荐❤️‍🔥 抽奖方式与截止时间❤️‍🔥 赠书活动 → 获奖名单❤️‍&#x…

Parsing error: No Babel config file detected for xxx Either disable config file checking...报错解决方法

Parsing error: No Babel config file detected for xxx Either disable config file checking…报错解决方法 使用Vue3创建项目,创建完成后发现会报错,如下图: 翻译了一下,其实已经告诉我们解决方法了: Either disa…