网页设计必不可少的工具素材。

今天就把推荐设计素材工具进行到底，素材包括：免版权图库、图标资源、色彩搭配、优秀网站欣赏 ，工具类包括：web技术教程、前端demo展示资源、前端框架、建站系统。小编今天大送福利。

素材库

国内很多好点的图片都是需要付费的，小编现在基本不用国内这些图库网，跟大家推荐几个免费又没有版权纠纷的图库网站。

Pixabay 约有910000张免费的照片，矢量文件和艺术插图。图片覆盖覆盖面广，文件也有很多尺寸可以选择。图片质量高，很棒的图库。里面图片可以复制、修改、转发等方式使用，甚至用作商业用途，无需申请许可，也无需之处版税。

2.plitShire，网站的图片质量也很高，大都比较feel风。

3.Unsplash，网站提供免费高清晰度照片，这里的图片都比较高大上，很适合制作网站的banner图，小编也很喜欢的一个网站

4.Freeimages，这个网站里面有海量的图片，有免费也有付费的，可以根据自己需要进行选择

5.Stock up也有大量免费的高清大图，图片需要自己慢慢淘。

6.Stocksnap.io这个网站的图片也很酷，里面免费的高清大图足够满足网页设计师的需要，很多图片也很容易出效果，推荐。

色彩搭配我的第19篇文章中有分享的很全面，需要的亲可以去看一下

工具类

1.代码学习资源

作为一个网页设计师或是前端设计师，多少都要打一些代码。小编就是看着w3school这个网站慢慢成长起来的。

w3school，你可以找到你所需要的所有的网站建设教程。从基础的 HTML 到 CSS，乃至进阶的XML、SQL、JS、PHP 和 ASP.NET。都适合新手学习。

w3school

2.前端demo展示资源

Code pen，站点现有上百个精选效果，上千个各类前端demo效果。优秀前端demo的展示。进入首页就可以看到很多精湛的前端demo效果，相信很多人都可以从中获得很多前端交互的灵感，当然，其中的技术实现也可以一并学习！

3.前端框架

Zui前端框架，Html5前端框架，跨屏、简洁美观。开源免费

4.建站系统

建站系统的话，小编推荐国外的wordpress和国内的蝉知。

Wordpress的模板数量之多就不用多讲啦，海量的模板看到你眼花。有数据显示，全球用Wordpress建站的人数快接近三分之一，可见wordpress的影响力。

蝉知建站系统，蝉知相比较wordpress来说，比较符合国人使用的习惯，功能一样强大，在安全和扩展方面也都还不错，稍微逊色一些的是模板比较少。

优秀网站欣赏

站酷，这个网站应该不用多说了，设计师不可能不知道的网站，聚集了450万优秀设计师、摄影师、插画师、艺术家、创意人，设计创意群体中具有较高的影响力与号召力。

黄蜂网，优秀网页设计、电商设计、网店设计、平面设计、UI设计灵感地。小编很喜欢这个网站，你可以在这个网站上欣赏到全球各个行业、各个企业的网站。

Reeoo，是一个收集最新的时尚潮流网站设计案例，提供设计灵感的网站。是网站设计师寻找灵感和案例的必备网站之一。

设计类网站还有很多，像花瓣、古田街9号、致设计等。小编就不一一举例了。

以上就是小编常用到的一些网站，介绍这么多也不是建议大家每个都要收藏，可以着重选择适合自己的网站去学习，提升自己的能力和效率。希望这篇文章能帮助到大家，喜欢的可以点赞哟！