说起网站设计素材大家一定觉得是视觉设计师的素材超市，肯定是图片、文字、图标、网站模板、logo等素材的集中营。其实网站设计素材涵盖了视觉设计、前端制作、后台开发代码等全方位参与者都可能用到的任何素材！例如js动效设计样板、SVG等，好多精品等你来get!
UnDraw
-
网址：https://undraw.co/
UnDraw 是一个精选的 SVG 图像合集，其中素材可以完全免费地使用。其中素材都采用的是 MIT 许可证，并且包含的素材都是可随意运用于 Web 项目的 SVG 图像。
Placid
-
网址：https://placid.app/
Placid 允许你通过使用 API 来创建自定义的社交媒体共享图片。通过预设自动生成图片，可以说功能是非常强大了。这款工具免费版是有一定限制的，收费版功能完全。
HTML Email
-
网址：https://htmlemail.io/design-system/
HTML Email 是一款为 Sketch 所准备的电子邮件设计系统。下载文件，即可获得10个桌面端和移动端的邮件模板，其中包含大量可复用的组件，帮你轻松构建 HTML 电子邮件。
Gradient Joy
-
网址：https://gradientjoy.com/
Gradient Joy 是一个图片占位生成工具，它能够在应该放置图片的区域生成漂亮的渐变色占位符。只需要设置好图片尺寸大小，然后选择色彩，就可以生成简单的占位符代码。
ColorSpark
-
网址：https://colorspark.app/gradient
ColorSpark 是一个非常有趣的渐变色工具，可以帮助你生成炫酷的色彩组合。它还可以基于某个特定的色彩，一键生成配色方案，非常好用。
MapKit JS
-
网址：https://developer.apple.com/documentation/mapkitjs
MapKit JS 可以帮你在网页上嵌入基于 Apple Maps 的地图功能，并且可以基于位置进行搜索。它主要是借助了 JavaScript API 来嵌入交互式的地图，需要通过 JSON Web 令牌来进行授权和调用API。
Open Logos
-
网址：http://openlogos.org/
Open Logos 是一个帮你找到免费图标的一个设计项目。不过，图标的筛选是一个需要技巧的事情，有的时候需要你根据特定的规则来筛选，一定要阅读说明。
Scrolling Gradient
-
网址：https://codepen.io/MadeByMike/full/eKPZZz/
Scrolling Gradient 是一个有趣的工具，它能够让背景渐变随着向下滚动而逐步改变，能够使用两种渐变来创建漂亮的滚动效果。
Sensorama
-
网址：http://www.sensorama.org/index.html
Sensorama 这个能从 iPhone 的传感器上获取信息，并且通过电子邮件将信息发送给你。它会在你的提示下被激活，目前开发者正在 Github 上分享相关的代码。
Maze
-
网址：https://maze.design/
Maze 能够像网站分析工具一样帮你分析你所设计的原型。它可以创建真实的用户测试，然后在仪表盘中呈现分析的结果，无需在设计中添加代码就能完成所有的操作。对于单个项目而言，Maze 是免费的。
Roller
-
网址：http://toyboxsystems.com/roller
Roller 是一款 Sketch 插件，用来帮助设计师修复设计项目中不一致的问题。
Free Illustrations
-
网址：https://lukaszadam.com/illustrations
Free Illustrations 是一组图标和图片的合集，可以用于不同的设计项目。其中所有的素材都是矢量的，每周更新。
Tropical Icons
-
网址：https://speckyboy.com/free-tropical-icon-set/
Tropical Icons 是一组包含50个免费可拓展的矢量图标合集，能够帮你唤醒夏日的感觉。其中包含多种不同的图标样式，迎合不同的需求。
150 Vector Icons
-
网址：https://www.behance.net/gallery/67269691/150-Free-Vector-Icons
这是一个150个矢量图标的合集，包含15个不同的类别。其中每种风格的图标都能够轻松地编辑，自定义，以兼容不同的设计风格。
API.video
-
网址：https://api.video/
API.video 是一种基于 REST 标准的网页服务，能够帮你构建属于你自己的 Netflix 服务。通过它，你可以在世界任何地方主持和控制视频的播放，其中包含定价、托管和流媒体服务的代码。
Whimsical
-
网址：https://whimsical.co/
Whimsical 是一个视觉设计的工作空间，可以帮你管理项目。
Sonar
-
网址：https://fbsonar.com/
Facebook 的 Sonar 项目终于开源了，这款用来调试移动端程序的工具非常有用，能够帮你在桌面环境下完成所有的操作。
Overflow
-
网址：https://overflow.io
Overflow 是一款协作设计工具，目前尚且处于测试阶段。它可以帮助设计师创建用户流程图，帮助客户和团队更好地理解项目。
Tenori-Off
-
网址：https://tenori-off.glitch.me/
Tenori-Off 是一款非常智能的音乐音序器，它借助后端的机器学习来将鼓点和旋律进行完美的匹配。
DevTube
-
网址：https://dev.tube/
DevTube 和 Youtube 非常相似，不过其中的内容绝大多数是各路开发者制作的，无论是谈话还是主题都是关于开发者的工作和生活，能够帮你开拓视野，尝试新鲜事物。
Codementor
-
网址：https://www.codementor.io
Codementor 是一个帮助自由职业的开发者找到业务、解决问题的平台。在它的网站上，大家不仅可以在这里提出需求，也可以寻求帮助，找到解决设计或者开发问题的人。目前，这个平台上已经活跃着超过8000名各路开发者。
Alpha
-
网址：https://www.behance.net/gallery/67055371/Alpha-Free-Font-4-Styles
Alpha 是一个有趣的、风格现代的无衬线字体，包含四种不同的样式，带有完整的大小写字符集。
Fivo Sans
-
网址：https://www.1001fonts.com/fivo-sans-font.html
Fivo Sans 是一个比较奇怪的非衬线字体，具有强烈的风格和明显的形式感。整个字体显得颇为中性，带有多种不同的字重，几乎可以随意搭配，另外它是免费的。
Heptal
-
网址：https://www.dafont.com/heptal.font
Heptal 功能多样的厚重的衬线字体，带有明显的几何特征，非常适合用作展示和视觉设计。
Leira
-
网址：https://wildpicks.design/product/leira-free-hand-drawn-brush-font/
Leira 是一款手绘风格的字体，字符集中只包含大写字母，整体气质诙谐有趣。
小结
-
同一个素材给到同一个设计师，或者说同一个设计师运用同一个素材到不同的项目案例上，可以设计出完全不同的作品。所以网站设计素材分享，仅仅是一个灵感来源，不是所谓的网站模板素材直接套用。大家尽管来get and design 吧。
