創(chuàng)新互聯(lián)談?wù)勅绾卧谠O(shè)計(jì)網(wǎng)站中利用好黃金分割點(diǎn)

我們說(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)單？

文章標(biāo)題：創(chuàng)新互聯(lián)談?wù)勅绾卧谠O(shè)計(jì)網(wǎng)站中利用好黃金分割點(diǎn)
瀏覽地址：http://muchs.cn/news39/236139.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供手機(jī)網(wǎng)站建設(shè)、App設(shè)計(jì)、小程序開(kāi)發(fā)、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站排名、企業(yè)網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)