前端常用UI且好用的网站总结

**

一、配色类

**

1. 配色 http://colorhunt.co
   

2. 渐变色 https://webgradients.com
   

3. 可选调色器https://color.adobe.com/zh/create/color-wheel
   

4. 上传一张图片，提取主要配色http://www.colorhunter.com/
   

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

6. 这是一个在线RGB和十六进制颜色码转换工具。
   在对应的位置填入十六进制代码，点击转换，我们就可以获取到RGB颜色的代码了。
   http://www.sioe.cn/yingyong/yanse-rgb-16/
   

**

二、图标类

**

1. 阿里矢量图标库http://www.iconfont.cn/plus
   

2. 奥森图标（Font Awesome）提供丰富的矢量字体图标—通过CSS可以任意控制所有图标的大小 ，颜色，阴影。http://www.thinkcmf.com/font/search.html
   

**

三、插件类网站

**

1. layui 一个强大的模块化前端框架。http://www.layui.com/
   

2. H-ui前端框架，一个轻量级前端框架，简单免费，兼容性好，服务中国网站。
   http://www.h-ui.net/index.shtml
   

**

四、素材类网站

**

1. 千图网：提供免费设计素材下载的网站，有大量的矢量图片、PSD素材、PNG素材、设计模板等等http://588ku.com/
   

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

**

五、字体类网站

**

1. 有字库：可以免费下载字体，直接在线引用字体的网站。https://www.youziku.com/onlinefont/index
   

2. PS字体库：包含了几乎所有类型的字体，下载后安装，然后在PS里面可以直接使用。
   http://www.psjia.com/pssc/fontxz/list_18_3.html
   

3. 在线类的字体转换艺术字，可下载为透明背景的PNG，很方便
   http://www.akuziti.com/
   

**

六、工具类

**

1. 在线工具：包含了大量的在线工具。http://tool.lu/
   

2. 学UI网：方便好用的学UI合集。 http://www.xueui.cn/design/online-tools
   

3. TinyPNG:一个在线图片压缩工具，可以批量使用。https://tinypng.com/
   

4. 各种前端工具和技术类文章。http://www.css88.com/
   

**

七、画图工具

**

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

2. 一个在线PS工具，免安装免费在线使用。 https://www.uupoop.com/
   

**

八 图片类

**

本地图片转换成网络图片

网址：https://sm.ms/

选择选择需要转换的本地图片 单击上传就ok了

生成的url链接图片

待续~