比较好的前端模板网站,前端模板是什么意思 收藏 0

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

 网址：https://www.iconfont.cn/

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

网址：https://www.meiye.art/canvas

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

网址：https://iconpark.oceanengine.com/home

IconPark 是字节跳动出品的高质量开源图标库。提供超过1300+预设图标、28种图标分类，支持4种主题和在线换肤：线性、填充、双色、四色。

  网站提供多种便捷操作：复制 SVG code、复制 React 组件、复制 Vue 组件、下载 PNG、下载 SVG，无论是设计师还是开发者，使用起来都非常方便。针对前端开发者，还提供多种 NPM 包下载.

网址：https://www.pexels.com/zh-cn/

网站上都是一些免费图片视频素材，可以找到你想要的图片以及视频素材来满足你的设计需求。

网址：http://color.aurlien.net/

本网站主要用于配色的选择。当你想找点配色灵感时，点进本网站，滑动鼠标可展示随机颜色，可展示不同的配色供你选择。

网址：https://uigradients.com/#EndlessRiver

这个网站拥有各式各样渐变颜色供大家选择。

特此备注一下：为了庆祝五一来临，小编在此也送波福利（编程所有语言教程及附源码）

已设置好自动回复私信回复1 就可以啦~

已设置好自动回复私信回复1 就可以啦~

已设置好自动回复私信回复1 就可以啦~

（重要的事情说三遍）

网页设计灵感不枯竭！10个免费设计素材网站收藏

当网页设计师使用网页设计材料时，他们会优先考虑那些免费和高质量的网页设计材料网站。找到一个免费和高质量的网页设计材料网站并不容易，有些网站要么需要打开材料网站成员，要么设计材料质量很差。即时设计总结了10个免费的网页设计材料网站，对“材料短缺”说不！充满干货，来看看吧！

即时设计资源广场是在线协作设计软件即时设计的设计社区。它提供了网页UI设计中经常使用的各种网页设计材料和模板。网页设计材料模板不仅质量高，而且完全免费~

材料：矢量图标、插图材料、emoji表情、3D图标、样机材料

https://js.design/community?category=explore&source=tt&plan=btt0731

模板:多个移动UI模板、网页UI模板、国内外众多大厂商的UI设计规范和设计系统

对于即时设计资源广场的模板或材料，可以点击右上角「使用」，保存到自己的账号中，方便以后需要使用时随时找回。

模板复制到个人账户后，点击「打开文件」您可以直接调用即时设计自己的编辑器，打开刚刚复制的模板，即时设计支持在线编辑模板，所有编辑操作将自动保存到云中。

每个UI模板包含多个不同的页面——开屏页面、注册页面、主页、用户页面、搜索页面等，页面中的所有元素都可以自由编辑

多个模板的不同页面设计不仅可以为我们的设计提供灵感，还可以将一些组件复制到我们自己的项目中，稍加修改就可以直接使用，减少不必要的重复劳动。

新一代协作设计工具即时设计目前对所有个人用户免费开放，现在到即时设计网站注册账户，可以使用所有内置功能和材料资源的即时设计，可以享受许多独家权益：无限文件数量、无合作者数量限制、无限云存储空间等，来尝试～

unDraw，开源免费矢量免费网页设计材料网站提供了许多简单统一的矢量设计材料，非常适合设计项目。下载设计材料时，unDraw 有 svg 和 png 两种格式可供选择。

manypixels，同样是一个免版权的矢量免费网页设计素材素材网站，目前已有的设计素材数量超过 2500，网站提供的素材格式为 svg 和 png，下载时可根据需要选择相应的格式。

在寻找设计材料时，manypixels 它提供了两个筛选条件——设计材料目录和类型。目录与设计材料的使用场景和行业有关，类型体现在设计材料的风格上（单色、等距立体、双色、扁平等）。搜索时使用这两种筛选条件，返回的设计材料可以更有针对性。

除了上面介绍的两个网站，在设计过程中，有时还会使用一些品牌 logo，例如，登录页面的微 X 登录或苹果账号登录，需要使用微微账号 X 和苹果的 logo。

许多人使用其他品牌 logo时，经常从搜索引擎下载 PNG 格式设计材料，这样得到的设计材料要么清晰度不高，要么在使用前需要进行抠图处理。

WorldVectorLogo，一个专门提供各种品牌的品牌标志网站，就像网站的名字一样，这里的网站 logo设计材料均为矢量格式，可无限放大不失真。一般来说，大品牌可以在这里找到矢量格式 logo。

freepik，一个拥有大量高质量免费设计材料的网站，这里的设计材料分为免费和收费两类，免费设计材料可用于个人和商业项目。

在搜索设计材料之前，可以设置多个筛选条件：搜索单个设计材料或设计材料收集、免费或付费、设计材料格式（矢量、位图、psd、图标)，这样搜索返回的结果就能更好地满足我们的需求。

ls.graphics，一个提供高质量样机模板的网站，这里的样机模板可以分为免费和付费，免费样机的质量也很高，既有平面又有平面 3D 模板的风格。

网站提供的样机模板一般为 psd 或 sketch 格式，使用前需要下载到本地。因为这是一个国外的网站，遇到大模板需要更多的时间才能下载。

Device Shots，在线网站可以定制样机模型，提供的样机模型包括手机、平板电脑、电脑、显示器、手表。

MockRocket

MockRocket，一个在线的 3D 样机工具，可将设计作品放入内置设备中，如下图所示 Macbook Pro，让作品瞬间变得更加立体。

使用 MockRocket 顶部工具栏中的移动和旋转工具可以改变原型的位置和旋转角度。这种交互式设计比普通原型模板具有更高的自由度，可以从不同角度获得原型图片。

Unsplash，国外著名的免版权图片网站，这里的图片是基于这里的图片 CC0 授权方式，下载的图片可用于商业目的，无需支付任何费用，最大限度地降低了图片侵权的风险。

Unsplash 图片种类繁多，包括：当前热点、电脑壁纸、3D 作品、材质与纹理、艺术、自然、商业、时尚、电影、食品、健康等。

Pexels，一个和 Unsplash 非常相似的网站，这里的图片设计素材同样可以免费使用。区别在于，Pexels 额外提供了视频素材，而且网站支持中文搜索，英文不太好的朋友，可以优先来 Pexels 下载图片设计素材。

以上是10个易于使用的免费网页设计材料网站，希望对您有所帮助。告别重复的基础工作，从找到有用的免费网页设计材料网站开始。

一般来说，即时设计资源广场是免费网页设计材料网站的最佳解决方案。即时设计资源广场作为新一代在线协同设计工具，为国内优秀UI/UX设计师提供了良好的分享、交流、学习、共同创造的开源平台。

内置3000多个UI组件库，每月更新数百个精品模板，涵盖移动设计、网页设计、插图、线框图、矢量图标等丰富的设计资源，被称为UX福利场和UI加油站。

https://js.design/community?category=explore&source=tt&plan=btt0731

推荐10个免费的网页设计材料网站

找到一个免费优质的网页设计素材网站并不容易。

有些网站要么需要网站的会员，要么设计素材质量差。本文整理总结了10个免费的网页设计材料网站，希望给大家带来一些帮助。

即时设计资源社区是由在线协同设计软件即时设计推出的设计社区。它提供了网页UI设计中经常使用的各种网页设计素材和模板。网页设计素材模板不仅质量高，而且完全免费~

素材：矢量图标，插画，emoji表情，3D图标，样机。

模板：多种移动UI模板，网页UI模板，国内外众多大厂商的UI设计规范及设计系统

每个UI模板包含多个不同的页面——开屏页面、注册页面、主页、用户页面、搜索页面等。页面中的所有元素都可以自由编辑。

体验地址：https://js.design/community?category=design&source=tt&plan=ystt2296

unDraw，一个开源免费矢量免费网页设计资料网站，网站提供了很多简单统一的矢量设计资料，非常适合设计项目。在下载设计资料时，unDraw有两种格式可供选择:svg和png。

manypixels，它也是一个矢量免费的网页设计素材网站，没有版权。目前已有的设计素材数量超过2500。网站提供的素材格式为svg和png，下载时可根据需要选择相应的格式。

manypixels在寻找设计材料时，提供了两个筛选条件——设计材料的目录和类型。目录与设计材料的使用场景和行业有关，类型体现在设计材料的风格(单色、等距立体、双色、扁平等)上。).通过使用这两个筛选条件进行搜索，返回的设计材料可以更有针对性。

除了前面介绍的两个网站，在设计过程中，有时还会使用一些品牌的logo，比如登录页面上的微X登录或者苹果账号登录，需要使用微X和苹果的logo。

很多人在使用其他品牌的logo时，往往会从搜索引擎下载PNG格式的设计材料，这样得到的设计材料要么清晰度低，要么在使用前需要抠图。

WorldVectorLogo，一家专门提供各种品牌logo的网站，就像网站名称一样，这里的logo设计材料都是矢量格式，可以无限放大不失真，一般较大的品牌，在这里可以找到矢量格式的logo。

freepik，一家拥有大量优质免费设计资料的网站，这里的设计资料分为免费和收费两类，免费设计资料可以用于个人和商业项目。

在搜索设计材料之前，可以设置多个筛选条件:搜索单个设计材料或设计材料收集、免费或付费、设计材料格式(矢量、位图、位图psd、这样，搜索返回的结果就能更好地满足我们的需要。

ls.graphics，一家提供高质量样机模板的网站，这里的样机模板可以分为免费和付费，免费样机的质量也很高，既有平面，也有3D风格。

站点提供的样机模板通常是psd或sketch格式，使用前需要下载到当地。因为这是一个外国网站，遇到一个体积较大的模板，下载需要花费更多的时间。

DeviceShots，在线网站可以定制样机模型，提供的样机模型包括手机，平板，计算机，显示器，手表。

MockRocket，一种在线3D样机工具，可将制作好的设计作品放入内置设备中，如下图MacbookPro，使作品瞬间更具立体感。

在MockRocket顶部工具栏中使用移动和旋转工具，可以改变样机的位置和旋转角度，这种可互动设计比普通样机模板具有更高的自由度，可以获得各种不同角度的样机图片。

Unsplash，国外知名的免版权图片网站，这里的图片是基于CC0授权的，下载的图片可以在不支付任何费用的情况下用于商业目的，最大限度地降低了图片侵权的风险。

Unsplash提供广泛的图片类型，包括：热点、计算机壁纸、3D作品、材料和纹理、艺术、自然、商业、时尚、电影、食品、健康等。

Pexels，与Unsplash非常相似的网站，这里的图片设计资料也可以免费使用。不同的是，Pexels提供了额外的视频资料，并且网站支持中文搜索，英语不太好的朋友可以优先选择Pexels下载图片设计资料。

以上是10个有用的免费网页设计资料网站，希望对你有所帮助。告别重复的基础工作，从找到有用的免费网页设计资料网站开始。总的来说，即时设计资源社区是免费网页设计资料网站的最佳解决方案。即时设计资源社区作为新一代在线协同设计工具，为国内优秀的UI/UX设计师提供了一个很好的共享、交流、学习、共同创建的开源平台。

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com