在開(kāi)始一個(gè)新的網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目的時(shí)候，不知道你會(huì)不會(huì)有那么一瞬間的猶豫：“這個(gè)項(xiàng)目要從哪里著手呢？”伴隨著這種猶豫的，是“做點(diǎn)前所未有的作品”的沖動(dòng)。不過(guò)，很多時(shí)候，這些沖動(dòng)和猶豫都在需求的磨合、設(shè)計(jì)的細(xì)化中，逐步淡化。相比大家也都發(fā)現(xiàn)了，網(wǎng)頁(yè)布局在很多時(shí)候都是相似的，甚至可以說(shuō)，有些布局模式是長(zhǎng)盛不衰的。

這些布局模式，或者說(shuō)框架，幾乎是“約定俗成”的，它們?yōu)橛脩羲熘�，它們本身也更貼合用戶對(duì)內(nèi)容的識(shí)別模式和使用習(xí)慣。今天的文章，我們一同來(lái)聊聊五種擁有持久生命力的優(yōu)秀網(wǎng)頁(yè)布局，也許你的下一個(gè)網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目可以直接從這五種布局模式入手，無(wú)需過(guò)多猶豫和糾結(jié)。

那些被整齊分割出來(lái)的網(wǎng)頁(yè)布局從來(lái)都沒(méi)有過(guò)時(shí)過(guò)。無(wú)論是分割得細(xì)碎的網(wǎng)頁(yè)區(qū)域還是大塊的頁(yè)面區(qū)塊，大多都需要借助一套干凈整齊的柵格來(lái)支撐。在此基礎(chǔ)上，內(nèi)容按部就班地被置于不同的區(qū)塊中，被精心地組織展示出來(lái)。

在設(shè)計(jì)師的作品集頁(yè)面中，你可以發(fā)現(xiàn)各種各樣自定義的柵格布局。自定義柵格展示內(nèi)容的優(yōu)勢(shì)在于，它可以同時(shí)呈現(xiàn)大量的視覺(jué)化的內(nèi)容，看起來(lái)足夠豐富又不會(huì)落于下乘。下面這個(gè)圖庫(kù)的效果看起來(lái)就相當(dāng)震撼。

在柵格中填充色彩，還可以用來(lái)承載文字內(nèi)容。不同的區(qū)塊之間不一定非要用線條進(jìn)行分割，可供選擇的方案有很多，不過(guò)千萬(wàn)要控制好柵格尺寸和間距�？刂撇缓玫募�(xì)節(jié)，整個(gè)設(shè)計(jì)的平衡感可能會(huì)被破壞。

原理：柵格的優(yōu)勢(shì)在于它的組織性，對(duì)于用戶而言，它具有規(guī)律性和可預(yù)期性。一個(gè)漂亮的柵格系統(tǒng)能夠讓用戶更快找到需要的內(nèi)容，在視覺(jué)上也更加協(xié)調(diào)自然。

相關(guān)趨勢(shì)：柵格很容易被人視為卡片這樣的元素，可以為其加入翻轉(zhuǎn)等各式各樣的動(dòng)效，呈現(xiàn)出更多的信息和視覺(jué)層次。