當(dāng)我們?nèi)バ蕾p中國(guó)古代的水墨畫就會(huì)發(fā)現(xiàn)古代藝術(shù)家非常重視“留白”,而這一點(diǎn)在網(wǎng)站制作中也非常重要?!傲舭住辈粌H僅是出于視覺(jué)藝術(shù)的審美需要,更有有三個(gè)相當(dāng)重要的功能:吸引注意力、理清網(wǎng)頁(yè)元素之間的關(guān)系、提高理解能力。
一、吸引注意力
當(dāng)我們?cè)谠O(shè)計(jì)網(wǎng)頁(yè)時(shí)減少一些元素,那么將使得剩下的元素更加突出。一般我們會(huì)將重要內(nèi)容安排到中心靠前的位置,同時(shí)在內(nèi)容兩側(cè)使用了大塊留白,這樣在無(wú)形中增強(qiáng)了該內(nèi)容對(duì)用戶的吸引力,在用戶點(diǎn)擊進(jìn)來(lái)的那一瞬間就可以把注意力放在中心的內(nèi)容上。
像凡科建站提供的這個(gè)網(wǎng)站模板就是一個(gè)很好的例子,它將中心的文字介紹內(nèi)容放到中間位置,同時(shí)在兩側(cè)留白,這樣我們的注意就會(huì)在第一時(shí)間集中在文字內(nèi)容,有效吸引了用戶的注意力。

二、理清網(wǎng)頁(yè)元素之間的關(guān)系
格式塔心理學(xué)發(fā)現(xiàn)相鄰的圖像看上去是相似的,即相似定律,這也就意味著如果我們把網(wǎng)頁(yè)上的某些按鈕設(shè)計(jì)得距離非常近,留白相對(duì)少,那么我們就給了用戶一個(gè)暗示:這些按鈕的功能都是一樣的或者相似的,而在不同圖片和文字之間的恰當(dāng)留白能夠強(qiáng)化視覺(jué)元素之間的關(guān)系機(jī)制,有利于進(jìn)一步增強(qiáng)用戶的認(rèn)知度。
像下面凡科提供的這個(gè)網(wǎng)站模板中上方按鈕之間相同的留白讓人第一時(shí)間知道這些按鈕是相似的功能,都是蔬果不同分類的按鈕;而上方按鈕和下方圖片之間的留白又能讓我們?cè)诘谝粫r(shí)間認(rèn)識(shí)到它們是不同的功能版塊,一個(gè)是產(chǎn)品分類頁(yè)面鏈接而另一個(gè)是具體產(chǎn)品展示頁(yè)面鏈接。

三、提高理解能力
有些站長(zhǎng)喜歡把大量的信息尤其是網(wǎng)站信息一股腦地堆上自己的網(wǎng)站,極少留白,認(rèn)為這樣是有效利用信息,能夠增強(qiáng)用戶的理解能力。這里先讓我們厘清一個(gè)問(wèn)題:信息越多不代表用戶越容易理解,相反,過(guò)多而沒(méi)有規(guī)劃好留白的信息只會(huì)讓用戶更難也更加不愿意去理解。
如何還不懂得怎么建立網(wǎng)站,那么留白是一個(gè)不錯(cuò)的方法。所以我們要重視留白,通過(guò)網(wǎng)站制作中適當(dāng)?shù)牧舭鬃尵W(wǎng)頁(yè)看起來(lái)更加和諧,讓用戶瀏覽更加流暢,繼而提升用戶體驗(yàn)感。