前端UI好用的网站总结

一、配色类

1. http://colorhunt.co
   
   2.180种渐变配色网站 https://webgradients.com/
   

2. 可选配色网站 https://color.adobe.com/zh/create/color-wheel
   

3. http://www.colorhunter.com/

上传一张图片，提取主要配色

4. http://www.bootcss.com/p/websafecolors/

这个网站是为WEB设计，开发中经常用到的安全色。网站内列出了颜色的十六进制码和RGB码，复制粘贴就可以了。

5. http://www.sioe.cn/yingyong/yanse-rgb-16/

这是一个在线RGB和十六进制颜色码转换工具。

在对应的位置填入十六进制代码，点击转换，我们就可以获取到RGB颜色的代码了。

二、图标类

1. http://www.iconfont.cn/plus
   
2. http://www.easyicon.net/iconsearch/ios/
   
3. http://www.thinkcmf.com/font/search.html

奥森图标（Font Awesome）提供丰富的矢量字体图标—通过CSS可以任意控制所有图标的大小 ，颜色，阴影。

三、插件类网站

1. http://www.layui.com/

这是一个强大的模块化前端框架。

2. http://www.h-ui.net/index.shtml

H-ui前端框架，一个轻量级前端框架，简单免费，兼容性好，服务中国网站。

四、素材类网站

1. http://588ku.com/

千图网：提供免费设计素材下载的网站，有大量的矢量图片、PSD素材、PNG素材、设计模板等等。

2. https://unsplash.com/

Unsplash:是一个免费分享高质量照片的网站，涵盖了许多真实摄影师的作品，很多都是风景和静物。

五、字体类网站

1. https://www.youziku.com/onlinefont/index

有字库：可以免费下载字体，直接在线引用字体的网站。

2. http://www.psjia.com/pssc/fontxz/list_18_3.html

PS字体库：包含了几乎所有类型的字体，下载后安装，然后在PS里面可以直接使用。

3. http://www.akuziti.com/

在线类的字体转换艺术字，可下载为透明背景的PNG，很方便

六、工具类

1. http://tool.lu/

在线工具：包含了大量的在线工具。

2. http://www.xueui.cn/design/online-tools

学UI网：方便好用的学UI合集

3. https://tinypng.com/

TinyPNG:一个在线图片压缩工具，可以批量使用。

4. http://www.css88.com/

各种前端工具和技术类文章。

四、画图工具

1. https://www.processon.com/
   
   可以画一些思维导图、UML活动图等等；当然习惯的话也可以用XMind，也是非常好用的软件。

2. https://www.uupoop.com/

一个在线PS工具，免安装免费在线使用

3. 使用Visio软件（这个使用很方便）