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

更新於 發佈於 閱讀時間約 4 分鐘

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

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

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

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

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

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


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


使用「圓形」來做圖樣

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

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

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


使用「方形」來做圖樣

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

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


使用「三角形」來做圖樣

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

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


使用「直線」來做圖樣

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

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


試試圖樣組合技

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


結論

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

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



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

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

延伸閱讀

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


留言
avatar-img
留言分享你的想法!
avatar-img
邊境牧羊犬的觀察筆記
112會員
128內容數
我是邊境牧羊犬,自由接案的數位內容設計師,熱愛世上美的一切,在此將分享我感興趣的書籍、影視作品、旅遊美食、以及各種療癒心靈的事物。
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
家中修繕或裝潢想要找各種小零件時,直接上網採買可以省去不少煩惱~看看Sylvia這回為了工地買了些什麼吧~
Thumbnail
家中修繕或裝潢想要找各種小零件時,直接上網採買可以省去不少煩惱~看看Sylvia這回為了工地買了些什麼吧~
Thumbnail
👜簡單生活,從整理包包開始!我的三款愛用包+隨身小物清單開箱,一起來看看我每天都帶些什麼吧🌿✨
Thumbnail
👜簡單生活,從整理包包開始!我的三款愛用包+隨身小物清單開箱,一起來看看我每天都帶些什麼吧🌿✨
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 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
本文介紹四種簡單有效的設計方法,包括使用幾何圖形填滿空白、重複使用文字填充版面、用十字線引導視覺、用對角線創造動感。這些方法可以有效解決版面太空的問題。舉例證明瞭這些方法在海報設計和網站設計中的應用。最後作者鼓勵讀者去摸索嘗試,提供自己的設計風格,並同時推薦了使用社群繪畫經營工具的人參考。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News