设计前端类网站汇总

一、素材类

1、图片

其实国内对图片版权保护这块的意识不是很够，在免费的素材库和收费素材库都能找到同一张图片，但作者署名却都不一样。所以小编现在基本不用国内这些图库网，跟大家推荐几个免费又没有版权纠纷的图库网站。

Pixabay

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

image

SplitShire

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

image

Unsplash

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

image

Freeimages

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

image

Stock-up

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

image

Stocksnap.io

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

image

上面是免费的图库资源，如果想要版权的图片，可以去全景网购买：

全景网

image

2、色彩搭配

配色网站小编用得比较少，下面这几个是国外知名度比较高的跟配色相关的网站。

Paletton

帮助平面设计师和网页设计师选择理想的配色方案，打开网站即可选择一种颜色，然后系统自动生成配套的色系供设计师使用。

image

Adobe color cc

Adobe官方配色网站，你输颜色它出配色。

image

Color Palette Generator

制作配色方案。输入图像的URL以获得与图像匹配的调色板。这对于根据图片来定网站色调的比较好用。

image

Color Scheme Designer

Color Scheme Designer 后来改名成Paletton，是小编用得比较频繁的配色网站。使用时只用开一个窗口，功能完备且实用，定制性强，几乎无缺点，非要说一个的话就是复制RGB值不太方便。

image

Nippon Colors

这个网站没有前面几个推荐的配色网站好用，实用性不是很高。但是这是小编不得不推荐的，这个绝对是文艺范十足。

image

3、图标制作素材

Iconfont

阿里巴巴矢量图标库。设计师将图标上传到Iconfont平台，用户可以自定义下载多种格式的icon，平台也可将图标转换为字体，便于前端工程师自由调整与调用。

image

Icomoon.io

免费开源图标字体，可以根据自己需求定制（如就选两个）；可以导入其他字体，也进行特别定制（类似fontforge功能）；兼容IE6+，现代浏览器以及各类手机设备，且有demo实例，并对字符进行了HTML转化。小编就用这个网站写了一套字体，这套字体目前在禅道项目管理软件中使用。

image

image

二、工具类

1、代码学习资源

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

W3school

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

image

2、前端demo展示资源

Code pen

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

image

3、前端框架

Zui前端框架

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

image

4、建站系统

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

Wordpress

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

image

蝉知建站系统

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

image

三、优秀网站欣赏

站酷

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

image

黄蜂网

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

image

Reeoo

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

image

设计类网站还有很多，像花瓣、古田街9号、致设计等，小编不一一列举了，大家都可以去看看。