什么是黃金比例?
黃金比例是一個(gè)比較特殊的數(shù)學(xué)比例促煮，通常我們會(huì)用線(xiàn)段分割來(lái)解釋這個(gè)比例：把一條線(xiàn)段分割為兩部分，較短部分與較長(zhǎng)部分長(zhǎng)度之比等于較長(zhǎng)部分與整體長(zhǎng)度之比摩幔，其比值是一個(gè)無(wú)理數(shù)，取其前三位數(shù)字的近似值是0.618。
當(dāng)然辜限，我們今天探討的并非是數(shù)學(xué)問(wèn)題，而是設(shè)計(jì)和美严蓖。黃金比例之所以被冠名以“黃金”二字薄嫡，自然是因?yàn)檫@個(gè)比例帶來(lái)的和諧與美感。當(dāng)你應(yīng)用到設(shè)計(jì)作品中的時(shí)候颗胡，這種比例會(huì)營(yíng)造出藝術(shù)感毫深。
黃金比例已經(jīng)被我們的先輩運(yùn)用了幾千年，從埃及的吉薩金字塔的設(shè)計(jì)比例到雅典的巴特農(nóng)神殿毒姨，從米開(kāi)郎琪羅為西斯廷教堂所雕刻的亞當(dāng)?shù)竭_(dá)芬奇的蒙娜麗莎哑蔫，從百事可樂(lè)的LOGO到推特的LOGO設(shè)計(jì)，甚至我們的面孔都遵循這個(gè)數(shù)學(xué)比例：
事實(shí)上，我們的大腦似乎先天就比較青睞使用黃金比例的對(duì)象和圖片闸迷。這幾乎是下意識(shí)的吸引力嵌纲，大腦甚至?xí)?duì)眼睛看到的事物進(jìn)行小幅度的微調(diào)以靠近黃金比例，提高我們自身對(duì)于外物的記憶和印象腥沽。
黃金比例無(wú)疑可以應(yīng)用于各種圖形逮走。如果你將一個(gè)正方形拉伸為一個(gè)矩形，讓長(zhǎng)是寬的1.618倍今阳，就可以獲得一個(gè)“完美”的矩形言沐。
將兩個(gè)圖形疊加，你就可以獲得一個(gè)清晰直觀(guān)的黃金比例酣栈，被分割出來(lái)的小矩形同樣遵循著黃金比例险胰。
如果你繼續(xù)以這樣的方式向新的矩形中填充正方形，那么你填充的正方形會(huì)越來(lái)越锌篌荨：
像上圖所示起便，你最終繪制出來(lái)的將會(huì)是一個(gè)黃金螺旋(而其中的矩形也就遵循著傳說(shuō)中的斐波那契數(shù)列)曲線(xiàn)，它所包含的數(shù)列遵循的規(guī)律是窖维，每個(gè)數(shù)字都是前兩個(gè)的和：0榆综、1、1铸史、2鼻疮、3、5琳轿、8判沟、13、21崭篡、34 挪哄、55、89琉闪、144……
這就是黃金螺旋：
最有意思的是迹炼，你會(huì)發(fā)現(xiàn)這個(gè)漂亮的樣式在自然界中幾乎無(wú)處不在：蕨類(lèi)植物的莖、鮮花颠毙、貝殼斯入，甚至颶風(fēng)。這也就是為什么我們會(huì)覺(jué)得它們?cè)谝曈X(jué)上有著無(wú)與倫比的吸引力蛀蜜，因?yàn)樗鼈冊(cè)谧匀唤缰惺亲詈玫摹?br>
接下來(lái)刻两，你可以在每個(gè)正方形中內(nèi)切一個(gè)圓形，那么這組圓形將遵循1.618的黃金比例涵防，擁有著均勻而平衡的比例關(guān)系闹伪。
這樣一來(lái)，我們就擁有了遵循黃金比例的正方形壮池、矩形偏瓤、圓形，而它們就可以被你運(yùn)用到設(shè)計(jì)當(dāng)中去椰憋。
這么解釋相信你都能明白吧?
在設(shè)計(jì)中使用黃金比例的5種方法
既然你已經(jīng)了解了黃金比例的基礎(chǔ)知識(shí)厅克，那么接下來(lái)看看如何借助它來(lái)提升你的設(shè)計(jì)。由于黃金比例的呈現(xiàn)形式很多橙依，所以你可以將它用到布局证舟、間隔、內(nèi)容窗骑、圖像和圖形當(dāng)中女责。
1、布局：將尺寸設(shè)置成黃金比例
在布局中使用黃金比例的方法并不難创译，關(guān)鍵是控制比例和尺寸抵知。重點(diǎn)很簡(jiǎn)單，把握好1:1.618的黃金比例软族。
舉個(gè)例子刷喜，使用960px的寬度布局的時(shí)候，除以1.618可以得到594px立砸，這個(gè)可以用作你的布局的高度掖疮，然后將整個(gè)布局劃分為兩欄，一欄方形颗祝，一欄矩形浊闪，一個(gè)協(xié)調(diào)的布局就出來(lái)了。
這種兩欄式布局在網(wǎng)頁(yè)上非常實(shí)用螺戳，我們所熟知的美國(guó)國(guó)家地理的網(wǎng)頁(yè)就是使用的這樣的布局方式规揪，看起來(lái)可讀性非常不錯(cuò)，比例平衡温峭，符合網(wǎng)站內(nèi)容自然的特性猛铅。
2、間距：使用黃金螺旋布局
間距的控制和留白一樣凤藏，是設(shè)計(jì)中非常關(guān)鍵的元素奸忽。協(xié)調(diào)的布局能夠營(yíng)造出優(yōu)秀的作品，那么如何借助黃金比例來(lái)協(xié)調(diào)頁(yè)面中的多種元素呢?合理的計(jì)算有的時(shí)候比直覺(jué)合適揖庄，如果能結(jié)合起來(lái)就更好了栗菜。
在基本的布局上，借助黃金螺旋來(lái)調(diào)整蹄梢，是個(gè)不錯(cuò)的思路疙筹。多種不同的元素在同一頁(yè)面上的時(shí)候，黃金螺旋可以幫你篩選出合理的空間布局和間隙。
Moodley 設(shè)計(jì)工作室為Bregenzer Festspiele 藝術(shù)節(jié)設(shè)計(jì)了海報(bào)而咆、應(yīng)用霍比、節(jié)目單和大量的品牌標(biāo)識(shí)。節(jié)目單的整體設(shè)計(jì)采用了拼貼的方式暴备，有大量的留白悠瞬，而其中各種元素的設(shè)計(jì)比例、位置和留白就是借助黃金螺旋來(lái)布置的涯捻。
總部位于新加坡的Lemon Graphic 為T(mén)erkaya財(cái)富管理進(jìn)行視覺(jué)形象設(shè)計(jì)浅妆，名片的設(shè)計(jì)元素也同樣借助黃金螺旋來(lái)設(shè)計(jì)。
3障癌、內(nèi)容：沿著黃金螺旋的軌跡
對(duì)于網(wǎng)頁(yè)內(nèi)容而言凌外，黃金螺旋的軌跡同樣可以起到重要的作用。我們的視覺(jué)可以很自然地沿著黃金螺旋的軌跡運(yùn)動(dòng)涛浙，這也就是說(shuō)這樣設(shè)計(jì)網(wǎng)頁(yè)布局會(huì)讓訪(fǎng)客更加自然地瀏覽內(nèi)容趴乡。
如果你仔細(xì)查看美國(guó)國(guó)家地理的網(wǎng)頁(yè)，會(huì)看到它們的網(wǎng)頁(yè)布局就是如此蝗拿，用戶(hù)會(huì)下意識(shí)地隨著這個(gè)布局來(lái)瀏覽晾捏，這是一種潛意識(shí)行為。
這個(gè)網(wǎng)站是平面設(shè)計(jì)師Tim Roussilhe 的作品哀托，信息量很大惦辛，布局也緊密，關(guān)鍵是信息組織的相當(dāng)有條理仓手，多而不亂胖齐。左上角的內(nèi)容就是借助黃金螺旋的軌跡來(lái)設(shè)計(jì)的，關(guān)鍵的點(diǎn)和位置都落在黃金螺旋的軌跡上嗽冒。功能性的組件在這個(gè)布局中都位于矚目的位置呀伙，留白也分布到了合理的間隙中，所有的細(xì)節(jié)都精致到位添坊。
Saastamoisen s??ti? 的這個(gè)視覺(jué)設(shè)計(jì)稿就更典型了剿另。圖中的字母分布看起來(lái)亂中有序，它們就是沿著黃金螺旋來(lái)分布的贬蛙，并且隨著螺旋半徑的縮小而逐漸縮減字體尺寸雨女，并且提升字母的密度。這樣的設(shè)計(jì)保證了視覺(jué)的平衡阳准，富有設(shè)計(jì)感而不混亂氛堕。
Helms 工作室 為Fullsteam 啤酒進(jìn)行品牌設(shè)計(jì)的時(shí)候，也同樣借助黃金螺旋來(lái)布局內(nèi)容野蝇。
4讼稚、圖片：黃金比例和三分法
對(duì)于圖片而言括儒，布局自然是很重要的，無(wú)論是用來(lái)傳遞信息還是呈現(xiàn)圖像布局的美感锐想。黃金比例可以讓圖片變得更加吸引眼球帮寻，讓重要的信息脫穎而出。平時(shí)我們所說(shuō)的三分法布局痛倚，如何結(jié)合黃金比例，可以讓布局更漂亮澜躺。
參考下方的圖片蝉稳，借助將頁(yè)面進(jìn)行黃金比例分割的四條線(xiàn)，線(xiàn)條兩兩交匯的地方是最吸引用戶(hù)的地方掘鄙。當(dāng)然耘戚，我們常見(jiàn)的三分法是讓同一個(gè)方向上的兩條線(xiàn)將布局按照1：1: 1的比例分割開(kāi)來(lái)。
這個(gè)案例是Complex雜志的封面操漠，整體布局符合黃金比例收津，而黃金比例三分法下的兩個(gè)交點(diǎn)上則正好和女性的鼻子與眼睛上。
Jason Mildren 為Pilot 雜志設(shè)計(jì)封面浊伙，其中的布局采用的是均勻三分法來(lái)構(gòu)建視覺(jué)重心撞秋，圖中模特的眼、拇指和手臂軸心都處在視覺(jué)重心上嚣鄙，人物位置靠右下吻贿，留白靠左上，又是一個(gè)平衡的布局哑子。
Feld雜志的設(shè)計(jì)舅列，也參考了黃金比例三分法，左上方的標(biāo)題和內(nèi)容區(qū)塊明顯是參考分割線(xiàn)來(lái)設(shè)計(jì)的卧蜓，而右下方的背景中的人物的鼻子——也就是人物的中心點(diǎn)正好壓在右下方的交點(diǎn)上帐要。
5、圖形：黃金比例圓形
黃金比例可以用來(lái)創(chuàng)建矩形也能用來(lái)創(chuàng)建比例協(xié)調(diào)的圓形弥奸。使用黃金比例不僅可以產(chǎn)生和諧的比例榨惠，而且能夠讓圖形保持較高的一致性。從百事和Twitter的LOGO來(lái)說(shuō)說(shuō)這個(gè)事情吧盛霎。
百事的LOGO是使用兩個(gè)遵循黃金比例的圓圈來(lái)構(gòu)建的冒冬，較小圓形并不是顯而易見(jiàn)的那種，而是隱藏在內(nèi)部的曲線(xiàn)中摩渺。
Twitter的LOGO設(shè)計(jì)則是借助若干完美的圓形來(lái)進(jìn)行構(gòu)建的简烤，只不過(guò)它在使用黃金比例的圓形的時(shí)候，并沒(méi)有使用相鄰比例的圓形來(lái)構(gòu)建摇幻，乍一看不夠精確横侦，但卻同樣營(yíng)造出和諧的標(biāo)識(shí)挥萌。
