• 
• 
• 
• 
• 
• 
• 

知識(shí)普及 ? 網(wǎng)頁布局的位置重心與位置間的對(duì)比關(guān)系

網(wǎng)頁布局的位置重心與位置間的對(duì)比關(guān)系

網(wǎng)站工程師 于2020-04-10 11:43發(fā)表 閱讀次數(shù) 2471次

網(wǎng)頁的布局也許是大家最不放在眼里的地方，其實(shí)布局地位如同文字的排版一樣，隨便可布，布即隨便。但是看過我上篇《網(wǎng)頁設(shè)計(jì)技巧系列之文本排版》的朋友也許就會(huì)清楚，文字排版是一種不起眼但卻非常重要的細(xì)節(jié)。做好了會(huì)讓作品更為精細(xì)漂亮，做不好也許就成為作品失敗的重要原因。 　　布局也是一樣，需要我們足夠的重視。下面我要講的不是網(wǎng)頁布置成“左中右”、“左右”、“上中下”之類的問題，而是位置的重心與位置之間的對(duì)比關(guān)系。 　　黃金分割率的概念大家都知道。下面我引用一段非常專業(yè)的解釋：“黃金分割最早見于古希臘和古埃及。黃金分割又稱黃金率、中外比，即把一根線段分為長短不等的a、b兩段，使其中長線段的比(即a+b)等于短線段b對(duì)長線段a的比，列式即為a:(a+b)=b:a，其比值為0.6180339……這種比例在造型上比較悅目，因此，0.618又被稱為黃金分割率?！贝蠹乙部辞宄耸裁唇悬S金分割。 　　我們中國也有一種類似于這樣的概念叫九宮格。這個(gè)也許就有一些朋友不清楚了，這是一種用以臨寫碑帖的一種界格紙?；拘问且粋€(gè)長方形等分九格。在這個(gè)九宮格中中間部分就產(chǎn)生了四個(gè)交叉點(diǎn)，這四個(gè)交叉點(diǎn)就是視覺中心點(diǎn)。 　　圖示:九宮格 　　我們?yōu)槭裁匆v這兩個(gè)概念呢?是因?yàn)檫@兩個(gè)概念是設(shè)計(jì)的決竅之所在。我們很多時(shí)間喜歡把重要的東西放在正中心，表示重視想吸引目光注意。但是我要告訴大家。正中心屬于盲點(diǎn)區(qū)。也就是說按人的視覺習(xí)慣來講正中心是常常被忽視的。并且放在正中心也不會(huì)引起視覺刺激。用句玩笑話來侃一下:兩眼中間是看不清楚的。不信拿你的手指指著鼻尖看你的手。那什么地方是視覺中心點(diǎn)呢，這就要用到上面的概念了。不過什么a:(a+b)=b:a都太麻煩了誰會(huì)那么細(xì)致的去算呢。這里用中國的九宮格原理就清楚得多了。四個(gè)視覺中心點(diǎn)很顯然大家也清楚是什么位置了。 　　那么在實(shí)際應(yīng)用中我們要怎么用呢。這點(diǎn)很重要，實(shí)戰(zhàn)意義要比空談概念重要得多。下面我們就來說一下實(shí)戰(zhàn)中的應(yīng)用，這里雖說是“網(wǎng)頁設(shè)計(jì)技巧”，同樣可以應(yīng)用在平面設(shè)計(jì)與攝影或是其它的設(shè)計(jì)中，但是必竟是講網(wǎng)頁設(shè)計(jì)，所以主要還是舉網(wǎng)頁例。我們先從大布局來談，然后再講小布局，最后講設(shè)計(jì)圖片的布局。 　　大布局 　　基本上網(wǎng)頁的布局分為，上中下、左中右、左右、上下、與上下左右之混合幾類。同時(shí)我們還要思考的是分辨率與網(wǎng)頁大小的關(guān)系?，F(xiàn)在大部分的機(jī)器都是1024以上的分辨率了，那我們的寬度是不是一定也要順應(yīng)變得寬一點(diǎn)呢。個(gè)人觀點(diǎn)是大可不必。因?yàn)榫W(wǎng)頁本身也會(huì)與瀏覽器產(chǎn)生視覺對(duì)比。如果塞得太滿勢(shì)必也不是很好看。如果留下空隙網(wǎng)面與留出來的空白也可形成一定的對(duì)比，其比例也較接近黃金分割率。所以我覺得還是不要塞滿瀏覽器為好，給網(wǎng)頁一個(gè)可以呼吸的空間。那網(wǎng)頁自身的上下左右布局呢?同樣的，如只是上下或是左右結(jié)構(gòu)我們不能把上下或是左右平分，而是最好采用黃金分割比來進(jìn)行劃分。如果是上中下或是左中右呢。我們同樣不能平分，我們我們要注意三者之間的關(guān)系，比如上中下結(jié)構(gòu)，我們很清楚中間是主要內(nèi)容需要大一點(diǎn)的空間，那么中空間的部分會(huì)盡量的點(diǎn)有大比例，一般來講我們會(huì)讓中間占大約百分之六十。而上面占百分之三十，下面占百分之十。那也就是說，下面是上面的三分之一，上面是中間的三分一。這樣的分割就會(huì)比平面看起來要舒服很多。但是左中右的結(jié)構(gòu)就不能這么分了。因?yàn)榘俜种膶挾葧?huì)很難放得下什么內(nèi)容。一般左中右結(jié)構(gòu)會(huì)有另一種分法:左占百分之四十，中右各占百分之三十?；蚴亲笥艺及俜葜?，中間占百分之四十。也可以進(jìn)行532、622、442、的分配。也就是說大布局上要盡量避免平分的局面。

網(wǎng)頁布局的位置重心與位置間的對(duì)比關(guān)系相關(guān)標(biāo)簽：開發(fā)網(wǎng)站，企業(yè)做網(wǎng)站，網(wǎng)站設(shè)計(jì)，制作網(wǎng)頁

相關(guān)熱點(diǎn)推薦

TDK是什么？有什么作 微信為什么這么人在用 網(wǎng)站排名第三頁不到首頁 青島網(wǎng)站設(shè)計(jì)中關(guān)于al 好設(shè)計(jì)應(yīng)該是平凡的設(shè)計(jì) 網(wǎng)站LOGO簡(jiǎn)論 網(wǎng)頁布局設(shè)計(jì)基礎(chǔ) 優(yōu)秀網(wǎng)站的五大特點(diǎn) 新站快速推廣經(jīng)驗(yàn)，百度 為中文而設(shè)計(jì)的文本框 關(guān)于網(wǎng)站優(yōu)化五大技巧 如何進(jìn)行網(wǎng)站首頁改版 web設(shè)計(jì)師可以走得更 專業(yè)設(shè)計(jì)網(wǎng)站的公司哪里 青島網(wǎng)站設(shè)計(jì)的幾點(diǎn)知識(shí) 青島網(wǎng)站制作哪家強(qiáng) 交互設(shè)計(jì)的8項(xiàng)黃金法則 設(shè)計(jì)良好網(wǎng)頁的4項(xiàng)原則 公司網(wǎng)站制作需要注意的 如何讓你的網(wǎng)站更有吸引 泛泛而談界面中的斑馬紋 網(wǎng)絡(luò)營銷的五個(gè)階段 青島網(wǎng)站設(shè)計(jì)成功要素 小型企業(yè)網(wǎng)站維護(hù) 奈薇建站網(wǎng)科技2016 國內(nèi)網(wǎng)頁設(shè)計(jì)經(jīng)驗(yàn)談 微信營銷推廣的特性-奈 什么是自助建站？ 如何從營銷的角度策劃建 建網(wǎng)站必備六步 基本搜索引擎優(yōu)化策略 新人做站之網(wǎng)站定位與網(wǎng) Web頁面設(shè)計(jì)原則 個(gè)人網(wǎng)站站長看過來網(wǎng)站 網(wǎng)站設(shè)計(jì)中的簡(jiǎn)潔與簡(jiǎn)單 以“產(chǎn)品”思維搭建網(wǎng)站 關(guān)于VIP用戶研究與產(chǎn) 營銷型網(wǎng)站優(yōu)化需要注意 如何制作友情連接？做友

奈薇建站網(wǎng)青島網(wǎng)站建設(shè)公司/青島網(wǎng)站制作公司，專業(yè)提供"氣質(zhì)"型網(wǎng)站建設(shè)及精美網(wǎng)站制作服務(wù)，同時(shí)歡迎各地網(wǎng)站建設(shè)公司、網(wǎng)站制作公司代理我們的奈薇建站系統(tǒng)共同發(fā)展

熱點(diǎn)地區(qū)：青島網(wǎng)站建設(shè)價(jià)格 青島即墨網(wǎng)站制作公司 開發(fā)區(qū)信息港 山東在線門戶