現在比較少網站會用到背景圖，但有時候為了要讓背景不要太過單調，或是有些變化又不影響閱讀，會選擇顏色較淺的紋理材質素材，例如 Hero Patterns 可產生平鋪式背景 SVG 圖，或是 Bg-Patterns、Paper-co 也有不少紋理背景可以免費下載，當然這些工具都提供基本的設定選項，像是調整大小、密集程度或圖片格式，就能透過小張圖片拼接成背景，對於速度較慢的行動網路來說也不會因此而延遲網站載入速度。
網頁素材
Colorinspire 推薦絕佳色彩組合，下個專案設計拿來試試吧！
免費資源網路社群推薦過不少配色工具，但如果不是色彩控或從事相關工作，可能還是很難從顏色中挑選出合適的組合，例如要為下一個專案計畫、概念或想法設計新的色彩組合，從顏色裡可能毫無頭緒，不確定兩三種顏色搭配是不是相得益彰，這可能會影響整體視覺感受，不如直接給出色彩預覽會更易於參考。如果你經常糾結在沒有好的配色組合，接下來要介紹的服務或許會對你有幫助。
Line Awesome 超過 4000 個免費線稿圖示，修改自知名 Font Awesome
如果說到最知名的免費圖示字型（Icons Font），我想大家一定聽過 Font Awesome，這套圖示最初發佈於 2012 年，現今則由 1,544 個圖案組成，主要分為免費、開放原始碼和付費 Pro 圖示兩大類型，在使用 Font Scripts 網站中佔有 20% 市佔率，可以想見我們看到的很多圖案可能都是來自它。若要使用這套圖示，除了直接從官方網站或 GitHub 下載整套圖示集，亦可透過開放式內容傳遞網路提供的鏈結載入相關圖案。
Bg-Patterns 日本免費網頁背景素材，提供常見格式及向量圖下載
如果要找尋一些很細膩、有質感的網頁素材，日本網站是個很好的去處，像是之前介紹過的 FLAT ICON DESIGN 收錄許多扁平化設計圖示，還有 FREE LINE DESIGN 提供各種分隔線素材，相片的話可以找找東京デート、Model.foto、photoAC、BIZUTART 和 PAKUTASO 等等，應該都會有不少收穫。有些網站其實很適合使用這一類素材，放上後的裝飾效果更能提升頁面整體質感。
Get Waves 線上產生 svg 格式波浪圖，可自訂類型顏色每次都不一樣
偶爾會看到帶有波浪形狀的網頁背景設計，通常會配合平面化設計風格一起使用，會讓整體看起來更活潑，但倒是從沒想過這個效果是怎麼做的，沒想到現在透過 .svg 向量圖程式碼就可直接帶入，讓整個設計流程加速不少。如果你平常工作和網頁設計有關，可能會用到類似上面圖片顯示的「波浪圖」效果，本文要介紹的產生器會很有用，趕緊把它收錄到書籤以備不時之需。
PlaceKeanu 把基努李維照片拿來做佔位圖，以網址產生特定尺寸圖片
如果說到最喜愛的好萊塢演員，我想很多人可能會回答基努李維（Keanu Reeves），小時候第一次看《捍衛戰警》令人記憶猶新，還有後來經典《駭客任務》系列和《康斯坦汀：驅魔神探》等電影，這幾年掀起一波 John Wick 熱潮，我最近也在 Apple TV 上重溫最早的前兩集，雖然是一部浮誇的電影，但不得不說這個角色太適合他。