【6種常用的網頁設計素材】使用這個網站一次滿足你的素材需求
文章最後更新於 2022 年 10 月 16 日
素材品質好，網站質感至少 70 起跳。
相信有經驗的網頁設計師一定深有同感，有時候有些客戶就是沒有素材可以提供，或是提供的照片尺寸太小、拍攝角度怪、照片模糊等。
以我過去製作網站的經驗來說，以下為最常用到的網頁設計素材排名 :
- 圖片 ( 情境照 )
- 向量素材
- icon
- 字型
- 影片
- 音效
以上類別其實都有免費素材可以找，我的個人習慣是圖片到 Unsplash，向量素材到 Freepik ，影片素材可以到 Pexels。
但當作品累積越來越多時，就會開始有個問題，那就是免費素材重複度高，因為好看好用的常常是那幾款；還有一個問題是傳統產業的客戶，他們通常沒有好看的情境照，而且免費素材很難找到符合傳產的需求，連要輸入甚麼關鍵字都不知道要打甚麼。
而且以上素材若要找免費的話，就需要到各個不同的素材平台去找，而找素材又是很花時間的事情，難道沒有一站式的素材網站可以包含以上這些類別嗎?
當然有，那就是主打訂閱制、無限下載吃到飽的『 Envato Elements 』。
本篇文章會根據過去我執行過的專案類型搭配 Envato Elements 提供的素材來做分享，這樣就知道 Envato Elements 的素材實不實用拉~
話不多說，直接進入主題吧!
最常用的素材排名-1.圖片
一個網站可以沒有影片、可以沒有音樂，但一定不能沒有的就是圖片。
過去在廣告公司執行的專案，品牌端大多都有已經拍攝好的形象照片及產品素材，所以好的素材 + 好的設計就能發揮 1 + 1 > 2 的成果。
不過我遇過最需要圖片素材支援的就是『 傳統產業 』，以下是我執行的其中一個專案。
下圖紅框的服務簡介就是到付費圖庫 ShutterStock 找的，我試過先從免費圖庫找起，不容易找到符合客戶產業服務的圖片 ( 除了建設開發 )。
在 EnvatoElements 找得到這類素材嗎 :
素材類別選擇『 Photos 』，在紅框處搜尋 industrial machine 就會出現下圖的搜尋結果，我覺得從這個方向找會比較接近。
也可以透過下圖左側邊的篩選條件來找到更精準的素材。
- People : 可以篩選圖片中要不要有人物。
- Orientation : 可以篩選圖片類型是長型、直型還是方型。
- Background : 可以篩選圖片中的產品是獨立白背景或是有模糊背景。
最常用的素材排名-2.向量圖
向量圖也是網頁設計很常用的元素，例如人物、背景、按鈕、裝飾，尤其是節慶類的向量素材更是超級常使用的，端午節、中秋節、聖誕節、新年等。
下圖就是過去我有用向量素材執行的專案，EDM 很常使用，網頁的話通常是某個區塊的元素，或是背景襯底。
在 EnvatoElements 找得到這類素材嗎 :
其實這類型的素材蠻好找的，主要是一致性，例如上圖的『 這堂課適合誰 』有 4 種適合對象，如果你找到的向量素材只有 3 種人物，那第 4 種人物你就要找風格接近的來替代，這樣才不會太多種風格。
只要在 Envato Elements 搜尋 business people，素材篩選【 Vector 】，這邊的素材就蠻接近的。
如果情境類的向量素材的話，Envato Elements 也有不少插畫風格的素材，很適合做活動網頁背景。
最常用的素材排名-3.icon
如果網頁是走扁平化設計的話，那 icon 素材就是很適合的元素了，怎麼樣算好的 icon 設計呢? 就是讓訪客一眼就知道它代表的含意是甚麼，即使不用文字輔助，訪客也知道怎麼使用網站。
下圖的專案是說明會員購買線上課程後的權益，搭配 icon 輔助可以更吸睛。
在 EnvatoElements 找得到這類素材嗎 :
icon 在素材平台基本上是必備的，所以 Envato Elements 當然也不例外，下圖就可以找到許多 icon。
最常用的素材排名-4.字型
一個網頁的字型差不多 3-5 種為限，太少就少了層次，太多就顯得雜亂，通常主標、副標、內文可以是分別的字型 ( 參考下圖 )。
在 EnvatoElements 找得到這類素材嗎 :
因為 Envato Elements 是國外的素材平台，所以中文字型基本上是沒有的，但英文的設計字型就蠻多選擇了 ( 如下圖 )。
最常用的素材排名-5.影片
網站會使用到影片大部分是品牌方拍的宣傳影片，但有另一種情況是用影片做視覺的襯底，例如網站是跟水、海洋有關的話，影片會比圖片更能讓訪客感到身歷其境。
下圖的專案就是用海流的影片作為視覺襯底，因為網站主題是海科館，所以調性就很吻合。
在 EnvatoElements 找得到這類素材嗎 :
從 Envato Elements 的 【 Stock Video 】來尋找，可以找到像下圖這樣有陽光灑進水底的影片，這個就蠻不錯的。
最常用的素材排名-6.音效
音效通常是特定的活動網站比較有可能會用到，前陣子製作的專案《初聲。存下聲音的銀行》就是跟嬰兒剛出生時的聲音有關，團隊也有特別去錄製音效。
在 EnvatoElements 找得到這類素材嗎 :
Envato Elements 的音效素材種類不少，可以從【 Sound Effects 】>【 Human Sounds 】搜尋 baby 的音效。
Envato Elements 適合誰使用
其實要找到適合的圖片素材有 2 個條件，一個是要輸入準確的搜尋關鍵字，另一個則是素材平台有沒有提供這樣的圖片。
Envato Elements 就像是大補帖一樣，素材種類多但是每一種拆開來搜尋的話又不夠精細，例如 :
- 圖片 : 可以用 Shutterstock，它的圖片有比較多的亞洲風格，也可以中文搜尋
- 向量圖 : 推薦用 Freepik，有很多好用的素材
- icon : 可以使用 flaticon
- 影片 : motion elements 是訂閱制吃到飽的影片素材網站
既然這樣的話，那到底誰適合使用 Envato Elements 呢? 我認為以下幾種類型蠻適合的 :
- WordPress 網站接案者 : 因為 Envato Elements 除了有照片、向量素材之外，還有 WordPress 的模板以及外掛可以下載，這會讓你在製作專案上有更多工具可以應用。
- 行銷企劃 ( 個人或公司 ) : 因為企劃通常需要組成一個團隊來執行專案，團隊中就可以包含各種專業技能的人，像是設計師、攝影師、動畫製作、音效製作等，而如果這些人需要素材支援的話，Envato Elements 這種甚麼素材類別都有的網站，就很適合團隊使用。
- 小型工作室 : 因為工作室的資源沒有公司組織還得多，所以 Envato Elements 這種吃到飽的無限制下載方案，除了可以節省成本之外，也多了跟客戶談判的空間，例如送客戶 10 組付費素材，你也不需要付額外的素材成本，但客戶就是會覺得蠻爽的。
Envato Elements 價格方案
Envato Elements 的價格方案有 3 種適合對象，你可以看自己符合哪種情況來選擇訂閱方案。
1). 一般個人使用者 :
- 月訂閱 : $33 美元 / 月 ( 約一個月台幣 920 元 )
- 年訂閱 : $16.5 美元 / 月 ( 約一個月台幣 460 元 )
2). 學生方案 :
學生方案可以享 7 折的優惠。
3). 團隊 & 企業方案 :
如果你是多個人一起使用的話可以參考團隊方案，如果湊到 5 個人的話，月費就只要 $10.75 美元 ( 約台幣 300 元 )，那超過 6 人的話就可以直接詢問企業方案囉。
網頁設計素材-心得總結
通常規模比較大的公司都會購買自己的圖庫素材，常見的就是 Shutterstock，那如果規模比較小的團隊通常就是找免費圖庫，只是有時還是會擔心素材版權的問題。
而因為我目前為自由工作者，主要是接網頁設計相關的案子，很多客戶其實都沒有太多素材照片，所以品牌的印象就比較薄弱。
那如果都是用免費圖庫的素材，我很多的作品其實都會有點類似，所以 Envato Elements 對我來說就還不錯。
因為沒有數量下載限制，價格也OK，而且還有 WordPress 主題 & 外掛可以使用，加上我自己也有用 WordPress 幫客戶架設網站，就加分不少。
而且 Envato Elements 其實還有多附加的素材，像是 Photoshop 的筆刷以及動作 ( 不知道動作的朋友可以參考下方的影片 )，Photoshop 也是我的吃飯工具之一。
10 Best Photoshop Actions [2022] :
一句話總結 Envato Elements : 性價比頗高的素材網站。
