相信很多在做網站設計的設計師們都有自己的工具使用，讓設計更快更好，這里跟大家分享一下在建站的過程中常用到的一些素材工具和設計工具等。

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項目。