2023-02-08 分類: 網(wǎng)站建設(shè)
我們說(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ì)是令人感覺最自然的。你也可以進(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://m.rwnh.cn/news39/236139.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供手機(jī)網(wǎng)站建設(shè)、App設(shè)計(jì)、小程序開發(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)
猜你還喜歡下面的內(nèi)容