我們常常看見有一種banner或網(wǎng)頁設(shè)計(jì)中缠犀,都有一些方形元素融進(jìn)文字中,去修飾聪舒,從而讓設(shè)計(jì)顯得更為大氣高端辨液。不知道大家有沒有注意到這個細(xì)節(jié)?
那今天箱残,就聊聊方形方框在網(wǎng)頁設(shè)計(jì)中的運(yùn)用滔迈。
作用
01:分割
我們知道的一些分割元素,如線和面被辑,其實(shí)方形/方框也具有十分好的分割效果燎悍,突出重點(diǎn)。
下面設(shè)計(jì)作品中盼理,有多個文案信息谈山,想讓這些文案在同一畫面中出現(xiàn),又不顯的雜亂無章宏怔,又有主次之分奏路,讓用戶清晰地看到每個信息,那就可以利用方形/方框臊诊,利用大小的對比關(guān)系思劳,進(jìn)行分割,從而有效的避免了內(nèi)容的沖突和雜亂妨猩。
這里的設(shè)計(jì)通過加方框的元素潜叛,使畫面中的文字也具有一定的強(qiáng)調(diào)作用。
下面的設(shè)計(jì)也一樣
如何讓用戶在第一眼更直接地看到最重要的信息壶硅,需要在內(nèi)容過多的設(shè)計(jì)中威兜,強(qiáng)化自己,弱化其他信息庐椒,這時椒舵,方框的有效果使用就能達(dá)到這點(diǎn)—強(qiáng)化、突出约谈!
下面的海報(bào)中笔宿,同樣利用方框犁钟,將用戶視覺焦點(diǎn)聚焦。
03:修飾
此外泼橘,方形/方框還有修飾作用涝动,例如在留白多過,畫面單薄的設(shè)計(jì)中炬灭,就會對此加以裝飾醋粟,當(dāng)然,方形/方框并不需要完整的重归,有時去一部分米愿,會更有設(shè)計(jì)感,不古板鼻吮!
相同的處理方式育苟。
下面網(wǎng)頁設(shè)計(jì)中,原本標(biāo)題在大面積的留白中間椎木,變得單薄违柏,導(dǎo)致頁面的中心不穩(wěn)定
所以設(shè)計(jì)師在標(biāo)題上增加了方框的元素,進(jìn)行輔助修飾作用拓哺,有效了豐富了標(biāo)題的展示效果勇垛。