設計原則：設計中的對比如何產生影響

你知道我們把“好的設計”、“壞的設計”，甚至“設計”這些術語都扔得很輕。 但是當我們真正深入研究它時，我們意識到創造這些設計有很多東西。 隨著我們的大多數社交和專業互動都發生在社交媒體和其他虛擬平台上，設計的重要性只會越來越大。

從新聞消費到娛樂，從個人工作到專業研究，我們越來越多地在日常生活中消費內容。 設計使消費內容比以往任何時候都更容易。 在擁擠的內容空間中，設計幫助消費者和創作者吸收和消散知識。

對這種知識交流真正至關重要的設計原則之一是設計的對比。 設計中的對比是改變設計元素的主要特徵的技術，如顏色、文本、圖像和佈局，以突出它們之間的差異。

您已經在許多設計中看到了這一點。 你有沒有註意到在社交媒體廣告中，一行文字比另一行大？ 這就是設計中的對比如何幫助設計師展示哪一行文本比另一行更重要。

特別是，在營銷和廣告設計中進行對比有很多好處。 在 Kimp 的這篇博客中，我們將為您詳細探討這一非常重要的設計原則。

讓我們開始吧。

為什麼我們在設計中需要對比？

對於營銷人員和品牌而言，學習設計原理的動機可能很少。 這是因為，文章和博客通常無法將原理與對設計有效性的影響聯繫起來。

從我們之前關於設計和好設計與壞設計的博客中，我們知道設計在每個營銷活動中都有其目的。 其目的可以是吸引觀眾、娛樂觀眾、提高意識，或者在更大的範圍內作為所有這些的工具。

每個品牌經理和營銷人員都需要了解在設計中使用對比的是它可以幫助您實現所有營銷目標。

是的，您的設計通過對比為您完成工作更有效。

這一切都非常正確，又非常模糊，不是嗎？ 那麼讓我們逐點分解，分析對比對設計的影響。

1.審美愉悅

我們確信，在座的所有人都知道並承認，設計是品牌與其目標受眾進行交流的寶貴媒介。 但是有一個小問題。 在過去的幾十年裡，平均注意力持續時間在穩步下降，目前只有區區 8 秒。 因此，您需要一種能夠吸引並設法長時間吸引客戶注意力的媒介。 這就是設計可以幫助您的地方。

具體來說，設計中的對比元素讓消費者在設計中進行大量探索和理解。 與沒有對比的類似佈置相比，具有對比形狀和顏色的美學佈置可以吸引更多的觀眾。

2. 視覺層次

再次建立注意力跨度統計數據，讓我們假設您的設計易於使用並且客戶需要不到 10 秒的時間來查看它。 但是你怎麼知道客戶從那段交流中得到的收穫是你想要的呢？

他們注意到特別公告了嗎？ CTA 能引起他們的注意嗎？ 如果您可以在設計中使用對比度創建視覺層次結構，您將永遠不必擔心這些。

格式塔設計原則告訴我們，每個設計都有一個圖形和背景設置。 主體通常是人物，周圍的其他元素成為群體。 你如何區分它？ 當然，在設計中使用對比。

是的，我們的人類大腦天生就能發現對比並賦予它們意義。 我們總是會從大到小掃描，這就是我們所說的視覺層次。 通過改變文本的樣式、顏色、形狀和大小，您可以控制客戶首先看到和最後看到的內容。

3.象徵主義遊戲

我們談到了為相似元素賦予不同尺寸如何有助於視覺層次結構，也就是為客戶設計的視覺流程。 但它還有另一個隱藏的優勢。 當您的某些元素比其他元素更大時，您象徵性地告訴客戶什麼比另一個更重要。

您也可以使用此方法來顯示其他像徵意義的實例。 例如，如果您在業務的特定職能中採用可持續性，您可以單獨使用綠色突出該細節。 這種與設計中其他元素的對比將告訴客戶，此信息中隱藏著重要的含義。

4. 提升用戶體驗

除了創建易於閱讀的引人入勝且美觀的設計之外，在設計中使用對比使客戶的角色變得非常容易。 考慮一下。 當你去超市時，每件東西都有特定的顏色、形狀和大小，這對你沒有幫助嗎？ 這樣，您的大腦就知道要尋找什麼，並使該過程變得快速而簡單。 如果蘋果和橙子看起來一樣，那會怎樣？ 您將花費大量時間尋找一個簡單的對象，並在此過程中感到沮喪。

同樣，以不同的風格和形式呈現不同的信息可以讓大腦更容易處理它。 客戶知道如何尋找標題和底線，因為他們有這樣的對比。

在對比設置中設置背景和焦點元素也使許多不同能力的人可以訪問設計。

總體而言，您需要在網頁設計、社交媒體設計、海報設計、應用程序設計等方面進行對比，以獲得愉快的用戶體驗。

設計對比和相似性：有什麼聯繫？

每當您查看設計中的對比時，您會注意到人們也經常談論相似性。 這可能會造成混淆，因為從一開始，這兩個是極其相反的特徵。 那麼它們在這種情況下是否相關？ 如果是這樣，怎麼做？

首先，讓我們了解設計中的相似性完成了什麼。 就像設計中的對比將一個元素與另一個元素分開一樣，對一組元素使用相似的設計風格會讓客戶覺得他們都有一個獨特的角色。

因此，如果您想將一組文本歸於相似的概念，則必須使用相同的字體、顏色和样式。

繼續，讓我們解決這個問題：當您在設計中使用對比時，為什麼相似性很重要？

這是為了讓您的信息與客戶保持一致，原因很簡單，一些元素必須具有相似的設計風格。 如果一切都是對比鮮明的，那麼客戶將不會關注核心元素。

再次將我們的圖形和背景類比，雖然設計中的對比可以讓您將圖形與背景分開，但使用設計中的相似性可以幫助您將對象分組到背景中。 挑選具有共同主題的事物並將它們分組可以使消費者更容易理解信息。

6 設計對比的類型

很長一段時間以來，我們一直在此博客中詳細介紹在設計中使用對比的影響。 現在我們已經詳細了解了這一點，讓我們繼續了解如何在設計中實際使用它。

鑑於設計對比的重要性，人們可以通過多種方式選擇在營銷和廣告設計中使用對比。 您可以選擇僅採用一種類型，也可以根據設計意圖選擇兩種類型的組合。

為了讓您與設計團隊的討論更輕鬆，Kimp 團隊為您提供了設計對比類型的列表以及它們如何為您提供幫助。

因此，事不宜遲，讓我們直接進入。

1.顏色對比

在平面設計和營銷中，顏色非常重要。 色彩心理學理論詳細說明了消費者如何將不同的含義與每種顏色聯繫起來，這有助於他們更好地理解品牌的信息。 但除此之外，顏色在設計對比中也起著特定的作用。

從設計師可以使用的眾多顏色選項中，他們可以選擇幾種組合，為設計帶來分區、對比和視覺層次。

有很多方法可以做到這一點：

• 改變某些部分的背景顏色以表明它們屬於不同的類別
• 為背景和前景使用明顯不同的顏色以使消息彈出
• 使用符合色彩心理學的對比色來表示兩條信息的不同意圖。

在下面的第一個示例中，我們看到在較暗的背景上並置白色前景如何使設計更加有效。 想像一下白色的前景文本，以了解完整的影響。

在這個例子中，通過顏色在設計中創建對比的影響是顯而易見的，因為它打破了深色設計，提高了設計的可讀性。 您的眼睛會立即轉向白色文字，從而提高銷量。

Kimp 提示：當您通過顏色在設計中使用對比時，選擇正確的顏色組合很重要。 過於對比可能會令人不快，而過於微妙可能會失去目的。 如果需要，您還必須針對不同的屏幕、媒體和暗模式進行優化。

鑑於這可能很複雜，我們建議與 Kimp Graphics 或 Kimp Video 團隊合作，為您挑選最佳的色彩對比設計。

2.大小對比

在顏色之後，如果有一個特徵在任何設計中脫穎而出，那就是尺寸。 我們的大腦是非常直觀的，它甚至可以在閱讀文本之前解釋大小和形狀的變化。 孩子們也可以在發育時期本身理解大/小。 因此，在設計中使用尺寸來突出對比是一項很棒的技術。

這種技術最好的部分是它很容易執行和理解。 在設計中，有些元素在事物的整體方案中具有更高的重要性，而有些則沒有。 但是你如何與客戶溝通呢？ 當然，隨著大小的變化和對比。

現在，這並不意味著這僅適用於文本塊。 您可以通過多種方式使用它。 例如，如果圖像是您設計中最重要的部分，則隨附文本的大小必須遠小於圖像的大小。

在此示例中，您可以看到品牌將視頻視為此著陸頁的最重要元素，並希望將焦點放在它上面。 因此，它是最大的塊。

Kimp 提示：當您使用基於對比尺寸的原則創建設計時，請記住針對移動屏幕優化設計。 如果某個特定的設計元素由於其大小而無法在屏幕上顯示，那麼整個問題將變得毫無意義。

也想為您的品牌創造類似的東西？ 立即與 Kimp Graphics 團隊預約通話！

3.風格對比

雖然顏色和尺寸的對比乍一看很明顯，但設計上的對比效果略有不同。 在這裡，您可以根據需要選擇使這種對比變得大膽或微妙。 與其他類型的對比不同，外行可能不會將手指放在這裡發生的事情上。

然而，這種顯示設計對比的方式可能非常有效。 在我們關於視覺層次的博客中，我們談到了一個好的設計是如何在其中暫停並讓其他元素呼吸的。 您可以在營銷或廣告設計中使用對比設計風格來實現這一點。

考慮下面的例子。 它幾乎沒有任何元素，但仍然是一個引人入勝且有吸引力的設計。 這是因為中心焦點是產品的 3D 渲染/圖像，周圍有一些完全對比的塗鴉。

Kimp 提示：選擇哪兩種風格進行對比並非易事。 兩種設計風格必須對比並很好地協同工作。 例如，您可以用流行的顏色打斷簡約設計以休息一下。

如果您想嘗試一些設計風格組合，Kimp 的無限圖形設計和視頻設計訂閱是您的最佳選擇。 現在檢查！

4.形狀和形式的對比

下一個顯示設計對比的是形狀和形式。 你熟悉流程圖嗎？ 設計師和計劃經理經常使用這些象形圖來詳細說明流程、算法等的流程。 有趣的是，在流程圖中，流程、決策或問題等每個功能都有其指定的特定形狀。 人們可以通過形狀來理解步驟是什麼。

如果您將這些與相似性原則結合使用，形狀對比也可以以相同的方式工作。 是的，將具有相似特徵和信息的形狀分組可以幫助消費者輕鬆閱讀設計。

在此示例中，文本框的形狀也有所不同，但具有相似特徵的文本框保持不變。 這為設計帶來了對比和統一，使其令人愉悅和引人入勝。 由於對比，不同形狀的使用也使其具有美感。

Kimp 提示：如果您不想將自己局限於常規形狀，您也可以探索斑點和其他形式，以在設計中帶來對比。 只要它帶來視覺流動，為信息增添意義，並吸引觀看，天空就是你的極限。

5. 位置對比

當我們說出“對比度”這個詞時，你會想到什麼？ 開箱即用的東西，不合常規，與人們所期望的相反，對吧？ 我們的下一種對比類型就像手套一樣適合那個盒子。

位置上的對比會在消費者眼中產生好奇心、陰謀和驚奇。 它還可以通過在設計中使用象徵主義來幫助您為品牌個性、產品功能等設定基調。 對比世界中的一個有用工具，理解或使用它可能有點棘手。 但這並非不可能。

考慮下面的這個例子，它是一個非常簡單的線性設計。 在大小、顏色甚至形狀上沒有太大的對比。 但僅僅通過移動咖啡杯，設計的效果就更上一層樓了。 顧客的眼睛會立即被杯子吸引，然後是旁邊的文字。 任務完成。

請注意該設計如何在顏色上形成對比，以使前三個單詞脫穎而出。 現在，這就是您在一個設計中結合兩種或多種對比類型的方式。

6. 排版對比

最後但並非最不重要的一點是，在您的設計中利用與排版形成對比的技術。 顏色和字體在設計的成功中起著非常重要的作用。 他們都在心理層面上與消費者建立聯繫。 與色彩心理學一樣，字體心理學也會告訴客戶品牌的特徵和信息背後的情感。

您可以通過在消息中使用不同的字體樣式來突出文本語氣的對比。 通過排版的對比，建立視覺層次也變得更容易。

考慮這個例子。 這是一個充滿彩色圖案而幾乎沒有任何文字的網頁。 但是這個頁面上存在的兩行文字卻有對比。 是的，請仔細注意最後一行“北美觀賞花卉”的字體完全不同。 這是為了展示品牌所推銷的產品的性質，並與觀眾的氛圍完全聯繫起來。

在設計中利用 Kimp 的對比

設計原則聽起來像是只有設計師才需要擔心的事情。 但是，當您在營銷領域工作時，任何設計知識都可以證明是有幫助的。 此外，它還可以幫助您更好地欣賞您的設計和同行的設計。 隨著時間的推移，這只會導致您創建更好的輸出。

總而言之，在設計中達到正確的對比可能會很費力。 它需要許多迭代和實驗。 不用擔心，因為我們為您提供最佳解決方案。

Kimp 的無限製圖形設計 (Kimp Graphics) 和視頻設計服務 (Kimp Video) 以固定月費提供無限制的設計請求、修訂等。 現在實驗是負擔得起的和容易獲得的。

因此，立即註冊免費試用。