【6種常用的網頁設計素材】使用這個網站一次滿足你的素材需求

文章最後更新於 2022 年 10 月 16 日

網頁設計素材

素材品質好,網站質感至少 70 起跳。

相信有經驗的網頁設計師一定深有同感,有時候有些客戶就是沒有素材可以提供,或是提供的照片尺寸太小、拍攝角度怪、照片模糊等。

以我過去製作網站的經驗來說,以下為最常用到的網頁設計素材排名 :

  • 圖片 ( 情境照 )
  • 向量素材
  • icon
  • 字型
  • 影片
  • 音效

以上類別其實都有免費素材可以找,我的個人習慣是圖片到 Unsplash,向量素材到 Freepik ,影片素材可以到 Pexels。

但當作品累積越來越多時,就會開始有個問題,那就是免費素材重複度高,因為好看好用的常常是那幾款;還有一個問題是傳統產業的客戶,他們通常沒有好看的情境照,而且免費素材很難找到符合傳產的需求,連要輸入甚麼關鍵字都不知道要打甚麼。

而且以上素材若要找免費的話,就需要到各個不同的素材平台去找,而找素材又是很花時間的事情,難道沒有一站式的素材網站可以包含以上這些類別嗎?

當然有,那就是主打訂閱制、無限下載吃到飽的『 Envato Elements 』。

本篇文章會根據過去我執行過的專案類型搭配 Envato Elements 提供的素材來做分享,這樣就知道 Envato Elements 的素材實不實用拉~

話不多說,直接進入主題吧!

最常用的素材排名-1.圖片

一個網站可以沒有影片、可以沒有音樂,但一定不能沒有的就是圖片。

過去在廣告公司執行的專案,品牌端大多都有已經拍攝好的形象照片及產品素材,所以好的素材 + 好的設計就能發揮 1 + 1 > 2 的成果。

不過我遇過最需要圖片素材支援的就是『 傳統產業 』,以下是我執行的其中一個專案

傳產網站設計

下圖紅框的服務簡介就是到付費圖庫 ShutterStock 找的,我試過先從免費圖庫找起,不容易找到符合客戶產業服務的圖片 ( 除了建設開發 )。

傳產網站設計

在 EnvatoElements 找得到這類素材嗎 :

素材類別選擇『 Photos 』,在紅框處搜尋 industrial machine 就會出現下圖的搜尋結果,我覺得從這個方向找會比較接近。

envato elements 圖片素材
網頁設計素材-圖片

也可以透過下圖左側邊的篩選條件來找到更精準的素材。

envato elements 圖片素材
  1. People : 可以篩選圖片中要不要有人物。
  2. Orientation : 可以篩選圖片類型是長型、直型還是方型。
  3. Background : 可以篩選圖片中的產品是獨立白背景或是有模糊背景。

最常用的素材排名-2.向量圖

向量圖也是網頁設計很常用的元素,例如人物、背景、按鈕、裝飾,尤其是節慶類的向量素材更是超級常使用的,端午節、中秋節、聖誕節、新年等。

下圖就是過去我有用向量素材執行的專案,EDM 很常使用,網頁的話通常是某個區塊的元素,或是背景襯底。

電商活動網站設計
整個頁面都是用向量素材製作
電商活動網站設計
產品的邊框以及光影也是用向量素材製作
線上課程網頁設計
圖中的人物用向量人物來製作 gif 動態

在 EnvatoElements 找得到這類素材嗎 :

其實這類型的素材蠻好找的,主要是一致性,例如上圖的『 這堂課適合誰 』有 4 種適合對象,如果你找到的向量素材只有 3 種人物,那第 4 種人物你就要找風格接近的來替代,這樣才不會太多種風格。

只要在 Envato Elements 搜尋 business people,素材篩選【 Vector 】,這邊的素材就蠻接近的。

envato elements 向量素材
網頁設計素材-向量圖

如果情境類的向量素材的話,Envato Elements 也有不少插畫風格的素材,很適合做活動網頁背景。

envato elements 向量素材

最常用的素材排名-3.icon

如果網頁是走扁平化設計的話,那 icon 素材就是很適合的元素了,怎麼樣算好的 icon 設計呢? 就是讓訪客一眼就知道它代表的含意是甚麼,即使不用文字輔助,訪客也知道怎麼使用網站。

下圖的專案是說明會員購買線上課程後的權益,搭配 icon 輔助可以更吸睛。

線上課程網頁 icon

在 EnvatoElements 找得到這類素材嗎 :

icon 在素材平台基本上是必備的,所以 Envato Elements 當然也不例外,下圖就可以找到許多 icon。

envato elements icon素材

最常用的素材排名-4.字型

一個網頁的字型差不多 3-5 種為限,太少就少了層次,太多就顯得雜亂,通常主標、副標、內文可以是分別的字型 ( 參考下圖 )。

envato elements 字型素材

在 EnvatoElements 找得到這類素材嗎 :

因為 Envato Elements 是國外的素材平台,所以中文字型基本上是沒有的,但英文的設計字型就蠻多選擇了 ( 如下圖 )。

envato elements 字型素材

最常用的素材排名-5.影片

網站會使用到影片大部分是品牌方拍的宣傳影片,但有另一種情況是用影片做視覺的襯底,例如網站是跟水、海洋有關的話,影片會比圖片更能讓訪客感到身歷其境。

下圖的專案就是用海流的影片作為視覺襯底,因為網站主題是海科館,所以調性就很吻合。

海科館網站設計

在 EnvatoElements 找得到這類素材嗎 :

從 Envato Elements 的 【 Stock Video 】來尋找,可以找到像下圖這樣有陽光灑進水底的影片,這個就蠻不錯的。

envato elements 影片素材

最常用的素材排名-6.音效

音效通常是特定的活動網站比較有可能會用到,前陣子製作的專案《初聲。存下聲音的銀行》就是跟嬰兒剛出生時的聲音有關,團隊也有特別去錄製音效。

初聲 存下聲音的銀行
初聲 存下聲音的銀行

在 EnvatoElements 找得到這類素材嗎 :

Envato Elements 的音效素材種類不少,可以從【 Sound Effects 】>【 Human Sounds 】搜尋 baby 的音效。

envato elements 音效素材

Envato Elements 適合誰使用

其實要找到適合的圖片素材有 2 個條件,一個是要輸入準確的搜尋關鍵字,另一個則是素材平台有沒有提供這樣的圖片。

Envato Elements 就像是大補帖一樣,素材種類多但是每一種拆開來搜尋的話又不夠精細,例如 :

  • 圖片 : 可以用 Shutterstock,它的圖片有比較多的亞洲風格,也可以中文搜尋
  • 向量圖 : 推薦用 Freepik,有很多好用的素材
  • icon : 可以使用 flaticon
  • 影片 : motion elements 是訂閱制吃到飽的影片素材網站

既然這樣的話,那到底誰適合使用 Envato Elements 呢? 我認為以下幾種類型蠻適合的 :

  1. WordPress 網站接案者 : 因為 Envato Elements 除了有照片、向量素材之外,還有 WordPress 的模板以及外掛可以下載,這會讓你在製作專案上有更多工具可以應用。
  2. 行銷企劃 ( 個人或公司 ) : 因為企劃通常需要組成一個團隊來執行專案,團隊中就可以包含各種專業技能的人,像是設計師、攝影師、動畫製作、音效製作等,而如果這些人需要素材支援的話,Envato Elements 這種甚麼素材類別都有的網站,就很適合團隊使用。
  3. 小型工作室 : 因為工作室的資源沒有公司組織還得多,所以 Envato Elements 這種吃到飽的無限制下載方案,除了可以節省成本之外,也多了跟客戶談判的空間,例如送客戶 10 組付費素材,你也不需要付額外的素材成本,但客戶就是會覺得蠻爽的。

Envato Elements 價格方案

Envato Elements 的價格方案有 3 種適合對象,你可以看自己符合哪種情況來選擇訂閱方案。

1). 一般個人使用者 :

  • 月訂閱 : $33 美元 / 月 ( 約一個月台幣 920 元 )
  • 年訂閱 : $16.5 美元 / 月 ( 約一個月台幣 460 元 )

2). 學生方案 :

學生方案可以享 7 折的優惠。

envato elements的學生方案

3). 團隊 & 企業方案 :

如果你是多個人一起使用的話可以參考團隊方案,如果湊到 5 個人的話,月費就只要 $10.75 美元 ( 約台幣 300 元 ),那超過 6 人的話就可以直接詢問企業方案囉。

envato elements團隊方案

網頁設計素材-心得總結

通常規模比較大的公司都會購買自己的圖庫素材,常見的就是 Shutterstock,那如果規模比較小的團隊通常就是找免費圖庫,只是有時還是會擔心素材版權的問題。

而因為我目前為自由工作者,主要是接網頁設計相關的案子,很多客戶其實都沒有太多素材照片,所以品牌的印象就比較薄弱。

那如果都是用免費圖庫的素材,我很多的作品其實都會有點類似,所以 Envato Elements 對我來說就還不錯。

因為沒有數量下載限制,價格也OK,而且還有 WordPress 主題 & 外掛可以使用,加上我自己也有用 WordPress 幫客戶架設網站,就加分不少。

而且 Envato Elements 其實還有多附加的素材,像是 Photoshop 的筆刷以及動作 ( 不知道動作的朋友可以參考下方的影片 ),Photoshop 也是我的吃飯工具之一。

10 Best Photoshop Actions [2022] :

一句話總結 Envato Elements : 性價比頗高的素材網站。

You may also like...

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。