網(wǎng)站設(shè)計(jì)如何用三分法調(diào)整網(wǎng)站布局

標(biāo)簽：三分法 ? | 作者：admin | VISITORS: | 來(lái)源：碧鑫設(shè)計(jì)

Apr
2020

上篇內(nèi)容我們講解了網(wǎng)站設(shè)計(jì)的三分法概念，我想大家應(yīng)該對(duì)三分法有所印象。今天我們碧鑫設(shè)計(jì)將結(jié)合實(shí)例講解一下三分法的運(yùn)用。大家在了解三分法的柵格的運(yùn)用方式之后，還需要明白更重要的一點(diǎn)：三分法帶來(lái)的并非是一個(gè)無(wú)可挑剔的網(wǎng)頁(yè)設(shè)計(jì)架構(gòu)，而是一個(gè)用來(lái)微調(diào)現(xiàn)有設(shè)計(jì)的布局測(cè)試框架。

三分法在網(wǎng)頁(yè)設(shè)計(jì)的應(yīng)用

有太多的免費(fèi)的柵格系統(tǒng)可以幫你設(shè)計(jì)網(wǎng)頁(yè)，比如960GS之類的，但是三分法的九宮格柵格系統(tǒng)是一個(gè)幫你微調(diào)整個(gè)網(wǎng)頁(yè)布局的，比如調(diào)整導(dǎo)航欄的高度，把Logo挪近一點(diǎn)或者遠(yuǎn)一點(diǎn)。

值得慶幸的是，這種測(cè)試方法很實(shí)用，并且很簡(jiǎn)單，也不挑軟件。你可以截圖之后在PS里面畫虛線來(lái)分析，諸如GIMP這樣的開源免費(fèi)軟件也可以輕松幫你搞定，再不濟(jì)你還可以直接用記號(hào)筆在屏幕上畫一個(gè)九宮格來(lái)分析嘛……（話說(shuō)當(dāng)初打CS的時(shí)候盲狙也用過(guò)這等笨辦法~）反正能幫你構(gòu)建出九宮格分析的工具都能帶你走向正確的設(shè)計(jì)方向。

完成初稿，用三分法測(cè)試，然后走向下一步。隨著時(shí)間的推移，你會(huì)更加清楚如何將視覺元素置于對(duì)的地方。

處理對(duì)稱性

有的時(shí)候，在頁(yè)面中適當(dāng)?shù)厥褂脤?duì)稱性的元素還是頗為有用的。不過(guò)如果在設(shè)計(jì)中哪哪兒都用對(duì)稱式設(shè)計(jì)的話，這也未免太瞎了點(diǎn)。事實(shí)上，在藝術(shù)和攝影領(lǐng)域，非對(duì)稱式布局的運(yùn)用還是占據(jù)主流的，大小相對(duì)，遠(yuǎn)近相宜，更加令人賞心悅目，這也證明非平衡的視覺設(shè)計(jì)更能吸引我們的注意力。

網(wǎng)頁(yè)設(shè)計(jì)處理對(duì)稱性

其實(shí)在版式設(shè)計(jì)中，也有類似的原則和規(guī)范。比如，當(dāng)你在頁(yè)面頂部使用大Banner圖的時(shí)候，它通常會(huì)占據(jù)頁(yè)面大概2/3的高，類似的，標(biāo)題和正文的字體大小也需要大小對(duì)比，讀者會(huì)自然而然地注意到更大的Banner圖、標(biāo)題和副標(biāo)題。大小對(duì)比是一方面，另外一方面還需要考慮頁(yè)面上圖片和文字的位置。簡(jiǎn)單的使用三分法并不能確保構(gòu)圖的飽滿，將九宮格置于頁(yè)面上，適當(dāng)?shù)卣{(diào)整頁(yè)面的元素的位置和中心之后，會(huì)好不少。

三分法的優(yōu)勢(shì)在于它可以兼容非對(duì)稱式布局，也可以用來(lái)優(yōu)化對(duì)稱式布局。兩種布局靈活搭配，借助三分法來(lái)突出頁(yè)面重點(diǎn)，也掌握頁(yè)面平衡，如此才能調(diào)教出優(yōu)秀的網(wǎng)頁(yè)。

最后的思考

絕大多數(shù)的藝術(shù)形式其實(shí)并沒有固定的規(guī)則，但是有規(guī)律可以參考，設(shè)計(jì)也正是基于這些規(guī)律而不斷進(jìn)步。掌握類似三分法這樣的規(guī)律，了解這個(gè)規(guī)律的目的所在，深入理解，即使沒有刻意去運(yùn)用，它也會(huì)從你的設(shè)計(jì)中自然而然地展現(xiàn)出來(lái)，形同第二本能。這個(gè)時(shí)候，你就具備了打破規(guī)則的潛力了！

雖然說(shuō)設(shè)計(jì)和藝術(shù)有著根本的區(qū)別，但是兩者并非對(duì)立的關(guān)系。誠(chéng)然依著規(guī)則可以設(shè)計(jì)出更符合大眾口味的作品，但是打破規(guī)則，充滿個(gè)性和藝術(shù)感的設(shè)計(jì)作品又何嘗不會(huì)令人印象深刻呢？

上一篇：企業(yè)網(wǎng)站建設(shè)容易最容易走入誤區(qū)有哪些？

下一篇：網(wǎng)站設(shè)計(jì)之三分法的概念

相關(guān)新聞

網(wǎng)站設(shè)計(jì)之三分法的概念

在網(wǎng)站設(shè)計(jì)中，許多企業(yè)都看重網(wǎng)站布局，...