常常聽見大神說設計不需要方方正正的,這樣會顯得死板、沒有創(chuàng)意、LOW…等等,其實不然,在杭州蒙特網(wǎng)頁設計看來,每一種元素,只要在對的環(huán)境中去運用,相信會出現(xiàn)讓人耳目一新的效果。隨著現(xiàn)在技術(shù)越來發(fā)達,設計師也會將雜志中的一些元素,融入到網(wǎng)頁設計中去。讓網(wǎng)頁設計更加有新意。
1、分割
我們已知的分割的元素,主要是線和面 ,其實方形/方框也是具有分割的作用。在設計中運用的話會讓你的作品別具一格。下面設計作品 畫面中出現(xiàn)了多個文案信息,這么多的信息集中在一個畫面中,如何讓它們變得有主有次呢,為了讓用戶清晰的閱讀到每一個單獨的文案信息,所有設計師加入方框的元素,利用大小對比的關(guān)系,有效的避免了內(nèi)容的沖突和雜亂。這里的設計通過加方框的元素,使畫面中的文字也具有一定的強調(diào)作用。
2、 強調(diào)
如何讓文字內(nèi)容在眾多元素里面突出。要么弱化其他,要么強化自己,顯然下面設計中為了讓用戶第一視覺就能看到表達的文字信息,所有設計師利用了方框的元素進行了強突出。
3 、修飾
當我們的在設計一個海報,或者網(wǎng)站頁面中的一段文字的時候,有時候畫面太單薄,一些設計師會用其他的方式進行修飾,但是也有設計師利用方框,或許并不一定是完成的方框,有殘缺的有截取了方框中的部分元素去作為一種修飾。這樣整個畫面一定會別具一格。下面來看設計案例吧。
下面網(wǎng)頁設計中,原本標題在大面積的留白中間,變得單薄,導致頁面的中心不穩(wěn)定,所以設計師在標題上增加了方框的元素,進行輔助修飾作用,有效了豐富了標題的展示效果。
4 、色塊對比讓版面變得有血有肉
這里使用色塊形式,主要出現(xiàn)的在網(wǎng)站布局方面,設計師利用方形的色塊讓網(wǎng)站變得生動創(chuàng)新,使網(wǎng)站在布局上面變得有節(jié)奏,有主次,邏輯清晰。下面我們來看看這些設計案例。
下面是一家家具類的網(wǎng)站,設計師利用方塊的大小來做對比。使得整個畫面中間的元素組織起來變得清晰 有條理,讓用戶在視覺上變得有層次感, 使得整個版面變得簡約清晰。
5、信息引導的作用
在復雜而多的海報或者網(wǎng)站架構(gòu)中,利用方框進行信息引導是非常有效而且新穎的表現(xiàn)方式。以下網(wǎng)站是左側(cè)一個男模特的網(wǎng)站,整個banner采用了紅色調(diào),設計師為了讓用戶快速往下瀏覽,所有大膽的添加了紅色系的方框,有效的引導了用戶的視覺,從上而下的瀏覽,同時使得整個畫面不會出現(xiàn)頭重腳輕的問題。上下得意均衡。另外這樣的處理讓整個版面設計上更加新穎,使得作品脫穎而出。右邊是阿迪達斯的一個品牌網(wǎng)站,設計師利用了方形的元素作為視覺引導,將用戶的視覺一步一步的從引導下去了解他們的全部商品。
6 、讓文字之間相關(guān)聯(lián)
下面海報設計,如果按照正常設計師的話,對于文案的處理方式,肯定會根據(jù)文案信息以及海報架構(gòu)進行分散拍版設計。這樣的處理方式,對海報的畫面要求會比較高,如果海報比較亂的話,哪么文案的識別性就會降低,哪么為了解決這些問題,設計師選擇了方框的元素,利用方框講文案信息關(guān)聯(lián)再一起。然后再利用方框的大小,根據(jù)文案內(nèi)容的主次進行合理的組織分配。這樣不僅讓視覺上的到別具一格,而且也降低了畫面上其他的元素對文案內(nèi)容的干擾。讓用戶第一視覺了解到海報需要傳達的信息。

如果我們在設計中充分利用上述幾個表現(xiàn)方式,相信我們的設計一定會在眾多中間脫穎而出。所以設計優(yōu)秀的作品并不難,難的是你去發(fā)現(xiàn)優(yōu)秀作品的規(guī)律。當然還有很多點值得我們?nèi)グl(fā)現(xiàn)~真正的特色網(wǎng)頁設計從蒙特開始,希望你也能加入到我們當中來;定制是屬于你的獨有氣質(zhì),它所散發(fā)的魅力無人能擋!
常常聽見大神說設計不需要方方正正的,這樣會顯得死板、沒有創(chuàng)意、LOW…等等,其實不然,在杭州蒙特網(wǎng)頁設計看來,每一種元素,只要在對的環(huán)境中去運用,相信會出現(xiàn)讓人耳目一新的效果。隨著現(xiàn)在技術(shù)越來發(fā)達,設計師也會將雜志中的一些元素,融入到網(wǎng)頁設計中去。讓網(wǎng)頁設計更加有新意。
1、分割
我們已知的分割的元素,主要是線和面 ,其實方形/方框也是具有分割的作用。在設計中運用的話會讓你的作品別具一格。下面設計作品 畫面中出現(xiàn)了多個文案信息,這么多的信息集中在一個畫面中,如何讓它們變得有主有次呢,為了讓用戶清晰的閱讀到每一個單獨的文案信息,所有設計師加入方框的元素,利用大小對比的關(guān)系,有效的避免了內(nèi)容的沖突和雜亂。這里的設計通過加方框的元素,使畫面中的文字也具有一定的強調(diào)作用。
2、 強調(diào)
如何讓文字內(nèi)容在眾多元素里面突出。要么弱化其他,要么強化自己,顯然下面設計中為了讓用戶第一視覺就能看到表達的文字信息,所有設計師利用了方框的元素進行了強突出。
3 、修飾
當我們的在設計一個海報,或者網(wǎng)站頁面中的一段文字的時候,有時候畫面太單薄,一些設計師會用其他的方式進行修飾,但是也有設計師利用方框,或許并不一定是完成的方框,有殘缺的有截取了方框中的部分元素去作為一種修飾。這樣整個畫面一定會別具一格。下面來看設計案例吧。
下面網(wǎng)頁設計中,原本標題在大面積的留白中間,變得單薄,導致頁面的中心不穩(wěn)定,所以設計師在標題上增加了方框的元素,進行輔助修飾作用,有效了豐富了標題的展示效果。
4 、色塊對比讓版面變得有血有肉
這里使用色塊形式,主要出現(xiàn)的在網(wǎng)站布局方面,設計師利用方形的色塊讓網(wǎng)站變得生動創(chuàng)新,使網(wǎng)站在布局上面變得有節(jié)奏,有主次,邏輯清晰。下面我們來看看這些設計案例。
下面是一家家具類的網(wǎng)站,設計師利用方塊的大小來做對比。使得整個畫面中間的元素組織起來變得清晰 有條理,讓用戶在視覺上變得有層次感, 使得整個版面變得簡約清晰。
5、信息引導的作用
在復雜而多的海報或者網(wǎng)站架構(gòu)中,利用方框進行信息引導是非常有效而且新穎的表現(xiàn)方式。以下網(wǎng)站是左側(cè)一個男模特的網(wǎng)站,整個banner采用了紅色調(diào),設計師為了讓用戶快速往下瀏覽,所有大膽的添加了紅色系的方框,有效的引導了用戶的視覺,從上而下的瀏覽,同時使得整個畫面不會出現(xiàn)頭重腳輕的問題。上下得意均衡。另外這樣的處理讓整個版面設計上更加新穎,使得作品脫穎而出。右邊是阿迪達斯的一個品牌網(wǎng)站,設計師利用了方形的元素作為視覺引導,將用戶的視覺一步一步的從引導下去了解他們的全部商品。
6 、讓文字之間相關(guān)聯(lián)
下面海報設計,如果按照正常設計師的話,對于文案的處理方式,肯定會根據(jù)文案信息以及海報架構(gòu)進行分散拍版設計。這樣的處理方式,對海報的畫面要求會比較高,如果海報比較亂的話,哪么文案的識別性就會降低,哪么為了解決這些問題,設計師選擇了方框的元素,利用方框講文案信息關(guān)聯(lián)再一起。然后再利用方框的大小,根據(jù)文案內(nèi)容的主次進行合理的組織分配。這樣不僅讓視覺上的到別具一格,而且也降低了畫面上其他的元素對文案內(nèi)容的干擾。讓用戶第一視覺了解到海報需要傳達的信息。

如果我們在設計中充分利用上述幾個表現(xiàn)方式,相信我們的設計一定會在眾多中間脫穎而出。所以設計優(yōu)秀的作品并不難,難的是你去發(fā)現(xiàn)優(yōu)秀作品的規(guī)律。當然還有很多點值得我們?nèi)グl(fā)現(xiàn)~真正的特色網(wǎng)頁設計從蒙特開始,希望你也能加入到我們當中來;定制是屬于你的獨有氣質(zhì),它所散發(fā)的魅力無人能擋!