如果要找尋一些很細膩、有質感的網頁素材,日本網站是個很好的去處,像是之前介紹過的 FLAT ICON DESIGN 收錄許多扁平化設計圖示,還有 FREE LINE DESIGN 提供各種分隔線素材,相片的話可以找找東京デートModel.fotophotoACBIZUTART 和 PAKUTASO 等等,應該都會有不少收穫。有些網站其實很適合使用這一類素材,放上後的裝飾效果更能提升頁面整體質感。

本文要介紹的Bg-Patterns」也是一個日本背景素材網站,提供可重複顯示的網頁背景圖案,透過拼湊在一起重複顯示建構出連續、無接縫的背景效果,相較於單一顏色來說不會太過單調,也不會因為圖片檔案太大而影響到網頁載入速度。

Bg-Patterns 和 CaselfPaper-coSubtle Patterns 紋理背景素材比較相似,從網站上可以預覽在不同尺寸大小呈現出來的重複背景效果,免費下載 JPG、PNG 和 SVG,也有提供 Illustrator Ai 和 EPS 向量圖格式。

Bg-Patterns
http://bg-patterns.com/

使用教學

STEP 1

開啟 Bg-Patterns 網站,首頁會顯示最新加入的背景圖,上方可選擇分類,包括幾何圖形、經典、日式、條紋、植物、可愛或時尚風格,點選分類後會看到該類別的背景圖。

STEP 2

點選任一背景圖後,會開啟更大張的預覽、設定工具,可從左側選擇相關背景圖案,或是調整圖案尺寸以呈現不同效果,選擇要下載格式為 JPG、PNG 或 SVG,最後點選下方按鈕就能獲取圖檔。

在圖片格式底下的設定選項是能對圖片加入雜訊效果。

STEP 3

將網頁在往下拖曳,會看到下載背景素材 illustrator Ai 或 EPS 向量圖格式選項,點選後等待倒數計時,就會跳出藍色的下載按鈕。

值得一試的三個理由:

  1. 日本免費背景素材網站,提供連續、無接縫背景圖下載
  2. 下載 JPG、PNG 和 SVG 格式也有 illustrator Ai 和 EPS 向量圖
  3. 可自由使用於個人或商業用途