我們說(shuō)到黃金分割點(diǎn),那么什么是黃金分割點(diǎn)呢?黃金分割點(diǎn)在我們初中的數(shù)學(xué)課里就有學(xué)到,就是把一條線段分割為兩部分,使其中一部分與全長(zhǎng)之比等于另一部分與這部分之比。其比值是一個(gè)無(wú)理數(shù),用分?jǐn)?shù)表示為(√5-1)/2,取其前三位數(shù)字的近似值是0.618。由于按此比例設(shè)計(jì)的造型十分美麗,因此這個(gè)分割點(diǎn)就叫做黃金分割點(diǎn)。這么美麗的分割點(diǎn),作為美術(shù)設(shè)計(jì)的網(wǎng)頁(yè)設(shè)計(jì)師,如果不使用,那真是太浪費(fèi)了。今天,我們就探討如何將黃金分割點(diǎn)運(yùn)用到網(wǎng)頁(yè)設(shè)計(jì)中,主要還是針對(duì)于網(wǎng)站設(shè)計(jì)布局。
比如,我們需要兩欄的網(wǎng)頁(yè)布局,使用黃金分割點(diǎn)就最好了,首先需要算出一欄的距離,其實(shí)就是總寬度乘以1.618,如果網(wǎng)頁(yè)總寬度是960px,那么效寬的一欄寬度為960/1.618=593px,所以593px的位置就是黃金分割點(diǎn)。這樣兩欄的網(wǎng)頁(yè)布局,左邊欄寬度設(shè)為593px,右邊欄寬度設(shè)為367px(960-593)就可以了。
這個(gè)方式同樣適用于一些非固定的彈性的網(wǎng)頁(yè)布局,只要通過(guò)同樣的計(jì)算公式得到相應(yīng)數(shù)值用相對(duì)單位(如百分比)表示即可,這樣的網(wǎng)頁(yè)設(shè)計(jì)是令人感覺(jué)最自然的。你也可以進(jìn)一步將網(wǎng)頁(yè)分成3欄、4欄。
當(dāng)然黃金分割比例只是在設(shè)計(jì)上的一個(gè)指導(dǎo)而已,如果你可以打破這個(gè)規(guī)則又能保持網(wǎng)頁(yè)設(shè)計(jì)頁(yè)面的自然平衡也是可以的,作為一個(gè)通常的規(guī)則,經(jīng)常把黃金比例用5:3來(lái)代替,雖然不是非常精確,但是卻更直觀和方便使用。
通過(guò)以上的講解說(shuō)明,利用好黃金分割點(diǎn),是不是很簡(jiǎn)單?