時(shí)間:2016-01-26 19:01:18
想必你對(duì)黃金分割（黃金比例）這個(gè)數(shù)學(xué)名詞并不陌生，也知道黃金分割會(huì)賦予作品獨(dú)特的美感。
合理采用黃金螺旋，運(yùn)用到你的網(wǎng)站上，必定令你的網(wǎng)站煥然一新、讓用戶眼前一亮，抓住用戶眼球，留住用戶。
由于黃金比例的呈現(xiàn)形式很多，所以你可以將它用到布局、間隔、內(nèi)容、圖像和圖形當(dāng)中。
在布局中使用黃金比例的方法并不難，關(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)容自然的特性。
間距的控制和留白一樣，是設(shè)計(jì)中非常關(guān)鍵的元素。協(xié)調(diào)的布局能夠營(yíng)造出的作品，那么如何借助黃金比例來(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)布置的。
對(duì)于網(wǎng)頁(yè)內(nèi)容而言，黃金螺旋的軌跡同樣可以起到重要的作用。我們的視覺(jué)可以很自然地沿著黃金螺旋的軌跡運(yùn)動(dòng)，這也是說(shuō)這樣設(shè)計(jì)網(wǎng)頁(yè)布局會(huì)讓訪客更加自然地瀏覽內(nèi)容。
如果你仔細(xì)查看美國(guó)國(guó)家地理的網(wǎng)頁(yè)，會(huì)看到它們的網(wǎng)頁(yè)布局是如此，用戶會(huì)下意識(shí)地隨著這個(gè)布局來(lái)瀏覽，這是一種潛意識(shí)行為。
對(duì)于圖片而言，布局自然是很重要的，無(wú)論是用來(lái)傳遞信息還是呈現(xiàn)圖像布局的美感。黃金比例可以讓圖片變得更加吸引眼球，讓重要的信息脫穎而出。平時(shí)我們所說(shuō)的三分法布局，如何結(jié)合黃金比例，可以讓布局更漂亮。
參考下方的圖片，借助將頁(yè)面進(jìn)行黃金比例分割的四條線，線條兩兩交匯的地方是吸引用戶的地方。當(dāng)然，我們常見(jiàn)的三分法是讓同一個(gè)方向上的兩條線將布局按照1：1: 1的比例分割開(kāi)來(lái)。
黃金比例可以用來(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)部的曲線中。
Twitter的LOGO設(shè)計(jì)則是借助若干完美的圓形來(lái)進(jìn)行構(gòu)建的，只不過(guò)它在使用黃金比例的圓形的時(shí)候，并沒(méi)有使用相鄰比例的圓形來(lái)構(gòu)建，乍一看不夠，但卻同樣營(yíng)造出和諧的標(biāo)識(shí)。
推薦閱讀
400-685-0732(7x24小時(shí))
關(guān)注文軍
