咱們經常看見有一種banner或網頁設計中,都有一些方形元素融進文字中,去修飾,從而讓設計顯得更爲大氣高端。不知道你們有沒有注意到這個細節?設計
那今天,就聊聊方形方框在網頁設計中的運用。code
做用get
01:分割網頁設計
咱們知道的一些分割元素,如線和麪,其實方形/方框也具備十分好的分割效果,突出重點。im
下面設計做品中,有多個文案信息,想讓這些文案在同一畫面中出現,又不顯的雜亂無章,又有主次之分,讓用戶清晰地看到每一個信息,那就能夠利用方形/方框,利用大小的對比關係,進行分割,從而有效的避免了內容的衝突和雜亂。img
這裏的設計經過加方框的元素,使畫面中的文字也具備必定的強調做用。co
下面的設計也同樣設計師
02 : 強調分割
如何讓用戶在第一眼更直接地看到最重要的信息,須要在內容過多的設計中,強化本身,弱化其餘信息,這時,方框的有效果使用就能達到這點—強化、突出!tar
下面的海報中,一樣利用方框,將用戶視覺焦點聚焦。
03: 修飾
此外,方形/方框還有修飾做用,例如在留白多過,畫面單薄的設計中,就會對此加以裝飾,固然,方形/方框並不須要完整的,有時去一部分,會更有設計感,不古板!
相同的處理方式。
下面網頁設計中,本來標題在大面積的留白中間,變得單薄,致使頁面的中心不穩定
因此設計師在標題上增長了方框的元素,進行輔助修飾做用,有效了豐富了標題的展現效果。