Twitter和百事可樂與埃及吉薩大金字塔和梵高畫的蒙娜麗莎有什麼共同之處?
簡單的答案是每個設計都使用黃金比例。
黃金比例代表一個數學比例。它還用于自然世界和設計,您可以繪制出據說外觀漂亮的構圖。那麼什麼是黃金比例呢?以及如何改進您的設計?
詳情如下。
什麼是黃金比例?黃金比例(英文:Golden Ratio)是一條線被a和b的長度一分為二使得a:b=b:(a b)成立時的比率。:b,兩者都有一個值1.618。
不要因為它是一個公式而沮喪。設計中使用黃金比例來表達美麗和諧的比例。此外,通過在設計中融入黃金比例,可以表現出難以比較的美感。
這個美麗的黃金比例已經使用了幾個世紀,從吉薩大金字塔到米開朗基羅在西斯廷教堂的“創造亞當”,在希臘的帕台農宮,也被用于梵高的“蒙娜麗莎”,并最終在百事可樂标志和推特标志。此外,甚至我們的身體和面孔也以數學比例表示。
事實上,據說我們的大腦更喜歡利用黃金比例的物體和圖像,這幾乎是一種無意識的反應。通過使用黃金比例微調設計,您可以對大腦産生更強的影響。
黃金比例也可以應用于形狀。通過準備一個正方形,将一個的長度乘以 1.618 倍,就可以創建一個漂亮、均勻的矩形“黃金矩形”。
您可以通過并排排列正方形和矩形來表達黃金比例。
在上面的示例中,将黃金比例應用于最右邊的矩形将逐漸減小正方形的大小。
您可以通過使用上面示例中每個正方形的角繪制平滑的拱形曲線來繪制螺旋線(斐波那契數列)。該序列從 0 開始,并通過添加前兩個數字繼續到 0、1、1、2、3、5、8、13、21、34、55、89、144。
這種美麗的螺旋形設計在自然界中很常見,比如向日葵花、貝殼、台風和蕨類植物,所有這些看起來都很吸引人。
讓我們更進一步,将圓圈追蹤到每個正方形。這将允許您使用 1:1.618 的黃金比例繪制一個平衡的圓。
現在我學會了如何使用黃金比例繪制正方形、矩形和圓形。使用這些與有效的技術來創建有吸引力的設計。
詳情如下。
5點善用設計中的黃金比例黃金比例的基本知識可能就足夠了,但這裡有五點關于如何實際使用黃金比例來改進設計。
特别是,黃金比例可以應用于各種組合,如布局、邊緣空間、内容、圖像照片和标志設計。
01.布局:使用黃金比例的尺寸。在調整布局大小時,請使用黃金比例作為指導。獲得黃金比例的最簡單方法是以 1:1.618 的比例對其進行标注。
例如,如果您考慮網站上的典型 960px,您可以将其除以 1.618 以确定 594px 的高度。
另外,讓我們使用黃金比例進行布局并将其分為兩列。這會給你一個和諧美麗的外觀。
兩列布局非常适合網頁設計,是在線内容中常見的布局格式。下面的示例示例出色地使用了黃金比例來創建一個幹淨、易于閱讀、整潔和有組織的網站。還有一點是,順序、餘額、層次結構等都是在不知不覺中展示給用戶的。
02.保證金空間:讓我們使用黃金比例來安排。
在任何設計中,确保留出空間都很重要,并且根據使用方式,設計可能是好是壞。确定邊距空間需要時間,但讓我們改用黃金比例。讓我們将設計部分放在每個正方形上。
通過使設計比直觀的放置更具吸引力并使用黃金比例進行微調,您可以完全改變外觀。
在排列多個設計元素時,您可以通過組合幾個黃金比例來創建一個統一而美觀的設計,如下所示。
在下面的示例示例中,它由三個設計元素(小鷹、文本文本、大鷹)組成,位置由黃金比例确定。
此外,通過為小鷹添加黃金比例,設計看起來很漂亮。
您可以使用由黃金比例創建的螺旋作為指導來決定将内容放置在哪裡。我們的眼睛集中在螺旋的中心,那裡表達了最精細的細節。因此,盡量将焦點放在螺旋螺旋的中心。
讓我們重新審視技術 1 中引用的示例。你可以看到小标志在螺旋形的中心。通過使用黃金比例,我們自然可以吸引用戶的注意力。
在下面的示例中,将很多内容放在一起,但通過應用黃金比例和黃金螺旋,信息組織得很好。首先,我注意到自我介紹“Bonjour 我的名字是 Tim”,然後将視線引導到左側邊欄的 logo 和菜單上,邊距空間得到了很好的保護。
在下面的示例示例中,您可以看到随着螺旋螺旋的推進,字母變得越來越小,并且設計變得更加密集。
作為另一個示例示例,以下使用黃金比例和螺旋來确定内容的布局。通過将設計元素排列成不同大小的方格,讓視線随心所欲地引導,故事在設計中被很好地制作出來。
04.Image Image:讓我們使用三分法。
在圖像中,構圖對于傳達重要信息和創造精美設計非常重要。通過使用圖像中的黃金比例,有助于将視線引導至重要的設計元素。讓我們使用黃金比例将圖像垂直和水平分成三部分。
此時,通過将寬度比例設置為 1:0.618:1,就可以使用黃金比例進行分割。通過在線條交叉處排列設計元素,您可以吸引注意力并表達更具吸引力的構圖。
作為使用黃金比例裁剪圖像的另一種技術,讓我們使用三分法則(英語:Rule of Thirds)。通過将圖像照片 1:1:1 均勻劃分,所有空間都将具有相同的大小。将最重要的設計元素放在中心矩形的角上。
在下面的示例中,邊距空間和放置位置是使用黃金分割率确定的。可以看到女模特的鼻子和額頭與頂部水平線對齊,眼睛和鼻子沿着中央矩形垂直線對齊。
在下面的示例示例中,使用了三分法則。在這裡,中心的矩形幾乎是空白的,旨在吸引注意力。女性模特的眼睛被放置在矩形的角上,以創建對用戶更具吸引力的設計。
下面的示例示例中也使用了黃金比例,并且剪掉了女模特的眼睛。通過将模特稍微偏離中心排列,可以看到垂直線條和女模特的臉整齊排列。
此外,整體設計采用黃金比例和黃金螺旋。所有内容都被設計成螺旋形,随着螺旋形的進行,信息會更詳細。
05.标志設計:使用黃金圈。
正如您可以使用黃金比例來創建漂亮、均勻的正方形和矩形一樣,您也可以将其應用于圓形。與正方形相鄰創建的所有圓圈的比例為 1:1.618。
使用黃金比例的圓圈“Golden Circles”不僅表現出漂亮的外觀,還可以應用于統一的标志設計。讓我們仔細看看百事可樂和 Twitter 的标志設計。
百事可樂标志設計由兩個利用黃金比例的獨特圓圈組成。黃金比例應用于标志中心的白色切片,可以與圓形相結合。
Twitter 标志設計由使用幾何圖形的多個圓圈組合而成。它不如使用黃金比例排列元素時準确,但在表面上它使用黃金圓來協調平衡和設計。
可與黃金比例一起使用的有用工具摘要
了解黃金比例後,讓我們将其用于設計。這裡有一些有用的工具可以快速自動地進行複雜的黃金比例計算。能夠在生産中快速使用黃金比例可能會很好。
RATIO – 黃金比率和白銀比率計算器一個免費的 iPhone 應用程序,顯示除以黃金比例和白銀比例的矩形。如果輸入參考值,将自動計算 5 個尺寸。
RATIO – 黃金比率和白銀比率計算器
金屬比例它是一個網絡應用程序,隻需指定一個參考值,即可輕松計算黃金比例、白銀比例、鉑金比例、青銅比例等貴金屬比例。由于您可以直觀地查看比率以及數值,因此您可以直觀地獲得您正在尋找的比率。
金屬比例
獲取比率輸入寬度大小時顯示每個矩形的大小的網絡工具,例如黃金矩形、16:9、4:3、3:2。也可用于為網站創建圖像的項目。
網絡總數
除了黃金比例之外,這也是一個網絡工具,可以讓您輕松計算出日本人熟悉的“白銀比例”,因此被稱為“大和比例”。如果您想将多張圖像整齊地排列在水平行中,請這樣做。
最後,。黃金比例(英文:Golden Ratio)可用于各種設計元素。可能隻有一些調整,但它将把“好的設計”變成“偉大的設計”。美在觀者的眼中。(美在旁觀者的眼中。)
The Power of Limits 的作者 György Dóczi說:“黃金比例保持設計和諧的真正力量在于,你可以将不同的設計組合成一個,這樣你就可以很好地融合整個設計,同時保留每個個性。”它指出。
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!