在做H5的你，有沒有這樣的感受：做一個H5，花費時間最長的往往不是製作，而是素材的準備。沒有素材儲備的你是不是在黯然神傷？別擔心，今天答主就跟大家一起聊聊H5素材的收集

01

圖片素材

圖片素材是H5頁面最基本的元素，圖片素材的運用很大程度上決定H5的視覺效果。小獸在這跟大家介紹幾個圖片素材網站。

暱圖網

暱圖網是一個設計素材，圖片素材共享平臺。平臺每日瀏覽量達2000萬，該網站的圖片質量較高，一般下載需要共享分或現金購買，共享分可以透過上傳圖片獲取，當上傳的圖片被採納，會獲得共享分，如果別人下載你上傳的圖片你也可以獲得共享分。此外，開通VIP還可以獲得共享分，共享分使用完後即使是開通VIP也不能再下載素材，有趣的是暱圖網內VIP可以反覆購買。

千圖網

千圖網是國內免費素材最多的網站之一，網站內素材主要分為共享素材和原創素材，普通使用者每日只能下載兩次共享素材，想要無限下載共享素材或原創素材，則需購買原創VIP或共享VIP，購買VIP的費用均在每年100元以內，相對來說比較划算，最大的好處是一旦你開通VIP，這一年內都可以無限下載。

千庫網

千庫網最大的亮點是素材免摳，該網站的口號是：“做設計不摳圖、讓設計師終止加班”。在千庫網下載的素材多是PNG或PSD格式，素材質量高，涉及領域廣，與千圖網一樣，千庫網也是每天只能免費下載幾次，無限下載需要開通VIP，VIP價格也是在100元以內。

Giphy

Giphy是一個線上動態GIF圖片搜尋引擎，號稱GIF界的谷歌，需要找GIF可以上這個網站找。

Dribbble

這是一個作品交流的網站，在這個網站當你點開一張圖片時不僅可以看到這張圖片的主要色彩運用，還可以看到別人對這個作品的評價。我很喜歡這個網站的作品風格。

02

音效素材

音效也是一個H5中至關重要的部分，精彩的音效能為H5加分。以下為大家推薦幾個下載音效的網站。

站長之家

站長之家裡擁有的素材型別只有你想不到沒有它沒有的，什麼圖片、字型、PPT、程式碼素材，這個網站統統有！站長之家的音效素材種類很多。

愛給網

愛給網的音效種類也較多，分為多種場景。

Adobe

很多人不知道的是，其實Adobe也有音效供我們下載，而且數量還不少，足足20G，關鍵是還免費！

網址：https://offers.adobe.com/en/na/audition/offers/audition_dlc.html

03

字型素材

H5字型雖然沒有前兩個那麼重要，但一個合適的字型跟H5風格相配，也會讓H5看起來很舒服。

站長之家

這個萬能素材網當然少不了字型素材啦。

找字網

該網站字型分類較為齊全，可以按照分類找到自己想要的風格。

字型傳奇

可以多種專題字型打包下載，但沒有分類，不太人性化。

總結：除了以上這些介紹的網站，答主還會上花瓣網、tumblr、easyicon等等網站，在這些就沒法一一列出來啦。推薦了那麼多，不知道有沒有合你心意的網站呢？

製作H5，好的創意素材必不可少！

當你有了一個好的創意想法，然後再去搜集材料，進行編輯、加工，過程會相對複雜，費時費力，進而影響到你的製作效率。

平臺提供的大量資源，實現按照不同樣式分類，“圖片、字型、音樂、形狀……”進行分別的搜尋，選用，每樣素材種類提供了不同的風格！可以滿足大部分的製作需求