設計中的黃金比例以及為什麼它對您的品牌很重要

你知道我們的 DNA 和薩爾瓦多·達利的《最後晚餐的聖禮》與百事可樂等品牌有什麼共同點嗎？ 它們是設計中黃金比例的例子。 黃金比例是一種數學比例，可用於創建視覺上令人愉悅的結果。 這不僅僅是人為結果的問題——黃金比例可以在整個自然界甚至人體中找到。

當您在設計中使用黃金比例時，它會產生自然令人愉悅的構圖。 這正是您希望目標受眾對您的品牌的感受。 這就是為什麼我們要在這篇博客中深入探討設計中的黃金比例。

黃金比例究竟是什麼？

如果兩個量的比例與其總和的比例相同，則稱兩個量與兩者中較大的量形成黃金比例。 太複雜？ 看一下下圖，它簡化了它。

黃金比例也被稱為神聖比例，Phi，還有其他一些名稱。 幾個世紀前，幾個敏銳而好奇的靈魂開始觀察他們周圍自然界中發生的驚人模式。 植物的葉子排列，花瓣的圖案，松果的枝條排列得如此完美，甚至菠蘿的鱗片。 他們注意到這些都具有完全相同的模式。 上述模式為 1,2,3,5,8,13,21,34 等。

這種模式後來被稱為斐波那契數列。 當您開始計算一個斐波那契數與其前一個數的比率時，您將始終得到的答案是 1.61803。 這反過來又被四捨五入到小數點後 3 位以獲得黃金比例。 由於它自然地令人賞心悅目，因此該比例隨後被納入許多不同類型的藝術品中。 從蒙娜麗莎到雕塑、攝影和建築，一切都成為設計中黃金比例的例子。

其他一些黃金比例的例子可以在颶風、蝸牛殼、人臉（那些與比例最接近的人被認為是最美麗的）、米開朗基羅的《創造亞當》，甚至在花卉圖案中找到花瓣。

黃金比例在設計中的意義

在創建營銷材料、名片、雜誌封面、網站甚至海報時，黃金比例非常重要，僅舉幾例。 讓我們看看如何在設計中有效地使用它。

在設計中使用黃金比例

具有黃金比例的形狀

符合黃金比例的形狀添加了黃金這個詞作為能指。 它們是黃金矩形、黃金圓圈、黃金螺旋和黃金三角形。 當正確地組合在一起時，這些形狀可以使設計元素不可忽視。

排版中的黃金比例

在創建任何包含文本的設計時，您應該始終考慮排版的層次結構。 這是設計中的最佳實踐。 為此，您可以使用黃金比例來指導您如何調整字體大小。

例如，假設您需要找出最重要的文本 (A)、有些重要的文本 (B) 和不太重要的文本 (C) 的層次結構。 如果最小的字體大小是 10 像素，那麼您可以將其乘以 1.618，以獲得需要更大字體大小的近似指南。

構圖的黃金比例

為了在不犧牲質量的情況下快速完成您的設計，請讓您的設計師用黃金螺旋覆蓋您的設計。 然後他們將能夠看到各種元素的確切位置，並確定它們是否真的和諧地結合在一起。 設計的焦點也可以使用黃金螺旋來計算。 這意味著在設計中使用黃金比例可以幫助您了解如何放置標題，以便獲得最多的關注。 如果設計需要更多能量，這種技術還可以幫助查看哪些元素需要移動。

標誌中的黃金比例

一個經過深思熟慮的標誌對您的品牌非常重要。 如果做得好，它會成為您品牌中最容易識別的元素。 並在讓您成為目標受眾的首要任務方面發揮著重要作用。 這就是為什麼在標誌設計中不應忽視黃金比例的原因。 這將有助於立即吸引客戶的眼球，並幫助他們與您的品牌建立聯繫。

世界上一些最大和最成功的品牌，如百事可樂、推特和蘋果，實際上他們的標誌與黃金比例一致。 在設計徽標時，設計師甚至可以將斐波那契數列視為一系列圓圈。 然後可以重新排列圓圈以形成網格，作為標誌設計的基礎。 這就是上面示例中顯示的內容，您可以在其中看到徽標是如何放置到圓圈中的。

選擇佈局的黃金比例

以一種看起來有凝聚力的方式將一堆不同的元素融入設計中是一項艱鉅的工作。 尤其是在登陸頁面或您的網站方面。 然而，黃金比例可以幫助挽救局面！ 它可用於確定佈局中所需的尺寸，以及所涉及的每個元素的放置位置。 一個非常簡單的方法是從一開始就根據 1:1.618 設置尺寸。 然後繼續使用該框架。 這將是最實用的方法，您可以使用基本的 960 像素寬度，然後將其除以 1.618。 您在這裡得到的答案將是設計的高度。

網絡上的黃金比例和內容

黃金比例還可用於確定文本列的排列方式。 雖然您的目標網頁上的文字可能很少，但這將對您的網站起作用。 例如，一個頁面的右側有一個窄的文本列，而左側有一個更寬的文本塊，不僅會吸引查看者的眼球。 它還突出顯示了最重要的信息。 對於像素寬度為 960 的站點，這意味著右側列應為 367 像素寬，左側應為 593 像素。

您的佈局可能不允許精確的黃金比例，但只要您盡可能接近 1:1.61 的比例，您就會獲得採用黃金比例的好處。

此策略的另一個好處是它可以幫助讀者瀏覽您所包含的不同類型的內容（例如視頻、照片和基於文本的內容）。 這就是為什麼您會在許多流行網站（例如 Fast Company、BuzzFeed）上找到這種佈局示例的原因。

用黃金比例隔開你的元素

我們在所有設計博客中都強調了白色或負空間的重要性。 它允許設計中的元素呼吸，而不是看起來雜亂無章。 也就是說，我們也知道弄清楚如何去做並不總是一件簡單的事情。 弄清楚在哪里以及如何離開這個負空間可能會變得很棘手。

如果你確實使用黃金比例，你肯定會有一個很好的起點。 而且由於在沒有參考點的情況下試圖弄清楚這一點可能非常耗時，所以讓我們不惜一切代價避免這種情況。 看看上面的例子。 您可以看到正方形如何用於決定需要負空間的位置。

使用黃金比例裁剪圖像

將黃金比例融入設計的最簡單方法之一是根據黃金比例裁剪圖像。 你不需要對你擁有的每一張圖片都這樣做，但如果你確實覺得某個特定的圖片很重要並且需要突出顯示，請詢問你的設計是否可以將其裁剪成黃金矩形。 您也可以在拍照時實施此技術。 黃金螺旋可以用作圖像如何組成的指南。

將黃金比例融入設計的最簡單方法之一是根據黃金比例裁剪圖像。 你不需要對你擁有的每一張圖片都這樣做，但如果你確實覺得某個特定的圖片很重要並且需要突出顯示，請詢問你的設計是否可以將其裁剪成黃金矩形。 您也可以在拍照時實施此技術。 黃金螺旋可以用作圖像如何組成的指南。

什麼是三分法則？

這個原理類似於黃金比例，更容易實現。 儘管這確實意味著您的結果不會像比率那樣精確，而且令人賞心悅目。 三分法則涉及一個由九個部分組成的網格。 根據規則，每個部分將具有相同的大小。 我們鼓勵您關注線的交叉點或線本身。 這將使您獲得平衡的照片或設計的結果。

在攝影的情況下，如果您將方格紙放在取景器上，您將看到您拍攝的對像如何與頁面上的矩形和正方形對齊。 這些交叉點將用作指導您應該在照片中放置主要和次要元素的位置。

該規則也有一些例外。 例如，如果您要直接進行爆頭，最好將面部居中放在屏幕上並忘記網格線。

黃金比例和雜誌封面設計

雜誌封面是設計中黃金比例有效的一個很好的例子。 只需查看上面以 Solange Knowles 為特色的 Complex 雜誌封面。 此設計使用黃金比例來正確確定正負空間的比例。 我們可以從她的鼻子頂部和前額附近的角度看到這一點。 以及她的鼻子和眼睛是如何對齊的。 結果是一個平衡的圖像，自然對人眼更有吸引力。 由於雜誌封面是吸引讀者購買問題的因素，因此設計中的黃金比例非常重要。 您可以將其等同於作為您與受眾的初始接觸點的任意數量的營銷材料。

可以幫助您在設計中使用黃金比例的工具

開始習慣於在設計中實施黃金比例規則可能具有挑戰性。 因此，這裡有一些工具可以在您考慮完成設計時使用。

矩陣

這是一款疊加軟件，可以與您的設計師使用的編輯工具很好地配合使用。 它不是一個插件，更像是一個透明的數字模板，可以放在正在完成的設計之上。 它適用於 Windows 和 Mac 以及一系列應用程序。

GRT 計算器

GRT Calculatore 將有助於輕鬆確定內容的字體大小和寬度。 它使設計師能夠在屏幕上嘗試不同版本的字體。

重點

如果您想在 WordPress 上完成設計，Focus 是您的首選工具。 這是一個完全專注於黃金比例的 WP 主題。 對於理想的現代網站，它還具有許多其他必備功能。

披頭士計算器

這是一個很棒的 Mac 小部件，如果他們足夠舒適地計算比率，它將幫助設計師。 它允許計算 Phi。 它將提供有關方向和盒子形狀所需的信息。

黃金分割卡尺

想要在紙上或畫布上完成設計並且仍然想要使用黃金比例？ 該工具可以幫助您完成這項工作。 它被世界各地的藝術家和設計師使用，以獲得完美的藝術平衡。 它特別有助於人體的任何成分。

關於設計中的黃金比例的最後一句話

黃金比例對設計如此重要有一個很大的原因。 它確實帶出了任何元素或構圖最具美學吸引力的一面。 黃金比例也無處不在。 它甚至在你的手掌線上！ 您不必在要完成的每個設計中都使用黃金比例。 有時您的特殊需求、格式和/或您需要包含的所有元素都不允許。

但是，只要有可能，就可以將其納入其中，這是吸引客戶注意力的保證方式。 由此產生的變化將是相當微妙的，但它們會將設計從“meh”變為“amazing！”。 畢竟，蒙娜麗莎從未失去她的吸引力，不是嗎？