隨著互聯(lián)網(wǎng)的高速發(fā)展,各種各樣的網(wǎng)站層出不窮。在這樣的環(huán)境下,用戶是如何在浩瀚的互聯(lián)網(wǎng)海洋中快速挑選網(wǎng)站的呢?網(wǎng)頁(yè)UI設(shè)計(jì)師又如何能讓自己的網(wǎng)站設(shè)計(jì)在用戶匆匆一瞥后就迅速吸引到他們進(jìn)一步注意的呢?本文作者向用戶介紹了一種簡(jiǎn)單的頁(yè)面布局方式——分割布局,這種布局方式試圖讓用戶初覽頁(yè)面時(shí)感受到一種友好的瀏覽體驗(yàn)。
作為網(wǎng)頁(yè)設(shè)計(jì)師,我們可以參考的界面設(shè)計(jì)范例和布局原則有很多,比如說(shuō):柵格化、縱向一致性、F型布局、Z型布局、三分法則、黃金分割法等等。注重這些原則將會(huì)給你的設(shè)計(jì)帶來(lái)視覺(jué)吸引力和功能性——現(xiàn)在讓我們來(lái)看一種簡(jiǎn)單的方式,將頁(yè)面兩等分。
雖然在一開(kāi)始聽(tīng)起來(lái)有點(diǎn)傻,但是這種基本布局確實(shí)能起到非常好的效果。當(dāng)我們通覽一個(gè)頁(yè)面時(shí),我們的視線常常會(huì)沿著一個(gè)“之”字形移動(dòng)。而如果用戶的視線是沿著一條水平線移動(dòng)時(shí)——就像在Z型布局里一樣,那么他/她就會(huì)很專注(或者說(shuō)嘗試著專注)。但由于初來(lái)你網(wǎng)站90%的用戶都不會(huì)很仔細(xì)的去關(guān)注你的頁(yè)面,因此讓你的設(shè)計(jì)“瀏覽起來(lái)友好”肯定會(huì)獲得不錯(cuò)回報(bào)哦!