相信很多在做网站设计的设计师们都有自己的工具使用，让设计更快更好，这里跟大家分享一下在建站的过程中常用到的一些素材工具和设计工具等。

1、图片素材

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

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

2、色彩搭配

配色网站小编用得比较少，下面这几个是国外知名度比较高的跟配色相关的网站。Paletton，帮助平面设计师和网页设计师选择理想的配色方案，打开网站即可选择一种颜色，然后系统自动生成配套的色系供设计师使用。

3、Bootstrap Studio

这是一款桌面应用程序，旨在帮助web开发人员和设计人员创建一个相应迅速的网页。一般是用Bootstrap Studio来架构、设计页面效果图和最初的修饰，然后几乎不用导出功能，而是直接在单元上右键，复制html。可以说Bootstrap Studio是在Chrome浏览器代码和 Node.js 基础之上重组和整理出的一套很规范的基于Bootstrap框架的网页前端设计工具。

4、Photoshop图象处理软件

一般网页都需要有图片相搭配，Photoshop是款很强大的工具。 Fireworks 跟 Photoshop一样都是图象处理软件，但Fireworks偏向与对网页的处理。

5、Carrd

这款软件是免费的，可以帮助初学者制作一个简单、响应快捷的网页，只要几个简单步骤就能快速设计出美观特色的响应式网站。

6、Template Stash

这款软件几乎集合了所有类型网页的模板，你可以通过关键词检索来找到你想要的主题风格。可以说Template Stash 是一个提供高品质，完全免费的响应式网页模板，帮助设计师们找到完美的响应式网站主题或模版，根据网站分类来提高不同的模版样式，所有的模版都是来源于Kickstart项目。