無縫是指一個圖案在重複時看不出一份拷貝在哪裡結束、下一份又從哪裡開始。這是邊緣的屬性,而不是圖案本身的屬性。
把邊緣處理對了,一小塊拼貼單元就能填滿整片面板。處理錯了,重複就會露出網格感。

重點整理
- 無縫代表拼貼單元的邊緣彼此吻合,所以重複之處不可見。
- 重複不等於無縫——均勻排列的圖案元素依然會露出網格感。
- 讓圖案元素跨越所有四條邊,並在四個角落放上四分之一圖案。
- 在動手切割之前,先按3×3真實尺寸測試一次。
什麼是無縫?
無縫是指邊緣經過刻意設計、彼此吻合的圖案。把多份拷貝並排放置,線條會穿過接合處繼續延伸,因此成品表面上完全看不到邊緣。
你重複使用的這個單元稱為拼貼單元。從右邊緣離開的一切,都必須從左邊緣重新進入;從下邊緣離開的一切,都必須從上邊緣重新進入。
這一條規則就是整個技巧的核心,也是為什麼一個看起來整齊的圖案,往往並不是真正的無縫圖案。

無縫與重複:並不是同一回事
每一個無縫圖案都會重複。但不是每一個重複圖案都是無縫的。一排均勻排列的圖案元素也算是重複,但你依然看得出每一份拷貝從哪裡開始。
這個差異一旦面板尺寸超過一塊拼貼單元,就會變得重要。在手機殼上沒人會注意到,但在桌旗、整面牆板或一卷包裝紙上,網格感會是眼睛第一個捕捉到的東西。幾何重複是最典型的例子——什麼是幾何圖案介紹了相關的形狀詞彙。
這類限制條件的通用版本請見如何設計一個真正做得出來的東西。
重複圖案的類型
拼貼單元的邊緣一旦吻合,還有第二個決定要做:這些單元該如何排列。以下四種都屬於無縫,但各自隱藏重複痕跡的程度不同。

直排重複
拼貼單元以規整網格彼此對齊排列。這是最容易實現、也最容易被看穿的一種,因為每個圖案元素在兩個方向上都對得整整齊齊。
適合幾何風格的作品,那裡的網格感就是設計本身。但用在花卉圖案上就不合適,會讓人聯想到上世紀七十年代的壁紙。
錯位排列
每隔一欄向下偏移半個單元。這是修正過於規律重複感的標準做法,而且幾乎不用花什麼代價去嘗試——拼貼單元本身完全不用改變。
磚形排列
思路相同,只是方向旋轉了:隔行向側邊偏移半個單元。當圖案元素寬度大於高度時特別有用,因為水平方向的偏移剛好能藏住這一點。
鏡像排列
每隔一塊拼貼單元就做鏡像翻轉。這樣做出來的是刻意的對稱感,而不是隱藏重複痕跡,適合邊框、錦緞風格的面板,以及任何想要顯得正式的場合。
一個關於切割的提醒。鏡像排列會讓兩個圖案元素正面相遇的接合點數量加倍。切割前請仔細檢查這些相遇點是否有過細的連接部分。
無縫圖案是怎麼做出來的
偏移法
在一個方塊內作畫,然後把整幅圖沿寬度與高度各偏移一半。此時中間散開、斷裂的部分,就是需要修補的地方,因為那正是接縫會出現的位置。
角落規則
任何跨越某條邊緣的元素,都必須在對邊完全一致地再次出現。要保證這一點,最快的辦法就是在四個角落都放上四分之一圖案,就像上面那塊拼貼單元所做的那樣。
密度與節奏
讓間距有所變化,這樣眼睛就無法鎖定某一行的規律。間距過於均勻,是一個技術上無縫的圖案看起來仍像拼貼的第二常見原因。
為什麼切割或雕刻時無縫很重要
雕刻。在比拼貼單元更寬的面板上雕刻圖案,每一處接縫都會暴露無遺,雷射不會幫你掩飾。無縫圖稿是用一份小檔案填滿整片大面積表面的唯一方法。
切割。切割圖案還有第二個要求:整體必須保持物理連接。只在拼貼單元邊緣相接觸的圖案元素,會成為部件斷裂的弱點。
檔案格式。圖案最好是向量格式,這樣縮放時不會變模糊——參見什麼是向量檔案與什麼是SVG。尺寸不對的點陣圖拼貼單元會讓接縫暴露兩次:一次是接縫本身,一次是模糊感。
毀掉一個無縫圖案的常見錯誤
留白邊界。拼貼單元內任何明顯的邊框,一旦重複排列,都會變成一條可見的網格線。
用裁切取代設計。從現成圖稿裡裁出一個方塊,邊緣幾乎永遠對不上,無論那份圖稿本身畫得多好。
只用一塊單元做測試。至少要按3×3來檢視。單獨一塊拼貼單元剛好會藏住你正想找的那個缺陷。
忽略了尺寸比例。一塊在200公釐下看起來很漂亮的拼貼單元,縮小到40公釐時可能就糊成一團。請按實際物件的尺寸來測試。
真實測試:用AI設計一個無縫圖案
我們是在真實產品裡實際跑了這個流程,而不是憑空描述它可能做到什麼。這次執行消耗了6點數,耗時約20秒。
有意思的地方不在於它是否生成了一個圖案,而在於這個圖案是否真的能無縫拼貼——而這正是本文一再強調、你必須自己檢查的那一點。
在哪裡操作。Atomm AI是Atomm上的產生器:你把需求寫進提示詞輸入框,選擇一個模式——雕刻、切割、向量化等等——然後執行。

我們提交的提示詞
提交給Atomm AI的提示詞
一個由植物葉片與小型五瓣花朵組成的無縫重複拼貼圖案,白底黑色線稿,圖案元素跨越所有四條邊緣以實現無接縫重複,線條粗細全程均勻,無漸層或陰影,每個元素都與相鄰元素相連,以便整個圖案能作為一整塊雷射切割出來
它給出的方案是:「我會做一塊邊到邊無縫的植物圖案拼貼單元,採用粗細均勻的黑色輪廓線,並內建連接結構,讓它能作為一整塊可重複的部件被切割出來。」
生成的結果

需求被確實執行了。線條粗細均勻,沒有陰影,圖案元素在四條邊上都延伸出去,而且所有元素在視覺上都相連——這正是切割圖案所需要的。
於是我們做了拼貼測試。按2×2、原尺寸排列,這正是本文推薦的測試方法,也是唯一能確認結果的辦法。

老實說:效果不錯,但並不完美。沒有明顯的硬網格線,密度本身也幫了大忙、掩蓋了大部分痕跡。但仔細看接合處,會發現有幾根莖幹戛然而止,而不是延續過去。
用來雕刻一個杯墊或一片小面板完全沒問題。但在一大片表面上,那些被截斷的莖幹遲早會被人注意到,而修補它們只需要在邊緣手動處理十分鐘。Atomm AI幫你完成了大部分工作,但沒有做到全部。
用這些無縫圖案專案來設計
五件社群作品,重複圖案就是它們的設計核心。每一個都是免費檔案:下載下來,原樣切割或雕刻,也可以把拼貼單元拆開看看它是怎麼連接在一起的。更多作品請見43款免費無縫圖案SVG。
1. 花卉圖案圓形杯墊

一個重複花卉圖案填滿一個圓形,這屬於更難的情況:圖案必須在被曲線而非直邊裁切時依然成立。留意每一朵花都與相鄰的花保持連接,所以切割出來的部件能作為一個整體保持完整。
取得這份設計 →2. 幾何鏤空首飾盒

同一塊拼貼單元被用在不同尺寸的面板上,這正是無縫圖稿存在的意義。一份圖案檔案,多種面板尺寸,且沒有一片面板上出現可見的接縫。
取得這份設計 →3. 幾何圖案桌面收納架

格紋是最容易切割的無縫圖案,因為每條線在設計上本就相連。如果你第一次切割的圖案散架了,很值得從格紋重新開始——先從格紋入手,之後再加上細節。
取得這份設計 →4. 植物葉片圖案面板

同一個植物重複圖案做成兩塊比例不同的面板。葉片跨越面板邊緣,而不是在邊緣之前就停下,這正是讓圖案讀起來連續而不是被「裱框」起來的關鍵。
取得這份設計 →5. 鏤空花紋墜飾套組

小尺寸的考驗。到了墜飾這麼小的尺寸,一個圖案要嘛保持住節奏感,要嘛就會變成一團噪點,而這一款靠的是相對於間隙保持足夠寬的線條粗細,才撐住了效果。
取得這份設計 →結語
無縫代表邊緣彼此吻合,所以重複之處不可見。單純的重複只代表同一個圖案元素出現了不只一次。
在一塊拼貼單元內部作畫,讓圖案元素跨越所有四條邊緣,然後在動手加工材料之前,按真實尺寸做一次3×3的檢查。
對於要切割而不是列印的作品,再加一項測試:每一個部分是否依然與其他部分保持連接?
無縫圖案常見問題
設計裡的「無縫」是什麼意思?
指重複單元的邊緣彼此吻合。線條與形狀會穿過接合處繼續延伸,所以當多份拷貝並排放置時,成品表面上任何地方都看不到可見的邊緣。
無縫和重複有什麼差別?
重複圖案是指同一個圖案元素出現了不只一次。無縫圖案還進一步隱藏了每份拷貝的起點。每一個無縫圖案都是重複的;但大多數重複圖案並不是無縫的。
如何檢查一個圖案是不是無縫?
至少按3×3拼貼排列來檢視,留意畫面中是否有貫穿全局的直線。任何能從整幅圖像一端追蹤到另一端的橫線或直線,都是一處接縫。
無縫圖案該用向量還是點陣圖?
如果要縮放,就用向量。向量拼貼單元在任何尺寸下都保持銳利;點陣圖拼貼單元放大後會變模糊,即使幾何結構本身正確,接縫也會因此變得可見。
為什麼我的無縫圖案看起來還是像拼貼的?
通常是因為間距過於均勻,而不是邊緣沒對好。如果每個圖案元素都間隔相同,眼睛就會捕捉到這種節奏,並把它讀成網格。請稍微改變間距與旋轉角度。
無縫圖案可以雷射切割嗎?
可以,但要多遵守一條規則:每個部分都必須與另一個部分保持連接。一個圖案即便無縫,如果只在拼貼單元邊緣相接觸,切割之後就會在那些地方斷開。