黃金比例設(shè)計(jì)

黃金比例設(shè)計(jì)

2021/5/91

黃金比例是數(shù)學(xué)上的一個(gè)比例。在自然界和設(shè)計(jì)中，你所看見(jiàn)的美景有很多都用到了黃金比例。那么，在設(shè)計(jì)中如何運(yùn)用黃金比例，來(lái)改良、提高你的設(shè)計(jì)。2021/5/92黃金比例是什么？

關(guān)于黃金分割比例的起源大多認(rèn)為來(lái)自畢達(dá)哥拉斯，據(jù)說(shuō)在古希臘，有一天畢達(dá)哥拉斯走在街上,在經(jīng)過(guò)鐵匠鋪前他聽(tīng)到鐵匠打鐵的聲音非常好聽(tīng)，于是駐足傾聽(tīng)。他發(fā)現(xiàn)鐵匠打鐵節(jié)奏很有規(guī)律，這個(gè)聲音的比例被畢達(dá)哥拉斯用數(shù)理的方式表達(dá)出來(lái)。被應(yīng)用在很多領(lǐng)域，后來(lái)很多人專(zhuān)門(mén)研究過(guò)，開(kāi)普勒稱(chēng)其為“神圣分割”也有人稱(chēng)其為“金法”。

黃金分割又稱(chēng)黃金律，是指事物各部分間一定的數(shù)學(xué)比例關(guān)系，即將整體一分為二，較大部分與較小部分之比等于整體與較大部分之比，其比值為1∶0.618或1.618∶1，即長(zhǎng)段為全段的0.618。0.618被公認(rèn)為最具有審美意義的比例數(shù)字。上述比例是最能引起人的美感的比例，因此被稱(chēng)為黃金分割。2021/5/93

黃金分割被認(rèn)為是建筑和藝術(shù)中最理想的比例。建筑師們對(duì)數(shù)字0.618…特別偏愛(ài)，無(wú)論是古埃及的金字塔，還是巴黎的圣母院，或者是近世紀(jì)的法國(guó)埃菲爾鐵塔，都有與0.618…有關(guān)的數(shù)據(jù)。還有，在古希臘神廟的設(shè)計(jì)中就用到了黃金分割。2021/5/94

用公式來(lái)表示的話未免太抽象了。在設(shè)計(jì)中可以利用黃金比例進(jìn)行調(diào)和或者進(jìn)行完美的分割。通過(guò)在設(shè)計(jì)中結(jié)合黃金比例，可以很輕松的將美的感覺(jué)表現(xiàn)出來(lái)。

黃金比例這種美麗的比例，已經(jīng)被應(yīng)用了很多個(gè)世紀(jì)了。從吉薩的大金字塔\帕特農(nóng)神廟\\「蒙娜麗莎」，到現(xiàn)在的蘋(píng)果和百事的LOGO都有他的身影。甚至從我們的臉到身體的各個(gè)部位，都可以通過(guò)這一數(shù)學(xué)的比例來(lái)表現(xiàn)出來(lái)。

2021/5/95實(shí)際上，我們的大腦，比較喜歡利用了黃金比例的物體或者圖像，是真正的潛意識(shí)的選擇。通過(guò)利用黃金比例在設(shè)計(jì)中進(jìn)行一些微調(diào)，可以給你的大腦帶來(lái)一些強(qiáng)烈的沖擊。

黃金比例，也可以應(yīng)用到圖形當(dāng)中。首先我們來(lái)準(zhǔn)備一個(gè)正方形，然后將他的一邊增長(zhǎng)為另一邊的1.618倍，這樣就制作了一個(gè)美麗均等的黃金長(zhǎng)方形了。將正方形和長(zhǎng)方形并排放在一起，就可以將黃金比例直觀的表現(xiàn)出來(lái)了。2021/5/96上面的這個(gè)案例，由于最右邊的長(zhǎng)方形適用了黃金比例，左邊的正方形將會(huì)不斷變小。上面的這個(gè)例子中正方形的每個(gè)角都被使用了，通過(guò)繪制拱形的平滑曲線，螺旋狀的線被描繪出來(lái)了。2021/5/97這樣美麗的螺旋設(shè)計(jì)，在向日葵的花，貝殼，臺(tái)風(fēng)，蕨草等自然界中是很常見(jiàn)的。無(wú)疑也是非常有吸引力的。2021/5/98我們繼續(xù)進(jìn)行下一個(gè)步驟，讓我們?cè)诿恳粋€(gè)正方形中都畫(huà)上一個(gè)圓。因?yàn)槔昧?：1.618這樣一個(gè)黃金比例，你可以繪制得到每一個(gè)平衡的圓。2021/5/99在設(shè)計(jì)中利用黃金比例的五個(gè)要點(diǎn)01.布局：在尺寸上運(yùn)用黃金比例在決定布局的大小的時(shí)候，試著以黃金比例為方針設(shè)計(jì)吧。讓我們?cè)囍米詈?jiǎn)單的方法，也就是1：1.618這個(gè)比例來(lái)決定布局的尺寸吧。舉個(gè)例子，考慮到一般的網(wǎng)頁(yè)是960px，按照1：1.618這個(gè)比例來(lái)計(jì)算的話，那么高度就可以設(shè)置為594px。同時(shí)在布局上也可以利用黃金比例，將其分為兩個(gè)部分。通過(guò)這種方法，可以將兩個(gè)美麗的景色完美的調(diào)和在一起。2021/5/910在設(shè)計(jì)中利用黃金比例的五個(gè)要點(diǎn)

二列式的布局，和網(wǎng)頁(yè)有著很好的相容性，也是常見(jiàn)的網(wǎng)頁(yè)設(shè)計(jì)布局方法。下面的這個(gè)設(shè)計(jì)案例，利用好看的黃金比例，我們可以由此建立一個(gè)整潔有序的網(wǎng)站，同時(shí)還能提高網(wǎng)頁(yè)的清潔度和易讀性。通過(guò)這種無(wú)意識(shí)的排列，將這種層次感傳遞給用戶。2021/5/911在設(shè)計(jì)中利用黃金比例的五個(gè)要點(diǎn)

02.留白的空間：利用黃金比例去配置不管在什么樣的設(shè)計(jì)中，確保留白的空間都是十分重要的。通過(guò)使用這種方法，可以分辨出設(shè)計(jì)的好壞。確定留白的空間是需要時(shí)間的，但是我們可以通過(guò)利用黃金比例來(lái)代替他，將各種各樣的正方形作為設(shè)計(jì)零件來(lái)設(shè)置。有吸引力的設(shè)計(jì)和較為直觀的位置，通過(guò)使用黃金比例進(jìn)行微調(diào)，在視覺(jué)上就會(huì)有很大的改觀。當(dāng)幾種設(shè)計(jì)要素并列的場(chǎng)合，通過(guò)結(jié)合下面的幾組黃金比例，將設(shè)計(jì)中的統(tǒng)一感的魅力給表現(xiàn)出來(lái)。2021/5/912在設(shè)計(jì)中利用黃金比例的五個(gè)要點(diǎn)

下面的這個(gè)設(shè)計(jì)案例，是用來(lái)做藝術(shù)節(jié)宣傳的傳單，從LOGO到圖案，都利用了黃金比例來(lái)進(jìn)行配置。看起來(lái)很棒不是么？標(biāo)志周?chē)牧舭椎玫搅吮ＷC，通過(guò)黃金比例，LOGO的大小和位置都很直觀的看到，并確定下來(lái)。2021/5/913在設(shè)計(jì)中利用黃金比例的五個(gè)要點(diǎn)

再下面這個(gè)設(shè)計(jì)案例，由三個(gè)設(shè)計(jì)要素組成（小的老鷹，文字，大的老鷹），他們所配置的場(chǎng)所，都可以通過(guò)黃金比例來(lái)確定下來(lái)。然后在小的老鷹上加上黃金比例，一個(gè)漂亮的外觀就設(shè)計(jì)完成了。2021/5/914在設(shè)計(jì)中利用黃金比例的五個(gè)要點(diǎn)

03.內(nèi)容：設(shè)法利用上黃金比例的螺旋線可以由黃金比例的螺旋線，來(lái)決定整個(gè)頁(yè)面的內(nèi)容應(yīng)該怎么來(lái)布局。我們的眼睛，在他最細(xì)的部分可以看到他的細(xì)節(jié)，而螺旋線最密集的部分，視線往往會(huì)更加集中。因此，我們可以將焦點(diǎn)放在螺旋線的中心。讓我們?cè)賮?lái)看看前面的案例。你可以看到，他將小LOGO全部都放在了螺旋線的中心。通過(guò)利用黃金比例，可以自然的將用戶的注意吸引過(guò)去。2021/5/915在設(shè)計(jì)中利用黃金比例的五個(gè)要點(diǎn)

下面的這個(gè)設(shè)計(jì)案例，雖然將很多內(nèi)容混合在了一起，但通過(guò)使用黃金比例和黃金螺旋，我們可以很輕松的將信息整理出來(lái)。首先將用戶的目光集中在“BonjourMyNameisTim”，然后將視線集中在左邊的側(cè)邊欄上，也很好的保證了留白的空間。2021/5/916在設(shè)計(jì)中利用黃金比例的五個(gè)要點(diǎn)下面這個(gè)設(shè)計(jì)案例，通過(guò)螺旋線的不斷延伸，字符的大小也一點(diǎn)點(diǎn)的變小，設(shè)計(jì)也變得越來(lái)越密集。2021/5/917在設(shè)計(jì)中利用黃金比例的五個(gè)要點(diǎn)在另一個(gè)設(shè)計(jì)案例中，利用黃金比例和黃金螺旋，確定了內(nèi)容和布局。通過(guò)將不同大小的正方形作為設(shè)計(jì)要素來(lái)配置，將視線進(jìn)行誘導(dǎo)，將設(shè)計(jì)的故事性很好的演繹了出來(lái)2021/5/918在設(shè)計(jì)中利用黃金比例的五個(gè)要點(diǎn)04.攝影圖片：利用三分法圖像的構(gòu)圖（英:Composition）可以將重要的情報(bào)傳遞出來(lái)，也是創(chuàng)造出美麗的設(shè)計(jì)的一個(gè)重要的方法。在攝影圖片上利用黃金比例，是可以幫助我們引導(dǎo)視線的重要的設(shè)計(jì)要素。利用黃金比例，可以將圖像劃分為橫豎三個(gè)部分。此時(shí)，畫(huà)面的的比率就可以利用黃金分割法來(lái)設(shè)置為1：0.618：1，。在線交匯的地方將設(shè)計(jì)要素配置上去，將視線集中起來(lái)，表現(xiàn)出充滿魅力的構(gòu)圖。2021/5/919在設(shè)計(jì)中利用黃金比例的五個(gè)要點(diǎn)

利用黃金比例，還有另一種攝影照片的構(gòu)圖技巧可以利用，也就是三分割法（英:RuleofThirds）。將攝影圖片按照1：1：1均等的方法劃分出來(lái)，所有的空間都是相同的大小。最重要的設(shè)計(jì)要素可以配置在中央的長(zhǎng)方形的四個(gè)角周?chē)?。下面的這個(gè)設(shè)計(jì)案例，就是利用了黃金比例，來(lái)確定了留白的位置。女性模特的鼻子和額頭，和水平線的頂部對(duì)齊，眼睛和鼻子的位置是沿著中心垂直的線來(lái)對(duì)齊配置的。2021/5/920在設(shè)計(jì)中利用黃金比例的五個(gè)要點(diǎn)

下面的這個(gè)設(shè)計(jì)案例也是利用了三分割法（英:RuleofThirds）。這里，幾乎空白的中央的長(zhǎng)方形，設(shè)計(jì)成了集中注意力的焦點(diǎn)。女性模特的眼睛，配置在長(zhǎng)方形的角的附近，通過(guò)這樣的設(shè)計(jì)將魅力展現(xiàn)給用戶。2021/5/921在設(shè)計(jì)中利用黃金比例的五個(gè)要點(diǎn)

下面的另一種設(shè)計(jì)案例也是利用了黃金比例，他將女性模特的眼睛放在了中心，從中心開(kāi)始一點(diǎn)點(diǎn)向外配置，垂直的線和女性模特的臉呈一條直線，讓人可以看出他的布局是十分整齊的。2021/5/922在設(shè)計(jì)中利用黃金比例的五個(gè)要點(diǎn)

然后從整體的設(shè)計(jì)來(lái)看，他利用了黃金比例和黃金螺旋線。他還沿著螺旋線來(lái)進(jìn)行設(shè)計(jì)，隨著螺旋線的不斷集中，將詳細(xì)的信息也列舉到了出來(lái)。2021/5/923在設(shè)計(jì)中利用黃金比例的五個(gè)要點(diǎn)05.LOGO的設(shè)計(jì)：利用黃金比例中的圓利用黃金比例，可以按照一定的比例均得的得到正方形和長(zhǎng)方形，同時(shí)也能獲得均等的圓圈。利用正方形畫(huà)出一個(gè)個(gè)相連接的圓，其中的任何一個(gè)都是遵循了1：1.618這個(gè)比例的2021/5/924在設(shè)計(jì)中利用黃金比例的五個(gè)要點(diǎn)

利用黃金比例畫(huà)的圓，也就是「黃金圓（英:GoldenCircles）」不僅可以表現(xiàn)出美麗的視覺(jué)感、統(tǒng)一感，同樣也能應(yīng)用于LOGO設(shè)計(jì)之中。讓我們一起來(lái)看看Pepsi和Twitter的LOGO設(shè)計(jì)吧。Pepsi的LOGO設(shè)計(jì)，利用了黃金比例，將兩個(gè)獨(dú)特的圓圈配置在了一起。不管是兩個(gè)圓圈相結(jié)合，還是LOGO中間的白色部分，都利用了黃金比例來(lái)進(jìn)行配置。2021/5/92