什么是黃金比例棚赔?該如何應(yīng)用到設(shè)計上帝簇?

之前也和大家分享過很多關(guān)于黃金分割的問題务热。我們在大自然中很容易找到這樣的比例,當(dāng)它用于設(shè)計時己儒,能創(chuàng)造出有生命力的崎岂、純天然的視覺作品,愉悅我們的眼睛闪湾。但究竟什么是黃金比例,如何使用它來提高你設(shè)計水平?下面給你分析分析冲甘。關(guān)注公眾號Pm6669999回復(fù):教程可以獲取學(xué)習(xí)資料哦

黃金比例是多少?

我們會把它盡可能解釋得簡單喲途样!黃金比例(也被稱為黃金分割,中庸之道,神圣比例或希臘字母φ)存在于被分割成兩截的線段中江醇,我們設(shè)較長的一段為a,較短的一段為b何暇,那么有:(a)÷(b)=【(a)+(b)】÷(a),都等于1.618陶夜。

但是不要讓這些數(shù)字難倒你。在設(shè)計中,黃金比例可以歸結(jié)為美學(xué)——創(chuàng)造和激發(fā)一種通過比例與和諧產(chǎn)生的美感裆站。當(dāng)應(yīng)用于設(shè)計中時,黃金比例提供了一種藝術(shù)性;一個未知因素,一定的描述的事物条辟。

這種和諧和比例已被成千上萬的世紀(jì)所承認(rèn):從吉薩金字塔到雅典的帕特農(nóng)神廟;從米開朗基羅的《亞當(dāng)?shù)膭?chuàng)生》到西斯廷教堂天花板上梵高的《蒙娜麗莎》宏胯;從百事 logo 到 Twitter logo羽嫡。甚至于我們的身體和臉也同樣遵循這樣的數(shù)學(xué)比例:

事實上,我們的大腦似乎本能地更喜歡使用黃金比例的對象和圖像。這幾乎是一個潛意識的力量肩袍,以至于哪怕為圖像作更接近黃金比例的微妙調(diào)整對我們的大腦也有很大影響杭棵。

黃金比也適用于形狀。畫一個正方形氛赐,設(shè)定邊長為1魂爪,改變其中一邊使其變?yōu)?.618,一個完美的黃金比矩形便赫然紙上艰管。

現(xiàn)在滓侍,如果你把正方形疊加在矩形上,那么這兩個圖形會讓你看到一個黃金比矩形蛙婴。

如果你一直按照這樣的方式把黃金比應(yīng)用到新矩形上粗井,那么你最終會得到一個個逐漸縮小的正方形:

假如你在上面這張黃金比例圖的每個正方形的對角畫一條曲線,你將會看到一個黃金比例曲線(亦稱斐波 那契序列)—— 這個序列中的每一個數(shù)字是前面兩個數(shù)字之和街图。我們從零開始,結(jié)論如下:0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144……等等懒构。

通過在每個正方形中畫對角曲線你會發(fā)現(xiàn)餐济,這張圖出現(xiàn)了一條神奇的黃金比例曲線:

這條美麗的螺旋曲線出現(xiàn)在自然界很多的物種當(dāng)中——蕨類植物、花卉胆剧、貝殼絮姆,甚至颶風(fēng)——這也許就是為什么我們會覺得他們具有強(qiáng)烈的視覺吸引力醉冤。因為畢竟,天然的就是最好的篙悯。

我們再進(jìn)一步研究它吧蚁阳,在每個正方形中畫一個正圓——這樣的結(jié)果是所有圓的大小也同樣遵循1:1.618,它們的比例看起來是多么的平衡案胝铡螺捐!

所以,我們現(xiàn)在有了黃金比正方形矮燎、黃金比矩形和黃金比圓定血,快到你的設(shè)計中盡情釋放它們吧!

應(yīng)用黃金分割的五種方式

OK诞外,你現(xiàn)在已經(jīng)理解黃金比例的概念了澜沟,那么讓我們看看它是如何提升設(shè)計的整體水平,

黃金比例可以運用設(shè)計中的許多地方峡谊,像布局茫虽、間距、內(nèi)容既们、圖片和版式席噩。

01.布局——用黃金比例設(shè)置空間布局

我們常常把黃金比例看作是確定空間布局的實用指南。應(yīng)用黃金分割的一個非常簡單的方法是將矩形的長寬比設(shè)為1:1.618.

例如:960像素是非常典型的畫布寬度贤壁,用這個寬除以1.618悼枢,得到一個594像素的數(shù)值,把它設(shè)置為高度脾拆,就是一塊完美的畫布馒索。

現(xiàn)在,打破這種布局名船,使用黃金比例分成兩列绰上。瞧!在這兩個形狀使你的設(shè)計呈現(xiàn)協(xié)調(diào)的黃金比例布局渠驼。

這樣的兩列布局非常適合網(wǎng)頁設(shè)計蜈块,在這種格式中你會看到許多在線內(nèi)容。美國 National Geographic 就采用這種布局構(gòu)建了一個整潔迷扇、易于閱讀百揭、結(jié)構(gòu)良好的網(wǎng)站。它為讀者提供了一個合乎規(guī)律的秩序井然的蜓席、平衡的和層次分明的閱讀體驗器一。

02.間距—黃金比例布局

間距是任何設(shè)計的一大要素,它能營造負(fù)空間氛圍厨内,使最終的結(jié)果要么成功要么毀滅祈秕。確定元素的間距是相當(dāng)耗時的事情渺贤,但是,運用黃金分割圖请毛,讓正方形來引導(dǎo)你確定每個元素的位置志鞍,工作起來會更省力好 多。這將確保你的間距和比例是通過嚴(yán)密的計算而不是“憑感覺來的”方仿,同時任何為達(dá)到黃金比例而作的微妙的調(diào)整都可能導(dǎo)致所有元素的差異固棚。

再者,如果你需要同時處理幾個元素,也可以運用多個黃金比例來保持設(shè)計作品的整體連貫性兼丰。

設(shè)計工作室 Moodley 為布雷根茨 Festspiele 表演藝術(shù)節(jié)開發(fā)了一款新的品牌標(biāo)識玻孟,包括logo、logo風(fēng)格和拼貼設(shè)計鳍征,應(yīng)用于程序黍翎、節(jié)目單和戶外活動。節(jié)目單著重強(qiáng)調(diào) 了攝影和說明性的拼貼艳丛,還有一個留出大片空白的波形logo匣掸。黃金比例用來確定每個元素的大小和位置,以確保封面比例協(xié)調(diào)。

新加坡的一家設(shè)計機(jī)構(gòu)Lemon Graphic 為Terkaya 財富管理 創(chuàng)建了一個視覺識別系統(tǒng)氮双,如下圖碰酝。這張商務(wù)名片上的三個元素——小鷹、文字和大鷹——都分布在一條黃金曲線的不同位置戴差。

同時送爸,將黃金比矩形放置在小鷹的位置,它也是呈這個比例的暖释。

03.內(nèi)容—運用黃金螺旋

黃金螺旋可以被看作是確定內(nèi)容的位置“指南”袭厂。我們的視覺會自然而然的落到螺旋的中心,這個位置有很多細(xì)節(jié)性的元素球匕,所以在做設(shè)計時我們要非常關(guān)注螺旋的中心位置和螺旋走過的視覺空白區(qū)域纹磺。

再來看國家地理網(wǎng)站,你會發(fā)現(xiàn)在曲線的中心存在著第二個亮曹、小一點的logo橄杨。這是一個加倍提高品牌形象的好地方,因為這里很自然地吸引了我們的注意力照卦。是潛意識的嗎?也許吧式矫。黃金比例可以讓一切看起來那樣自然。

下面這個網(wǎng)站由平面設(shè)計師 Tim Roussilhe 為 自己設(shè)計窄瘟。它的內(nèi)容雖看起來非常密集衷佃,但它的排版也遵循黃金比例和黃金螺旋規(guī)律,它的重點是文本的左上部分的網(wǎng)站蹄葱。我們的視線首先會落在頂端“你好,我的 名字叫提姆”這個位置氏义,慢慢地,會向Tim的工作內(nèi)容轉(zhuǎn)移图云,然后看到一個菜單按鈕惯悠,進(jìn)而發(fā)現(xiàn)左上角的一個圖標(biāo),在視線到達(dá)這個設(shè)計的“消極區(qū)域”前竣况,我們 已經(jīng)接收完所有它需要告訴我們的信息了克婶。

在這個為 Saastamoisen saatio 所做的視覺識別系統(tǒng)中,隨著黃金螺旋的不斷延伸丹泉,內(nèi)容也愈加密集情萤。當(dāng)我們的視線與曲線越近,字體和間距也在不斷減小摹恨。字母無序排列筋岛,但一回生二回熟,通過一遍遍重復(fù)使用晒哄,品牌名稱也變得熟悉起來睁宰。

Helms Workshop 工作室為Fullsteam啤酒廠設(shè)計了這個品牌,他使用黃金比例和黃金螺旋處理布局和內(nèi)容寝凌。設(shè)計中的各種元素在每個獨立的正方形中都顯得非常和諧柒傻,視線的 重點也正好落在主人公、郵票较木、酒精含量和廠址上红符。當(dāng)我們看到這張標(biāo)簽時,通過黃金比例構(gòu)圖讓我們 注意到其中的內(nèi)容伐债,進(jìn)而讓我們了解創(chuàng)始人和品牌故事的細(xì)節(jié)预侯。

04.圖像——黃金比例(三分法)

無論是傳達(dá)重要信息或創(chuàng)建一個美觀的照片,結(jié)構(gòu)對任何圖像都很重要泳赋。黃金比例可以幫助設(shè)計師搭建一個結(jié)構(gòu)雌桑,引導(dǎo)觀眾的視線到重要的位置去。使用黃金比例祖今,將一張照片分割成不等的三個空間校坑,再運用線條和相交的點去創(chuàng)建結(jié)構(gòu)。

比例是1:0.618:1——設(shè)定第一和第三縱列的寬度為1千诬,那么中間縱列的為0.618耍目。同樣,水平方 向:第一和第三橫排的高度為1,中心一行的寬度為0.618⌒彀螅現(xiàn)在使用這些線和交點吸引觀者的注意力向這些位置集中邪驮。這些元素形成了一種張力,增加了設(shè)計 結(jié)構(gòu)的趣味和力量傲茄。

另一個(稍微簡化)通過黃金比例處理圖像位置的的方法是三分法毅访。它不像黃金比例一樣精確沮榜,但相當(dāng)接近。三分法即將空間劃分為三個水平或垂直方向都相等的空間喻粹,使圖像的重要元素都圍繞在矩形中心理想情況下的四個交點上蟆融。

這個是《Complex》的封面,歌手Solange Knowles擔(dān)當(dāng)模特守呜,它同樣使用黃金比例來確定正負(fù)空間的比例型酥。Solange 的鼻子和前額位于三分水平線最頂端一條,鼻子和眼睛則分別落在兩條垂直線上查乒,這里剛好是矩形中心弥喉。

這張封面是 Jason Mildren 為《Pilot》雜志所作,它的設(shè)計原理就是三分法玛迄。矩形中心的角落的設(shè)計呈現(xiàn)出一種趣味,雖然是中心,但大部分是空白的空間由境。模特的眼睛正巧落在這個角落里,洞察著觀眾的內(nèi)心憔晒。

《Feld》的這張封面將模特對稱的眼睛作為黃金比例的重心藻肄。這張封面看起來相當(dāng)不錯,因為模特偏離了畫面中心拒担,而且他的臉幾乎與左側(cè)閱讀指南垂直嘹屯。

封面的整體布局同時遵循黃金分割和黃金螺旋。內(nèi)容集中在螺旋的位置从撼,越接近螺旋的中心內(nèi)容越詳細(xì)州弟。

05.格式——黃金比例圓

我們現(xiàn)在知道黃金比例可以用來創(chuàng)建比例和諧的正方形和矩形,它也還可以用于創(chuàng)建黃金比的圓低零。每一個正方形中的圓都與其鄰近的圓成1:1.618的比例婆翔,這就是完美的圓!

使用黃金分割圓不僅能創(chuàng)建和諧掏婶、均衡的設(shè)計啃奴,也能保持格式的一致性。讓我們回過頭來看百事可樂和Twitter的logo雄妥。

百事可樂的標(biāo)志基于兩個按照黃金比例相交的圓最蕾。小圓在重迭的圖案中并不那么明顯,但是通過logo中間的白色部分還是能被識別的老厌。

Twitter的標(biāo)志基于幾何結(jié)構(gòu)并重點利用了圓的完美瘟则。從下面這張圖我們可以看出,它確實是運用黃金比例繪制的枝秤,但不完全精確醋拧。圖案總體還是遵循黃金比平衡、協(xié)調(diào)、有序的特點丹壕。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末庆械,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子雀费,更是在濱河造成了極大的恐慌干奢,老刑警劉巖痊焊,帶你破解...
    沈念sama閱讀 207,113評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件盏袄,死亡現(xiàn)場離奇詭異,居然都是意外死亡薄啥,警方通過查閱死者的電腦和手機(jī)辕羽,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評論 2 381
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來垄惧,“玉大人刁愿,你說我怎么就攤上這事〉窖罚” “怎么了铣口?”我有些...
    開封第一講書人閱讀 153,340評論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長觉壶。 經(jīng)常有香客問我脑题,道長,這世上最難降的妖魔是什么铜靶? 我笑而不...
    開封第一講書人閱讀 55,449評論 1 279
  • 正文 為了忘掉前任叔遂,我火速辦了婚禮,結(jié)果婚禮上争剿,老公的妹妹穿的比我還像新娘已艰。我一直安慰自己,他們只是感情好蚕苇,可當(dāng)我...
    茶點故事閱讀 64,445評論 5 374
  • 文/花漫 我一把揭開白布哩掺。 她就那樣靜靜地躺著,像睡著了一般涩笤。 火紅的嫁衣襯著肌膚如雪嚼吞。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,166評論 1 284
  • 那天辆它,我揣著相機(jī)與錄音誊薄,去河邊找鬼。 笑死锰茉,一個胖子當(dāng)著我的面吹牛呢蔫,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 38,442評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼片吊,長吁一口氣:“原來是場噩夢啊……” “哼绽昏!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起俏脊,我...
    開封第一講書人閱讀 37,105評論 0 261
  • 序言:老撾萬榮一對情侶失蹤全谤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后爷贫,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體认然,經(jīng)...
    沈念sama閱讀 43,601評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,066評論 2 325
  • 正文 我和宋清朗相戀三年漫萄,在試婚紗的時候發(fā)現(xiàn)自己被綠了卷员。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,161評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡腾务,死狀恐怖毕骡,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情岩瘦,我是刑警寧澤未巫,帶...
    沈念sama閱讀 33,792評論 4 323
  • 正文 年R本政府宣布,位于F島的核電站启昧,受9級特大地震影響叙凡,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜箫津,卻給世界環(huán)境...
    茶點故事閱讀 39,351評論 3 307
  • 文/蒙蒙 一狭姨、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧苏遥,春花似錦饼拍、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至教硫,卻和暖如春叨吮,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背瞬矩。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評論 1 261
  • 我被黑心中介騙來泰國打工茶鉴, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人景用。 一個月前我還...
    沈念sama閱讀 45,618評論 2 355
  • 正文 我出身青樓涵叮,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子割粮,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,916評論 2 344

推薦閱讀更多精彩內(nèi)容