留白在網(wǎng)頁設(shè)計(jì)當(dāng)中的運(yùn)用(四)
4、布局留白
布局留白同樣非常好理解,相對(duì)于來說一般情況下,網(wǎng)站設(shè)計(jì)會(huì)有一個(gè)寬度限制,一般寬屏模式下,有些網(wǎng)站設(shè)計(jì)的頭部與幻燈片設(shè)計(jì)是百分百的寬度,但是幻燈片下的主體內(nèi)容,可以給設(shè)定一個(gè)固定的寬度大小且居中顯示,這樣主體部分兩側(cè)留出一定的空白區(qū)域,這就是布局留白。
用京東和behance的網(wǎng)站來給大家分析,可以看到兩邊綠色空出來的這些就是布局的留白設(shè)計(jì)。
Behance是頭部部分做了百分百的寬度,下面的內(nèi)容才做了一定的寬度限制,使得布局上有對(duì)比。而京東的網(wǎng)站 就從頭部到下面的主體部分都是做了一個(gè)寬度限制。不管是哪種布局設(shè)計(jì),都是為了給兩邊留出一定的寬度,益于觀者視線區(qū)域集中停留,也有利于瀏覽。
當(dāng)然在現(xiàn)在有很多網(wǎng)頁設(shè)計(jì)改變常理,布局的兩邊不留白,而將布局留白體現(xiàn)在其他細(xì)微的地方。
IGE定制展臺(tái)設(shè)計(jì)這個(gè)網(wǎng)頁界面的設(shè)計(jì)體現(xiàn)了更多留白的地方,比如下面主體部分四周的留白。這也是布局上的一種留白體現(xiàn)。善用網(wǎng)頁當(dāng)中的各種留白,可以更加突出品牌內(nèi)容、提升易讀性與可讀性、且而體現(xiàn)出網(wǎng)站強(qiáng)大的感染力。
俗話說“少即是多”,這是留白的真理,當(dāng)然,前提是你需要很好的運(yùn)用留白。
適當(dāng)?shù)牧舭卓梢赃_(dá)到更平衡的布局,元素更清晰的呈遞效果,更能吸引用戶注意。留白作為設(shè)計(jì)原則中的一種,不僅僅在各個(gè)領(lǐng)域被廣泛運(yùn)用,在網(wǎng)頁當(dāng)中也尤為重要。入門的設(shè)計(jì)師可能只是簡(jiǎn)單的將要傳達(dá)的內(nèi)容元素?cái)[放在網(wǎng)頁設(shè)計(jì)當(dāng)中便可,但對(duì)于一個(gè)好的的設(shè)計(jì)師,來說怎樣使用留白去引導(dǎo)用戶進(jìn)行交互而達(dá)到網(wǎng)站信息傳達(dá)的目的。