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