設計新手必學!用圓形、方形、三角形幾何圖樣,打造多元圖卡背景

更新 發佈閱讀 4 分鐘

製作圖卡的時候,常常覺得畫面太單調?這次的設計實驗室,邊境牧羊犬要來分享一個我自己很喜歡使用的小技巧——圖樣

什麼是圖樣呢?基本上就是把單一或複合元素,以拼貼的方式組合成一張圖,拼貼的圖樣可說是千變萬化,有超多種玩法,能夠創造出各式各樣的風格圖案。

在設計軟體 Adobe Illustrator 中,圖樣製作可分成 5 種拼貼方式,分別是:
✦ 格點
✦ 磚紋(依列)
✦ 磚紋(依欄)
✦ 十六進位依直欄
✦ 十六進為依橫欄

可以根據不同的設計需求,選擇自己喜歡的拼貼方式。

Adobe Illustrator 圖樣製作的五種排列方式

Adobe Illustrator 圖樣製作的五種排列方式


如果精心設計圖樣,甚至可以做出有如萬花筒般精緻的畫面哦!不過對於初學者來說,只要使用幾何圖形,也能創造出簡單又好看的圖樣,即使非 Adobe Illustrator 使用者,一樣可以參考圖樣製作的概念哦。製作方法很容易,一起來看看吧!


使用「圓形」來做圖樣

以圓形為例,除了可以使用「尺寸相同」的圓形來做組合排列以外,也能使用「大小不一」的圖形來創造變化。

想要打造簡單清爽的風格,可以使用較小的圓點來製作圖樣,並依據需求拉寬間隔距離。如果想要有個性的搶眼風格,可以試試大一點的圓點。

除了實心圓點以外,試試看空心圓也很不錯!


使用「方形」來做圖樣

即使是相同尺寸的圖形,排列的距離不同,就能創造出完全不同的圖樣效果。

相連間隔的方形,有類似編織的效果;而稍微間隔並列的方形,則有十字格狀的效果。


使用「三角形」來做圖樣

三角形的排列又有著完全不同的變化了,不管是正著排列、反著排列,或是利用兩個三角形組成菱形,呈現出來的視覺效果都不一樣。

如果想要讓畫面更有變化,不妨選擇兩種不同的顏色,讓圖樣更有個性。


使用「直線」來做圖樣

除了上述的幾何圖形很適合做圖樣以外,其實「線」也是簡單又方便的其中一種元素!覺得背景太單調的時候,加上線條圖樣就能大大增添豐富感,像是細線和粗線又能創造出截然不同的效果,細線可以有比較精緻的感受,而粗線則是更加有存在感。

如果有興趣的話,也可以試試看曲線來做圖樣哦!能夠創造出一種波動的感覺呢。


試試圖樣組合技

當然,要是你學會了前述的圖樣小技巧,單單只是使用一種幾何圖形,已經無法滿足你了,那不如就來場「組合技」吧!同時使用多種幾何圖案、應用多重顏色以及圖案尺寸變化,試著畫出屬於自己的圖樣設計!是不是超簡單又好看呢!


結論

活用簡單的幾何圖案,就能製作出多元的圖樣,用來填充畫面、增添細節、創造活潑感,是相當好用的小撇步哦!如果你的品牌商標、或是商品圖合適的話,也能以圖樣的方式來進行設計,說不定也能蹦出新火花呢!下次做品牌圖卡時,不妨試試用這些幾何圖樣來填充背景吧!

歡迎留言跟我分享,你最喜歡哪一種圖樣,或是上傳你的練習作品,一起聊設計!



喜歡我的文章,請追蹤 + 愛心 + 留言❤️

💟小額支持我持續創作好文章~請我喝一杯珍奶🧋
💟追蹤我的粉絲專頁 / Instagram / Threads,看我分享生活!
💟訂閱【茶水間|陪你跨職場旅人生】,看 10 位職人專欄文章

延伸閱讀

🟧旅行小筆記:走訪屏東牡丹鄉 Part1:牡丹社事件故事館、紀念公園、石門古戰場
🟧書影輕鬆讀:讓《臺灣族群史解謎》打破迷思,帶你認識臺灣族群間的故事
🟧職場下午茶:想靠自學轉職設計師?這 3 大步驟讓你少走彎路!
🟧設計實驗室:輕鬆學會三分法排版設計!新手也能做的設計技巧
🟧邊境隨筆:擺脫「成功」的框架,活出你想要的人生


留言
avatar-img
邊境牧羊犬的觀察筆記
132會員
159內容數
我是邊境牧羊犬,自由接案的數位內容設計師,熱愛世上美的一切,在此將分享我感興趣的書籍、影視作品、旅遊美食、以及各種療癒心靈的事物。
2025/05/07
本文提供七種運用單朵康乃馨製作母親節賀圖的排版設計方法,包含滿版圖片壓字、結合幾何圖案、對稱式構圖、素材重複、二分法分割、圖片分割拼貼以及善用四個角落等,並鼓勵讀者自由下載圖片及參與設計挑戰。
Thumbnail
2025/05/07
本文提供七種運用單朵康乃馨製作母親節賀圖的排版設計方法,包含滿版圖片壓字、結合幾何圖案、對稱式構圖、素材重複、二分法分割、圖片分割拼貼以及善用四個角落等,並鼓勵讀者自由下載圖片及參與設計挑戰。
Thumbnail
2025/04/02
本文針對圖卡設計新手常犯的三大錯誤:字太多、字型多、沒重點,提供改善建議,並說明如何精煉文字、選擇適當字型和善用視覺層次強調重點,提升圖卡設計質感及品牌形象。
Thumbnail
2025/04/02
本文針對圖卡設計新手常犯的三大錯誤:字太多、字型多、沒重點,提供改善建議,並說明如何精煉文字、選擇適當字型和善用視覺層次強調重點,提升圖卡設計質感及品牌形象。
Thumbnail
2025/03/05
介紹常用的圖像排版方式「三分法」,說明如何運用此方法輕鬆設計出簡單大方的海報、優惠資訊或公告圖卡。文章包含步驟教學,從資訊整理、版型選擇到加入變化,逐步引導讀者學會運用三分法,並推薦相關書籍。
Thumbnail
2025/03/05
介紹常用的圖像排版方式「三分法」,說明如何運用此方法輕鬆設計出簡單大方的海報、優惠資訊或公告圖卡。文章包含步驟教學,從資訊整理、版型選擇到加入變化,逐步引導讀者學會運用三分法,並推薦相關書籍。
Thumbnail
看更多
你可能也想看
Thumbnail
在 vocus 與你一起探索內容、發掘靈感的路上,我們又將啟動新的冒險——vocus App 正式推出! 現在起,你可以在 iOS App Store 下載全新上架的 vocus App。 無論是在通勤路上、日常空檔,或一天結束後的放鬆時刻,都能自在沈浸在內容宇宙中。
Thumbnail
在 vocus 與你一起探索內容、發掘靈感的路上,我們又將啟動新的冒險——vocus App 正式推出! 現在起,你可以在 iOS App Store 下載全新上架的 vocus App。 無論是在通勤路上、日常空檔,或一天結束後的放鬆時刻,都能自在沈浸在內容宇宙中。
Thumbnail
vocus 慶祝推出 App,舉辦 2026 全站慶。推出精選內容與數位商品折扣,訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包,以及全站徵文,並邀請你一起來回顧過去的一年, vocus 與創作者共同留下了哪些精彩創作。
Thumbnail
vocus 慶祝推出 App,舉辦 2026 全站慶。推出精選內容與數位商品折扣,訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包,以及全站徵文,並邀請你一起來回顧過去的一年, vocus 與創作者共同留下了哪些精彩創作。
Thumbnail
排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。 如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱。
Thumbnail
排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。 如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱。
Thumbnail
排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。 如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱。
Thumbnail
排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。 如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱。
Thumbnail
排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。 如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱。
Thumbnail
排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。 如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱。
Thumbnail
排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。 如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱。
Thumbnail
排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。 如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱。
Thumbnail
排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。 如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱。
Thumbnail
排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。 如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱。
Thumbnail
排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。 如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱。
Thumbnail
排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。 如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱。
Thumbnail
Ae 小技巧:製作3D 方塊 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:製作3D 方塊 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
建築3D圖固然能夠取代許多傳統圖說。值得多加利用!
Thumbnail
建築3D圖固然能夠取代許多傳統圖說。值得多加利用!
Thumbnail
本文介紹四種簡單有效的設計方法,包括使用幾何圖形填滿空白、重複使用文字填充版面、用十字線引導視覺、用對角線創造動感。這些方法可以有效解決版面太空的問題。舉例證明瞭這些方法在海報設計和網站設計中的應用。最後作者鼓勵讀者去摸索嘗試,提供自己的設計風格,並同時推薦了使用社群繪畫經營工具的人參考。
Thumbnail
本文介紹四種簡單有效的設計方法,包括使用幾何圖形填滿空白、重複使用文字填充版面、用十字線引導視覺、用對角線創造動感。這些方法可以有效解決版面太空的問題。舉例證明瞭這些方法在海報設計和網站設計中的應用。最後作者鼓勵讀者去摸索嘗試,提供自己的設計風格,並同時推薦了使用社群繪畫經營工具的人參考。
Thumbnail
插畫是設計中不可或缺的元素,可以幫助設計更加豐富,吸引讀者的注意力。近年來,隨著網路的普及,越來越多插畫網站出現,提供免費或付費的插畫素材。插畫可以應用在各種設計上,例如:網站、App 的 UI/UX 設計、海報、宣傳品的設計、書籍、雜誌的封面設計或社群媒體的圖片設計以及產品包裝的設計
Thumbnail
插畫是設計中不可或缺的元素,可以幫助設計更加豐富,吸引讀者的注意力。近年來,隨著網路的普及,越來越多插畫網站出現,提供免費或付費的插畫素材。插畫可以應用在各種設計上,例如:網站、App 的 UI/UX 設計、海報、宣傳品的設計、書籍、雜誌的封面設計或社群媒體的圖片設計以及產品包裝的設計
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News