人們對(duì)這種比例的認(rèn)識(shí)已經(jīng)具有上千年的歷史：從金字塔到雅典 帕特農(nóng)神廟; 從米開朗基羅在西斯廷教堂繪制的一系列壁畫到達(dá)芬奇的蒙娜麗莎，并從百事
事實(shí)上，我們的大腦先天就比較容易被黃金分割比的圖像所吸引。因此，在平面設(shè)計(jì)中，哪怕只是一點(diǎn)細(xì)微的調(diào)整，更接近黃金分割比的圖像總是能讓我們的大腦留下更深刻的印象。
黃金分割比可以應(yīng)用于各種圖形設(shè)計(jì)。如果你將一個(gè)正方形拉伸為一個(gè)矩形，讓長(zhǎng)是寬的1.618倍，就可以獲得一個(gè)“完美”的矩形。
像上圖所示，你最終繪制出來(lái)的將會(huì)是一個(gè)黃金螺旋（而其中的矩形也就遵循著傳說中的斐波那契數(shù)列）曲線，它所包含的數(shù)列遵循的規(guī)律是，每個(gè)數(shù)字都是前兩個(gè)的和：0、1、1、2、3、5、8、13、21、34 、55、89、144……
如果你一直按照上面圖片指示的那樣操作，最終繪制出來(lái)的將會(huì)是一個(gè)黃金螺旋（而其中的矩形也就遵循著傳說中的斐波那契數(shù)列）曲線，在這個(gè)系列中，每個(gè)數(shù)是前兩個(gè)數(shù)字的總和。在零開始，順序?yàn)椋?，1，1，2，3，5，8，13，21，34，55，89，144 ...等等。
你會(huì)在生活中發(fā)現(xiàn)所有自然界美麗的產(chǎn)物都和這個(gè)曲線類似——例如蕨類植物，鮮花，貝殼，甚至是颶風(fēng)。這不得不說，大自然是神奇的制造者。
接下來(lái)，你可以在每個(gè)正方形中內(nèi)切一個(gè)圓形，那么這組圓形將遵循1.618的黃金比例，擁有著均勻而平衡的比例關(guān)系。
這樣一來(lái)，我們就擁有了遵循黃金比例的正方形、矩形、圓形、曲線等，而它們就可以被設(shè)計(jì)師運(yùn)用到平面設(shè)計(jì)當(dāng)中去。
5種方法應(yīng)用黃金比例到您的設(shè)計(jì)
現(xiàn)在，你已經(jīng)了解了關(guān)于黃金分割比的基礎(chǔ)知識(shí)，讓我們坐下來(lái)搞清楚如何運(yùn)用黃金分割比來(lái)提高設(shè)計(jì)師的設(shè)計(jì)水平。
設(shè)計(jì)師可以將黃金分割比視為很多設(shè)計(jì)中的要素，例如布局，間距，內(nèi)容，圖片和表格等。
01.布局-將尺寸設(shè)置為黃金分割比
以黃金分割比來(lái)控制設(shè)計(jì)的比例和尺寸并不難。最簡(jiǎn)單的一個(gè)方法就是把尺寸設(shè)置為1：1.618。
例如，以典型企業(yè)網(wǎng)頁(yè)設(shè)計(jì)的寬度960px除以1.618就會(huì)會(huì)得到594px，這就是布局的高度，然后將整個(gè)布局劃分為兩欄，一欄方形，一欄矩形。瞧！這就是一組非常和諧的黃金分割比布局。
這種兩欄布局非常適合
企業(yè)網(wǎng)頁(yè)設(shè)計(jì)，我們經(jīng)常會(huì)在線看到這種
企業(yè)網(wǎng)頁(yè)設(shè)計(jì)格式。美國(guó)國(guó)家地理的
企業(yè)網(wǎng)頁(yè)設(shè)計(jì)就是使用的這樣的布局方式，看起來(lái)整個(gè)頁(yè)面非常整潔，易于閱讀，比例平衡，為讀者提供了一個(gè)可讀性非常高的
企業(yè)網(wǎng)頁(yè)設(shè)計(jì)瀏覽體驗(yàn)。
黃金分割比應(yīng)用案例欣賞——美國(guó)國(guó)家地理官網(wǎng)
企業(yè)網(wǎng)頁(yè)設(shè)計(jì)案例欣賞
2、間距：使用黃金螺旋布局
間距的控制和留白一樣，是設(shè)計(jì)中非常關(guān)鍵的元素。在平面設(shè)計(jì)中，依靠直覺來(lái)確定每個(gè)設(shè)計(jì)元素的間隔位置是非常麻煩的事情，并且很難確定最終結(jié)果。如果，一開始就結(jié)合黃金分割比來(lái)分配每個(gè)設(shè)元素的位置，以此劃分每個(gè)設(shè)計(jì)元素的間距和比例，而不是只依靠直覺來(lái)劃分，設(shè)計(jì)的工作有效率將大為提升。
在基本布局已經(jīng)確定的情況下上，借助黃金螺旋來(lái)進(jìn)行調(diào)整設(shè)計(jì)元素比例關(guān)系，也是一個(gè)非常不錯(cuò)的思路。當(dāng)多種不同的元素在同一頁(yè)面上的時(shí)候，黃金螺旋可以快速有效的幫設(shè)計(jì)師篩選出合理的空間布局和間隔。
Moodley 設(shè)計(jì)工作室為Bregenzer Festspiele 藝術(shù)節(jié)設(shè)計(jì)大量的平面設(shè)計(jì)工作，其中包括活動(dòng)海報(bào)，節(jié)目單和大量的戶外活動(dòng)標(biāo)志。在Bregenzer Festspiele 藝術(shù)節(jié)節(jié)目單的設(shè)計(jì)中，有大量的留白，其中人物形象、建筑物等各種設(shè)計(jì)元素的比例、位置和留白就是借助黃金螺旋來(lái)布置的。
黃金分割比應(yīng)用案例欣賞——Bregenzer Festspiele 藝術(shù)節(jié)
活動(dòng)海報(bào)設(shè)計(jì)
總部位于新加坡的Lemon Graphic 為Terkaya財(cái)富管理進(jìn)行視覺形象設(shè)計(jì)。在這里，名片上的三個(gè)設(shè)計(jì)元素：企業(yè)標(biāo)志設(shè)計(jì)，文本信息和企業(yè)輔助圖形的比例全都依靠黃金螺旋來(lái)輔助確定相互間的比例關(guān)系。
另外，在進(jìn)行Terkaya財(cái)富管理
企業(yè)標(biāo)志設(shè)計(jì)、
公司LOGO設(shè)計(jì)時(shí)，比例也是按照黃金螺旋來(lái)設(shè)計(jì)的。
黃金分割比應(yīng)用案例欣賞——Terkaya財(cái)富管理
企業(yè)VI設(shè)計(jì),
企業(yè)標(biāo)志設(shè)計(jì),
公司LOGO設(shè)計(jì)
03. 內(nèi)容：沿著黃金螺旋的軌跡
在企業(yè)網(wǎng)頁(yè)設(shè)計(jì)中，黃金螺旋同樣可以起到設(shè)計(jì)的指導(dǎo)作用。我們的視線會(huì)很自然地沿著黃金螺旋的軌跡運(yùn)動(dòng)，尋找整個(gè)頁(yè)面的重心與細(xì)節(jié)，也就是說按照黃金螺旋對(duì)企業(yè)網(wǎng)頁(yè)設(shè)計(jì)布局會(huì)讓訪客更加自然地瀏覽內(nèi)容。
如果你仔細(xì)查看美國(guó)國(guó)家地理的
企業(yè)網(wǎng)頁(yè)設(shè)計(jì)，整個(gè)黃金螺旋的第二個(gè)重心有一個(gè)較小的
企業(yè)網(wǎng)頁(yè)設(shè)計(jì)。用戶會(huì)下意識(shí)地隨著這個(gè)布局來(lái)瀏覽，這是一種潛意識(shí)行為。
黃金分割比應(yīng)用案例欣賞——美國(guó)國(guó)家地理
企業(yè)網(wǎng)頁(yè)設(shè)計(jì)
這個(gè)
企業(yè)網(wǎng)頁(yè)設(shè)計(jì)是
平面設(shè)計(jì)師Tim Roussilhe 的作品，信息量非常多，布局也緊湊，但是所有的信息排布都相當(dāng)有條理，一點(diǎn)也不雜亂。左上角的內(nèi)容就是借助黃金螺旋的軌跡來(lái)設(shè)計(jì)的，關(guān)鍵的點(diǎn)和位置都落在黃金螺旋的軌跡上。功能性的組件在這個(gè)布局中都位于矚目的位置，有利于用戶使用，留白也分布到了合理的間隙中，所有的設(shè)計(jì)細(xì)節(jié)的排布都精致到位。
黃金分割比應(yīng)用案例欣賞——
平面設(shè)計(jì)師Tim Roussilhe
企業(yè)網(wǎng)頁(yè)設(shè)計(jì)
黃金螺旋在視覺設(shè)計(jì)中表現(xiàn)最為明顯的要數(shù)Saastamoisen säätiö 的這個(gè)公司VI設(shè)計(jì)稿。它們就是沿著黃金螺旋來(lái)分布的，并且隨著螺旋半徑的縮小而逐漸縮減字體尺寸，并且提升字母的密度，這樣的設(shè)計(jì)保證既保證了視覺的平衡又富有設(shè)計(jì)感。而字母的排布雖然讓人不能按照常規(guī)順序進(jìn)行閱讀，但由于在整個(gè)公司VI設(shè)計(jì)畫面中有足夠的重復(fù)，因此不會(huì)影響信息的傳達(dá)。
黃金分割比應(yīng)用案例欣賞————Saastamoisen säätiö 公司VI設(shè)計(jì)
Helms 工作室 為Fullsteam 啤酒進(jìn)行
產(chǎn)品包裝設(shè)計(jì)的時(shí)候，也同樣借助黃金螺旋來(lái)布局內(nèi)容。Helms 工作室 為Fullsteam 啤酒以黃金螺旋為視覺引導(dǎo)線，為消費(fèi)者在酒標(biāo)上面講訴了整個(gè)品牌創(chuàng)建的過程，當(dāng)消費(fèi)者看到酒標(biāo)的時(shí)候，總是會(huì)被吸引卻了解這個(gè)故事，從而達(dá)到品牌宣傳的目的。
黃金分割比應(yīng)用案例欣賞————Fullsteam 啤酒
產(chǎn)品包裝設(shè)計(jì)
04. 圖片：黃金分割比和三分法
對(duì)于平面設(shè)計(jì)而言，無(wú)論是用來(lái)傳遞信息還是呈現(xiàn)圖像布局的美感，整個(gè)設(shè)計(jì)的布局自然是很重要的。黃金分割比可以讓圖片變得更加吸引眼球，讓重要的信息脫穎而出。平時(shí)我們所說的三分法布局，就是使用黃金比例，拆分畫面分為三段不等然后用線和路口，用以構(gòu)圖。
參考下方的圖片，借助將頁(yè)面進(jìn)行黃金比例分割的四條線，線條兩兩交匯的地方是最吸引用戶的地方。當(dāng)然，我們常見的三分法是讓同一個(gè)方向上的兩條線將布局按照1：1: 1的比例分割開來(lái)。
三分法雖然不像黃金比率一樣精確，但它會(huì)讓你的設(shè)計(jì)布局相當(dāng)接近黃金分割比。對(duì)于三分法，設(shè)置所有垂直線和水平線，以1：1：1，因此，所有的空間都是平等的。
這個(gè)案例是Complex雜志的封面，整體布局符合黃金比例，而黃金比例三分法下的兩個(gè)交點(diǎn)上則正好和女性的鼻子與眼睛上。
黃金分割比應(yīng)用案例欣賞——Complex
雜志封面設(shè)計(jì)
Jason Mildren 為Pilot 雜志設(shè)計(jì)封面，其中的布局就是采用的均勻三分法來(lái)構(gòu)建視覺重心，圖中模特的手臂、眼睛軸心都處在視覺重心上，人物的整體位置靠右下，留白靠左上，相互構(gòu)成了一個(gè)平衡的構(gòu)圖。
黃金分割比應(yīng)用案例欣賞——Pilot
雜志封面設(shè)計(jì)
Feld雜志的設(shè)計(jì)，也使用了黃金比例三分法，左上方的標(biāo)題部分和內(nèi)容部分參考分割線來(lái)設(shè)計(jì)的，而右下方的背景中的人物的鼻子——也就是人物的中心點(diǎn)正好壓在右下方的交點(diǎn)上。封面所有的內(nèi)容被集中在螺旋內(nèi)并且變得朝向螺旋的中心，使主要信息更為突出。
黃金分割比應(yīng)用案例欣賞——Feld
雜志封面設(shè)計(jì)
05. 圖形：黃金比例圓形
黃金比例可以用來(lái)創(chuàng)建矩形也能用來(lái)創(chuàng)建比例協(xié)調(diào)的企業(yè)標(biāo)志設(shè)計(jì)、公司LOGO設(shè)計(jì)等。使用黃金比例不僅可以產(chǎn)生和諧的比例，而且能夠讓企業(yè)標(biāo)志設(shè)計(jì)、公司LOGO設(shè)計(jì)保持較高的一致性。從百事的公司LOGO設(shè)計(jì)和Twitter的企業(yè)標(biāo)志設(shè)計(jì)來(lái)說一下實(shí)際的應(yīng)用效果。
百事的
公司LOGO設(shè)計(jì)是使用兩個(gè)遵循黃金比例的圓圈來(lái)構(gòu)建的，較小圓形并不明顯，而是通過
公司LOGO設(shè)計(jì)中心的曲線構(gòu)成
公司LOGO設(shè)計(jì)中白色部分的基礎(chǔ)。
黃金分割比應(yīng)用案例欣賞——百事可樂
公司LOGO設(shè)計(jì)
Twitter的企業(yè)標(biāo)志設(shè)計(jì)則是借助若干完美的圓形來(lái)進(jìn)行構(gòu)建的，不過Twitter的企業(yè)標(biāo)志設(shè)計(jì)并沒有使用相鄰比例的圓形來(lái)構(gòu)建，因此看起來(lái)比較缺乏精確度，但卻同樣不失為一個(gè)視覺和諧、平衡的企業(yè)標(biāo)志設(shè)計(jì)。
黃金分割比應(yīng)用案例欣賞——Twitter的
企業(yè)標(biāo)志設(shè)計(jì)
該文由成都摩品平面設(shè)計(jì)公司整理發(fā)布，轉(zhuǎn)載需注明出處！更多優(yōu)秀的標(biāo)志設(shè)計(jì)及設(shè)計(jì)文章可翻閱成都摩品廣告設(shè)計(jì)公司案例分享。
(QQ：617795279)
