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