黃金比例設(shè)計

黃金比例設(shè)計

2021/5/91

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

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

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

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

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

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

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

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

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

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

下面的這個設(shè)計案例，是用來做藝術(shù)節(jié)宣傳的傳單，從LOGO到圖案，都利用了黃金比例來進行配置。看起來很棒不是么？標(biāo)志周圍的留白得到了保證，通過黃金比例，LOGO的大小和位置都很直觀的看到，并確定下來。2021/5/913在設(shè)計中利用黃金比例的五個要點

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

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

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

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

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

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

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

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