過去 10 年我一直是在網頁設計的領域工作,不管是在設計接案公司、廣告代理商、媒體平台公司還是大型店商公司等。

10 年來網頁技術不停的迭代更新、工具操作也是越來越方便,像是 Photoshop、illustrator、adobe XD、FIgma 等。

唯一不變的是,要讓網站看起來吸睛、豐富、有質感,那就一定要搭配適合的素材。

有經驗的設計 + 適合的素材基本上可以讓網站的質感至少 70 分起跳。

以下 6 種素材是我製作官方形象網站、活動網站、電商網站最常使用到的素材類型,依序為最常使用的素材排名 :

1. 圖片 : 通常是為了襯托文字氛圍的情境照,當然有一些品牌會有自己拍攝的素材照片,這樣更好,因為更能凸顯品牌的特性。

2. 向量素材 : 過去製作活動網站可以說是必用的元素,尤其電商活動網站很喜歡浮誇的視覺,像是宇宙外太空、飛船之類的,用來比喻主機或筆電的超強效能。

3. ICON : icon 常用於選單按鈕,例如一個家的 icon 代表的就是網站首頁,手機版選單就常常用 icon 取代文字,可以讓網頁資訊更精簡。

4. 字型 : 一個網站的字型最多 5 種,最少可以 3 種,主標一種字型,副標、段落小標一種字型,然後內文再一種字型,這樣可以讓網站的視覺更有層次,有比重的區別。

5. 影片 : 如果是電商網站,有時會有產品影片或是形象影片,但如果是影片素材的話,通常我是用來作為背景氛圍用,概念跟圖片類似,只是影片會讓人更能感覺感同身受。

6. 音效 : 音效比較常是活動網站會用到,例如炒菜的聲音、讓訪客猜聲音是用煎的、炒的還是炸的。

以上這些素材有免費圖庫推薦嗎?

當然有,我自己最常用的免費素材有 :
- 圖片 : Unsplash
- 向量素材 : Freepik
- ICON : flaticon
- 影片 : Pexels

字型我比較常用就是思源類型,音效的話因為需求較少,免費的就比較沒研究了。

那有沒有素材網站可以一次滿足以上素材需求 (或更多不同類型) ?

說到這個我第一個想到的就是 Envato Elements,它是一個訂閱制、無限下載吃到飽的國外圖庫素材網站。

上面提到的類別都有提供,而且還有其他像是 3D、After Effect、WordPress Theme、Plugin 等超多不同種類的素材可以使用。

很適合小型工作室、自由接案的設計或企劃,因為如果你的專案需要跟不同的團隊合作時,吃到飽素材就很好用。

文章再寫下去就太長沒人看了,有興趣的朋友可以參考完整的文章內容 :
【6種常用的網頁設計素材】使用這個網站一次滿足你的素材需求