視覺(jué)的吸引力往往是基于比例的。幾千年來(lái)，藝術(shù)家，設(shè)計(jì)師，建筑師等都有意無(wú)意的在使用了一個(gè)共同的比例來(lái)增加他們作品的美感。而網(wǎng)站設(shè)計(jì)布局對(duì)網(wǎng)站整體來(lái)說(shuō)也很重要，布局太凌亂讓很不舒服，布局太整齊又無(wú)法突出網(wǎng)站的特色，那么網(wǎng)站設(shè)計(jì)應(yīng)該如何布局呢？應(yīng)該遵循怎樣的比例呢？成都網(wǎng)站設(shè)計(jì)主要介紹網(wǎng)站設(shè)計(jì)布局黃金分割的方法。

什么是黃金分割

黃金分割又稱(chēng)黃金律，是指事物各部分間一定的數(shù)學(xué)比例關(guān)系，即將整體一分為二，較大部分與較小部分之比等于整體與較大部分之比，其比值為1∶0.618或1.618∶1，即長(zhǎng)段為全段的0.618。0.618被公認(rèn)為最具有審美意義的比例數(shù)字。

網(wǎng)站設(shè)計(jì)布局黃金分割法公式

內(nèi)容區(qū)域總寬度/1.62=內(nèi)容寬度

比如主要內(nèi)容和sidebar列表的寬度是899。使用內(nèi)容區(qū)域總的寬度899除以1.62. 然后得到555px. 所以主要內(nèi)容元素是555px的寬度，你的sidebar是344px。

嘗試Grids

如果你和大多數(shù)的人一樣，不想每次都抱著個(gè)計(jì)算器來(lái)計(jì)算這個(gè)黃金比率。那么最簡(jiǎn)單的方法就是用grid。所以你需要做的就是把你的寬度或是高度分成三分。要產(chǎn)生更詳細(xì)的gird，只需要繼續(xù)三等分就行。Blueprint CSS框架用了一個(gè)詳細(xì)的gird系統(tǒng)。不僅僅是gird設(shè)計(jì)更容易更快，而且它也創(chuàng)建了一個(gè)美觀的布局。

筆者建議：要想設(shè)計(jì)出好的網(wǎng)站，就要不斷的參考（優(yōu)秀的網(wǎng)站設(shè)計(jì)）+實(shí)踐（使用黃金分割法），在加上gird的完美配合，相信你一定可以創(chuàng)建一個(gè)美觀的網(wǎng)頁(yè)布局。

網(wǎng)頁(yè)標(biāo)題：網(wǎng)站設(shè)計(jì)布局的黃金分割法
本文鏈接：http://aaarwkj.com/news39/327239.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、云服務(wù)器、做網(wǎng)站、標(biāo)簽優(yōu)化、靜態(tài)網(wǎng)站、網(wǎng)站內(nèi)鏈

廣告

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