追根溯源,人類對于節(jié)奏的認(rèn)知,最初來源于大自然的規(guī)律,太陽東升西落,月有陰晴圓缺,聰明的人類通過模仿這些規(guī)律,最后演變出來詩歌,音樂,繪畫,乃至生存之道等,這些都是廣義上的節(jié)奏,那么狹義上的節(jié)奏,我們可以理解為一個節(jié)拍、一段曲調(diào)。
△ 音樂節(jié)拍
那么狹義上的節(jié)奏,可以是一段音樂,就像耳熟能詳?shù)墓?jié)奏有「噔恰恰、噔恰恰」和「咚次噠次」,我將節(jié)奏用圖形化的語言來說明一下,圖中從黑到灰色代表聲音漸弱,豎線分割每個小節(jié),重復(fù)小節(jié)形成一段簡單的節(jié)奏,形成「強(qiáng)弱弱」「強(qiáng)弱次弱」的有規(guī)律變化,這樣的節(jié)奏變化自然而然的就形成了對比。這些可視化的節(jié)奏將成為我們藝術(shù)設(shè)計(jì)中必不可少的理論依據(jù)。
設(shè)計(jì)發(fā)展至今,設(shè)計(jì)師們對設(shè)計(jì)節(jié)奏的認(rèn)知已經(jīng)非常具體了,例如運(yùn)用元素的聚散、反復(fù)、重疊、轉(zhuǎn)換,形成節(jié)奏和美感的變化,通過色彩的點(diǎn)、線、面等形式的不斷重復(fù),體現(xiàn)有規(guī)律、有秩序的美感。通過這些節(jié)奏變化,可以滿足多場景,多維度的設(shè)計(jì)需求,把握節(jié)奏是設(shè)計(jì)師必備的技能。
帶著這些對節(jié)奏的理解,我們會從視覺引導(dǎo)、元素排列、視覺平衡、留白、點(diǎn)線面關(guān)系、以及色彩這6個方面來分析美學(xué)中的節(jié)奏。
1. 有節(jié)奏的視覺引導(dǎo)
△ 《睡蓮》 莫奈 99×93cm 1919年
我們來分析一下莫奈的代表作《睡蓮》,《睡蓮》是莫奈晚年的作品,當(dāng)我們把這幅畫中被蓮花切割后的負(fù)型連接起來,我們可以看出是一條曲線,這條曲線就是莫奈的「演奏」方式,這條曲線從遠(yuǎn)到近,遠(yuǎn)處的幅度小一些,近處的幅度大一些,拉開畫面的縱深感,將觀者的視覺重心引導(dǎo)到前面那兩朵黃色的蓮花之上。他這種視覺引導(dǎo)讓觀者感覺到的是一種寧靜,試想一下,倘若這是一條筆直的線至上而下,猶如瀑布飛流直下的壯闊,可能就是另外一種感受了,這就是節(jié)奏在畫面中起到的作用。
油畫中不同節(jié)奏的視覺引導(dǎo),會帶來情緒上、視覺焦點(diǎn)的變化,那么我們在設(shè)計(jì)中同樣可以使用,控制節(jié)奏感也是重中之重。
△ 圖片來自 Pinterest App
咱們來看看瀑布流的鼻祖 pinterest 的頁面樣式,瀑布流符合用戶「Z」字型的閱讀順序,吸引用戶不斷向下滑動,相比規(guī)規(guī)矩矩的排版方式,瀑布流閱讀起來比較有趣味性,讀起來很輕松。錯落有致的引導(dǎo)會使得閱讀速度放慢,用戶在瀏覽這樣頁面的時候,一定是慢條斯理,邊看邊思考的狀態(tài),這樣瀑布流就發(fā)揮到了它的作用,用陰陽頓挫的節(jié)奏,營造出舒適的閱讀體驗(yàn)。
2. 有節(jié)奏的元素排列
與莫奈不同,梵高是公認(rèn)的瘋子,但也是天才,他在繪畫的時候無比認(rèn)真,從他作品中可以看出嚴(yán)謹(jǐn)?shù)囊?guī)律。天空中的黃色星星如果用線連起來,會發(fā)現(xiàn)它如浪花一樣此起彼伏,流動的筆觸按照順時針方向有規(guī)律的排列,讓星空變得靈動,細(xì)膩的筆觸擺放,仿佛畫面在動。前景樹影與后景連綿的山脈形成近大遠(yuǎn)小的連續(xù)空間感,將視野從近處樹影往遠(yuǎn)處山丘無限延伸。往往畫面就是被這樣經(jīng)營出來的,慢慢這些方式方法,就被人總結(jié)起來,學(xué)以致用。
△ 《星月夜》梵高 99×93cm 1919年
相比于梵高的油畫,這個小小的 banner 可能不值一提,但是在這個 banner 中我們看到了元素排列的節(jié)奏。左邊的這幅 banner,文案這么多的字沒有主次,背景點(diǎn)綴的圓球也是一樣大的,排列的方式也較為平均,使我們覺得沒有視覺焦點(diǎn),背景搶了主文案的風(fēng)頭,整個 banner 沒有半點(diǎn)節(jié)奏可言。那么我們來進(jìn)行簡單的優(yōu)化,右圖文案上主要突出「產(chǎn)品」二字,點(diǎn)綴的元素用形狀、大小進(jìn)行了區(qū)分,看起來靈動了許多,畫面中元素的疏密、大小、視覺軌跡等都做了調(diào)整,節(jié)奏分明,畫面?zhèn)鬟f出的信息也更加突出,完成了需求的同時也不失美感。
△ 圖片來自網(wǎng)絡(luò)
3. 有節(jié)奏的視覺平衡
元素?cái)[放的節(jié)奏會引導(dǎo)我們的視覺中心,好的畫面是平衡的,是完整的。那么我們先來做個測試。
這兩幅海報哪一個是官方海報呢?
△ 圖片來自網(wǎng)絡(luò)
第一幅圖,掛在晾衣繩上的小黃人在右上角,下面兩只小黃人看著它,將整個畫面的視覺中心引導(dǎo)在右上角的位置,這個位置本身是沒問題的,但是配上居中的文字,我們會發(fā)現(xiàn),我們看整個海報的時候視覺焦點(diǎn)是散的,看起來有些別扭。
再來看第二幅海報,這張海報的視覺焦點(diǎn)是在中間的,掛在晾衣繩上的小黃人在正中間,下面兩只小黃人的視覺中心也同樣聚焦在正面小黃人的身上,從上半部分的文字,中心的小黃人以及下面的文字都是以中心為軸的,這樣看起來視覺聚焦流暢,至上而下,結(jié)構(gòu)清晰。這樣的節(jié)奏是均衡的,是順暢的,這就是有節(jié)奏的視覺平衡。
4. 有節(jié)奏的留白
留白的節(jié)奏也可稱之為旋律的休止符,此處無聲勝有聲。老子在道德經(jīng)中有這樣一句話「埏埴以為器,當(dāng)其無,有器之用」大意是陶土中空才能稱之為器皿,這說明在早在2000多年前中國傳統(tǒng)美學(xué)就對「空」有著深刻的認(rèn)識。第一幅海報是福田繁雄的正負(fù)型海報,他是正負(fù)型的開創(chuàng)者,那么負(fù)型,就是留白。中間的電影海報,是《道士下山》的海報,通過正負(fù)型,設(shè)計(jì)整幅畫面,負(fù)型既是山門也是禁錮的葫蘆,道士打破禁忌,下山闖世界,使畫面緊扣主題。第三幅海報是尋龍?jiān)E的海報,不用多說,正負(fù)型是一個骷髏頭,營造出陰森恐怖的效果,兩個空洞的眼眶既是探險的入口,也是活命的出口,暗處的危機(jī)重重與外部的晴空萬里形成了鮮明的對比,虛實(shí)相生。古語評論畫面的節(jié)奏感有這樣一句話,疏可跑馬,密不透風(fēng)。不要一味的去添加,學(xué)會控制畫面節(jié)奏,有松有緊的設(shè)計(jì)畫面,往往會事半功倍。
△ 圖片來自網(wǎng)絡(luò)
5. 有節(jié)奏的排版
純文字排版,最考驗(yàn)設(shè)計(jì)師的平面功底了,平面構(gòu)成離不開點(diǎn)線面的節(jié)奏感。正所謂點(diǎn)動成線,線動成面,大片文字我們可以看成面,單獨(dú)的元素看成是點(diǎn)。了解了各個部分的作用,我們來進(jìn)行內(nèi)容的拆分,主要內(nèi)容我們用大字號并且加粗,加以顏色進(jìn)行強(qiáng)調(diào),再將次要信息用小字排版,形成了主次的對比,再用單個元素進(jìn)行點(diǎn)綴,平衡畫面,同時也要控制畫面節(jié)奏,排出視覺舒適的海報。
△ 圖片來自網(wǎng)絡(luò)
6. 有節(jié)奏的色彩
顏色的節(jié)奏指的是畫面中顏色明度、純度、色相以及使用面積的變化規(guī)律。觀察色盤,我們發(fā)現(xiàn)45度的色彩節(jié)奏是漸變色,色彩和色彩之間是遞進(jìn)的節(jié)奏關(guān)系,90度的色彩節(jié)奏已經(jīng)產(chǎn)生了對比,是弱對比,180度的色彩節(jié)奏則是補(bǔ)色對比,是強(qiáng)對比。那么了解了不同色彩搭配產(chǎn)生的感受,我們就可以把握畫面的色彩節(jié)奏了。
△ 色盤變化 圖片來自網(wǎng)絡(luò)
這些色彩理論也是偉大的畫家們慢慢摸索出來的,右圖是米勒所畫的播種者,起初人們只是在觀察模仿大自然的顏色,后人稱之為寫實(shí)派,隨著繪畫的不斷發(fā)展,對于大自然的色彩意境不僅僅局限于模仿。左圖就是梵高臨摹的播種者,他踩著后印象派的車輪,把后印象派的理念融入了繪畫之中,強(qiáng)調(diào)了色彩的冷暖對比,夸張的表達(dá),主觀的控制色彩的節(jié)奏,讓畫面不拘泥于寫實(shí) ,變得更加有趣。
△ 圖片來自網(wǎng)絡(luò)
了解了色彩節(jié)奏的發(fā)展史,我們再來看看現(xiàn)今的海報設(shè)計(jì)在用色上是否也有規(guī)律可循,這兩張海報,我們可以理解為他是采取的寫實(shí)風(fēng)格,選用低飽和度的相近色,主色之間色彩夾角為45度左右,使畫面變化緩和,避免色彩強(qiáng)烈的對比,他沒有夸張的顏色,讓別人第一眼看上去就是一張普通的照片,當(dāng)人們?nèi)タ醇?xì)節(jié)的時候,才看出這幅廣告的創(chuàng)意點(diǎn),看上去真實(shí)又驚喜。
△ 圖片來自網(wǎng)絡(luò)
下面這幅是日本福島核電站核泄漏事件的海報,這個海報的用色就與上一幅完全不同,他的創(chuàng)意點(diǎn)全部集中在用色上,為了強(qiáng)調(diào)視覺沖擊力,他用了極少的顏色,用高純度的紅色與白色對比,基本上沒有漸變,讓畫面更有沖擊力。整幅海報的含義也是一目了然,形狀上的節(jié)奏變化也恰到好處,準(zhǔn)確的記錄了當(dāng)時的一切。如果說上一副海報給人的感受是「恍然大悟」,那這一幅海報則是「震撼人心」。
△ 圖片來自網(wǎng)絡(luò)
節(jié)奏的應(yīng)用方式肯定遠(yuǎn)遠(yuǎn)不止這些,設(shè)計(jì)離不開節(jié)奏感,本次分享拋磚引玉,世界千變?nèi)f化,萬變不離其宗,做一名有「節(jié)奏」的設(shè)計(jì)師,讓用戶感受美妙動人的旋律。
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。