版式設(shè)計中的點(diǎn)線面構(gòu)成
導(dǎo)語:平面設(shè)計的一個重要元素就是版式設(shè)計,下面是版式設(shè)計中的點(diǎn)線面構(gòu)成,歡迎參考!
1.通過組合簡化版面
2.點(diǎn)線面的構(gòu)成關(guān)系,即是版式設(shè)計,三個要素不同的組合方式,可以產(chǎn)生不同的版面設(shè)計效果,重要的是掌握信息內(nèi)容或者需求的重點(diǎn)是什么,將它們用平面構(gòu)成的方法,清晰的表現(xiàn)出來。
優(yōu)秀的版式設(shè)計是通過元素的組合簡化版面的內(nèi)容,建立鮮明的秩序感覺。
雜志內(nèi)頁的設(shè)計中,通過將信息文字的組合,將非常的多的文字大致分成了10個元素,黑色表示元素,藍(lán)**域即使留白,我們可以叫它虛空間相同的元素緊密且整齊的排列在一起。形成了秩序美,虛實(shí)空間的結(jié)合也是非常和諧的。一個畫面中的元素種類越少,傳達(dá)的信息更準(zhǔn)確。
2.利用四個邊元素的延續(xù)擴(kuò)大版面
不要讓虛空間把你的版面框住,跳出框,會讓人有更多想像的空間。
用好頁面的四邊,對于版面的設(shè)計是很重要的,如果頁面的元素任意一個接近邊緣,虛空間就會被放大,如上面的例子,雜志的封面邊緣只露出了字母的一個角,但卻讓整個畫面被放大,視覺的擴(kuò)大讓頁面顯得很大氣。
也可以利用元素的延續(xù)性,讓版面有一定的關(guān)聯(lián),例如上圖中的左側(cè)圖片采用延伸到右頁的方式,讓兩個頁面感覺上是一個整體,打破了四方的邊框。
3.四個焦點(diǎn)法則
當(dāng)一個矩形或者正方形被水平和垂直的分成三份后,結(jié)構(gòu)中的四個焦點(diǎn)是最吸引人的四個點(diǎn),設(shè)計師可以實(shí)用位置和距離,來決定哪些點(diǎn)在層級上是最重要的。
下圖是日本的食品網(wǎng)站設(shè)計,其中豆子形狀的信息框是整個畫面中最關(guān)鍵的內(nèi)容,所以將其放在了頁面的右上角的交接點(diǎn)。
4.利用交錯和重疊打破平淡
元素的重復(fù)構(gòu)成使設(shè)計產(chǎn)生安定、整齊、規(guī)律的統(tǒng)一。但重復(fù)構(gòu)成的視覺感受有時容易顯的呆板、平淡、缺乏趣味性的變化,故此,我們在版面中可安排一些交錯與重疊,打破版面呆板、平淡的格局。
例如下面的海報設(shè)計中,利用字體形狀顏色的重疊產(chǎn)生豐富的色彩,第二張海報用交錯的照片拼成了一個完整的圖形,使得畫面非常有層次感,不失為打破格局的好方法。
5.對比越強(qiáng)烈視覺沖擊力越強(qiáng)
對比是版面設(shè)計中常用的手法,無論字與字,形與形,無處不在,或者多種關(guān)系交融在一起。有主次廣西,大小,長短,疏密,動靜,黑白,剛?cè),虛?shí)等方式,彼此參透,相互并存。
幾種比較重要的對比關(guān)系交織在一起,背景黑色和白色的文字對比,黃色的圓形的大小對比,文字長短疏密的對比,折線和模特臉部曲線的對比,交織在一起,形成了很強(qiáng)的視覺沖擊力。我們可以看一旦去掉其中一種對比,例如黑白對比以后,視覺上就弱了許多。
在比如naver網(wǎng)站的設(shè)計,左上角的色塊與其他的色塊成了明顯的對比,它在整個頁面中的作用相當(dāng)于一個面的存在,所以十分醒目。
值得順便一提的是,韓國的設(shè)計中對元素的把握總是比較到位的,哪怕是一個搜索框,就是一個點(diǎn)線面的組合關(guān)系。
6.在秩序中融入變異元素,能活躍頁面,并突出焦點(diǎn)
同質(zhì)中的不同,即是變異元素,在同質(zhì)元素充滿屏幕時,難免乏味很難獲得沖擊力,想要快速打破格局的方法就是將某個元素變異處理。
例如圖中的網(wǎng)站首頁中,有兩種元素組成,在重復(fù)的矢量圖形中,插入了幾個照片,里面的照片就是變異元素,這種視覺上的對比使得一堆圖形變得活潑起來,并且容易被記住。
我們在來看下面的一組圖,這是原研哉給《無印良品》設(shè)計的海報,畫面中的三個元素非常清晰可見,用最簡潔的語言比傳達(dá)出了純樸、簡潔、環(huán)保、以人為本的理念。畫面中以地平線的形式打造了一個巨大的空間感,一個小小的人影站立與地平線上顯得非常渺小,正是這樣的對比使得虛無的感覺被描述的淋漓盡致。
究其根源是什么造成的.視覺美感?正是虛實(shí)空間對比的作用,也就是所謂的留白。這就是最后一點(diǎn)在整個構(gòu)成關(guān)系中很重要的一部分,留白。
7.敢于留白也要慎于留白
留白好比音樂中的休止符,有種此時無聲省有聲的效果,它不僅能引發(fā)觀眾的聯(lián)想,更能起到戲劇般的效果,如果敢于運(yùn)用白,能達(dá)到一種更好的信息傳達(dá)并從精神層面引起觀眾的共鳴,這是它獨(dú)特的魅力所在。
在現(xiàn)在信息爆炸的時代,白變成了一種更高尚的美,讓現(xiàn)代人能釋放壓力并享受這樣的美感。
信息設(shè)計中它的好處是顯而易見的。在網(wǎng)頁設(shè)計中比較典型的例子是豆瓣,文字的間距和每個模塊之間靠留白來區(qū)分,不會靠得特別近,它得虛實(shí)空間是比較對稱得。所以無需添加過多的修飾。
豆瓣的閱讀中心除了正文的文字內(nèi)容以外,其余的圖標(biāo)被盡量的放在頁面的邊緣,或者只保留圖形,這樣的目的是純粹的突出文章本身,而將一些輔助的信息收起來,讓人可以沉浸在閱讀的氛圍里。這樣的方式也是一種留白。
界面中點(diǎn)線面的元素合理的排布,無不體現(xiàn)了設(shè)計師的匠心所在。摒棄了過多無用的設(shè)計才是能深入人心的。
再看看更多其他網(wǎng)站一些細(xì)小的留白設(shè)計,比如google的卡片設(shè)計:
卡片化的設(shè)計終于在google之后風(fēng)靡開來自于生活中類似名片,賀卡等便攜又輕巧的設(shè)計,卡片中標(biāo)題與摘要之間,摘要與說明文字之間的間隙較大,圖片與其他內(nèi)容間也比較疏離,同樣以信息為本的設(shè)計靠留白來分割內(nèi)容之間的關(guān)系,是最近比較流行的設(shè)計趨勢,留白的關(guān)鍵在于大面積虛空間的襯托將實(shí)體最純粹的展現(xiàn)出來,而卡片越來越趨向這種純粹的形式。
點(diǎn)線面的構(gòu)成在設(shè)計中實(shí)際是一套科學(xué)的方法論,它還有非常多的奧秘,以上7點(diǎn)只是粗略的談到一些在平常設(shè)計中發(fā)現(xiàn)的規(guī)律,不能一一將它的科學(xué)美展現(xiàn)出來。
設(shè)計不是盲人摸象憑著感覺去描繪,而是要把握它的骨骼,知道它的結(jié)構(gòu)所在,再用表情語言去豐富它,才能做到傳達(dá)出設(shè)計之美,信息之美。
【版式設(shè)計中的點(diǎn)線面構(gòu)成】相關(guān)文章:
淺談版式構(gòu)成的原則05-10
版式設(shè)計中的圖版率06-28
設(shè)計中的色彩構(gòu)成12-09
版式設(shè)計中的圖版率詳解09-05
廣告設(shè)計中的構(gòu)成理論12-05
常用的版式設(shè)計技巧11-28