什麼是圖案生成器？

圖案產生器讓您使用形狀、線條和顏色設計無縫重複圖案。調整對稱性、旋轉、間距和列偏移來建立可用於背景、紡織品或包裝紙的拼貼圖案，然後下載為 PNG 或可縮放的 SVG。

工具內建 8 種基本形狀(圓形、三角形、正方形、六邊形、星形、菱形、十字、愛心),也可上傳自訂 PNG 或 SVG。對稱模式包含水平鏡像、垂直鏡像、雙向鏡像、對角鏡像與 4 次旋轉,而排列方式(網格、之字形、交織、金字塔)則把同一個圖形重新堆排成截然不同的版面,且始終保持無縫。開啟透明背景即可匯出帶 alpha 通道的 PNG,疊在任何底色上;也能複製現成的 CSS 程式碼做網頁背景,或以 PNG、JPEG、SVG 格式匯出最大 4096×4096 供印刷使用。還可將設定儲存為小檔案,隨時重新載入,接著上次的進度繼續編輯。

使用方法

1. 選擇基礎形狀（圓形、三角形、正方形、六邊形），並設定網格大小和間距。
2. 調整顏色、旋轉角度、縮放和對稱選項，建立理想的重複圖案。
3. 預覽無縫拼貼效果，然後將圖案下載為高解析度 PNG、適合網頁的 JPEG 或可縮放的 SVG 向量檔案——也可將設定儲存為小檔案，方便日後重新開啟繼續編輯。

何時使用

• 為網站頁首或 App 引導頁做可平鋪的背景紋理。
• 用一個小圖案設計包裝紙、布料印花或筆記本封面。
• 為產品模擬圖和簡報投影片做占位的紋理素材。

結果

一位平面設計師建立了一個藏青色和金色的幾何六邊形圖案，用於產品包裝背景，匯出尺寸為 2048×2048 像素。

常見問題

匯出的圖案真的可以無縫拼接嗎?

可以。單元預覽顯示一個瓦片,完整預覽把它在更大的範圍裡重複,可以直接看邊緣有沒有對齊。只要形狀不超出網格範圍,拼起來不會看到接縫。

鏡像對稱和 4 次旋轉有什麼差別?

鏡像是沿著某個軸翻轉圖形,會做出萬花筒那種對稱效果。4 次旋轉是把圖形繞中心每 90 度複製一次,適合做曼陀羅或壁紙那種放射狀圖案。

可以上傳自己的圖形嗎?

可以。在基本形狀裡選「自訂」,上傳 PNG 或 SVG。建議使用透明背景,圖形才會和填色融合得自然。向量 SVG 在大尺寸匯出時邊緣最乾淨。

螢幕顯示和印刷分別要用多大的匯出尺寸?

螢幕背景 1024 或 2048 就夠用。印刷按 300 DPI 計算,A4 紙至少需要 2480 像素寬,所以選 4096 比較保險。檔案愈大,畫布渲染愈慢。

網格尺寸調大是變密還是變稀?

變密。網格尺寸是每行的圖形數量,設為 8 就是 8×8 個圖形。圖形之間的空隙由間距控制,想讓圖形幾乎貼在一起,把間距調小就好。

相關工具