常常聽見說設計不需要方方正正的,這樣會顯得死板,沒有創意。LOW…等等,其實不然,我認為每一種元素,只要在對的環境中,去運用。相信會出現讓人耳目一新的效果。
比如我們身邊使用的電腦,冰箱 房屋架構等等,都離不開方形的支持。雜志中常常會讓方形元素融入進文字或者圖片中間,去突出或去修飾它們。隨著現在技術越來發達,設計師也會將雜志中的一些元素,融入到
網站網頁設計中去。讓網頁設計更加有新意。
作用
下面我們就來說下方形方框在網頁之中的運用。
01:分割
我們已知的分割的元素,主要是線和面 ,其實方形/方框也是具有分割的作用。在設計中運用的話會讓你的作品別具一格。
02:強調
如何讓文字內容在眾多元素里面突出。 要么弱化其他,要么強化自己,顯然下面設計中為了讓用戶第一視覺就能看到表達的文字信息,所以設計師利用了方框的元素進行了強突出。
03:修飾
當我們的在設計一個海報,或者網站頁面中的一段文字的時候,有時候畫面太單薄,一些設計師會用其他的方式進行修飾,但是也有設計師利用方框,不一定是完整的方框,這樣整個畫面一定會別具一格。
04 :色塊對比讓版面變得有血有肉
設計師利用方形的色塊讓
網站變得生動創新,使網站在布局上面變得有節奏,有主次,邏輯清晰。
05:信息引導的作用
在復雜而多的海報或者網站架構中,利用方框進行信息引導是非常有效而且新穎的表現方式。
06:讓文字之間相關聯
如果我們在
網站設計中充分利用上述幾個表現方式,相信我們的設計一定會脫穎而出。所以設計優秀的作品并不難,難的是你去發現優秀作品的規律。當然還有很多點值得我們去發現~
01:網頁板塊
方框方形元素,經常運用于網頁中的各大板塊,它們能夠有效的將網頁中的元素變得條理清晰等,那么我們來看看下面一些案例是如何巧妙的運用方框。
02:btn按鈕,搜索,表單 等
網頁中常見的按鈕,其實近幾年開始流行的幽靈按鈕(透明按鈕)就是大量借鑒了方框元素,當然實心按鈕也采用了方形元素。
03:圖片
現在越來越多的方框/方形元素出現在網站圖片中,下面案例是一個標準的圖文結合的設計案例,設計師為了讓圖片和文案左右兩邊的視覺平衡,于是加入了方框/方形的元素與圖片進行結合。瞬間整個畫面變的富有設計感起來了。
04:文字
復雜的文案排版起來單調,過于平淡,無層次感?哪么我們來看看方框/方形是如何解決這些問題的。
05:VI logo
方框方形的元素如果放在VI 中結合,是不是很有趣~
類別
這里我就不做細的分析啦~主要在于大家的靈活運用。
01:方框之間的結合
方框/方框之間的結合,一般主要是用在復雜而多的文案內容中間,起到相互關聯的作用,讓彼此更加的緊密。
02:方形與方框之間的結合
這樣的方式開始流行了,主要的作用是用來修飾過于單調的物體,豐富畫面的美感,以及平衡左右關系。往往方框和方形之間會伴隨著圖片或文字一起出現。
03:用于標簽部分
表單按鈕之類的就不做舉例子啦,大家都知道~
04:大的方框/方形
大的方框/方形主要運用于海報之中,或者網頁的架構上等較多的信息內容中。
主要作用在 起到畫面協調,強調 ,區分等等用途。
05:殘缺的方框/方形
這類元素往往結合文案一起展示,主要通過方框的線條將用戶的視覺中心指引到作者想要表達的內容。