怎么樣掌握設(shè)計(jì)的節(jié)奏
發(fā)布時(shí)間:2021-12-31 11:01 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: hh71427-2 閱讀: 3078

追根溯源,人類對(duì)于節(jié)奏的認(rèn)知,最初來源于大自然的規(guī)律,太陽(yáng)東升西落,月有陰晴圓缺,聰明的人類通過模仿這些規(guī)律,最后演變出來詩(shī)歌,音樂,繪畫,乃至生存之道等,這些都是廣義上的節(jié)奏,那么狹義上的節(jié)奏,我們可以理解為一個(gè)節(jié)拍、一段曲調(diào)。

如何掌握設(shè)計(jì)的節(jié)奏?來看這份全面的總結(jié)!

△ 音樂節(jié)拍

那么狹義上的節(jié)奏,可以是一段音樂,就像耳熟能詳?shù)墓?jié)奏有「噔恰恰、噔恰恰」和「咚次噠次」,我將節(jié)奏用圖形化的語言來說明一下,圖中從黑到灰色代表聲音漸弱,豎線分割每個(gè)小節(jié),重復(fù)小節(jié)形成一段簡(jiǎn)單的節(jié)奏,形成「強(qiáng)弱弱」「強(qiáng)弱次弱」的有規(guī)律變化,這樣的節(jié)奏變化自然而然的就形成了對(duì)比。這些可視化的節(jié)奏將成為我們藝術(shù)設(shè)計(jì)中必不可少的理論依據(jù)。

設(shè)計(jì)發(fā)展至今,設(shè)計(jì)師們對(duì)設(shè)計(jì)節(jié)奏的認(rèn)知已經(jīng)非常具體了,例如運(yùn)用元素的聚散、反復(fù)、重疊、轉(zhuǎn)換,形成節(jié)奏和美感的變化,通過色彩的點(diǎn)、線、面等形式的不斷重復(fù),體現(xiàn)有規(guī)律、有秩序的美感。通過這些節(jié)奏變化,可以滿足多場(chǎng)景,多維度的設(shè)計(jì)需求,把握節(jié)奏是設(shè)計(jì)師必備的技能。

帶著這些對(duì)節(jié)奏的理解,我們會(huì)從視覺引導(dǎo)、元素排列、視覺平衡、留白、點(diǎn)線面關(guān)系、以及色彩這6個(gè)方面來分析美學(xué)中的節(jié)奏。

1. 有節(jié)奏的視覺引導(dǎo)

如何掌握設(shè)計(jì)的節(jié)奏?來看這份全面的總結(jié)!

△ 《睡蓮》 莫奈 99×93cm 1919年

我們來分析一下莫奈的代表作《睡蓮》,《睡蓮》是莫奈晚年的作品,當(dāng)我們把這幅畫中被蓮花切割后的負(fù)型連接起來,我們可以看出是一條曲線,這條曲線就是莫奈的「演奏」方式,這條曲線從遠(yuǎn)到近,遠(yuǎn)處的幅度小一些,近處的幅度大一些,拉開畫面的縱深感,將觀者的視覺重心引導(dǎo)到前面那兩朵黃色的蓮花之上。他這種視覺引導(dǎo)讓觀者感覺到的是一種寧?kù)o,試想一下,倘若這是一條筆直的線至上而下,猶如瀑布飛流直下的壯闊,可能就是另外一種感受了,這就是節(jié)奏在畫面中起到的作用。

油畫中不同節(jié)奏的視覺引導(dǎo),會(huì)帶來情緒上、視覺焦點(diǎn)的變化,那么我們?cè)谠O(shè)計(jì)中同樣可以使用,控制節(jié)奏感也是重中之重。

如何掌握設(shè)計(jì)的節(jié)奏?來看這份全面的總結(jié)!

△ 圖片來自 Pinterest App

咱們來看看瀑布流的鼻祖 pinterest 的頁(yè)面樣式,瀑布流符合用戶「Z」字型的閱讀順序,吸引用戶不斷向下滑動(dòng),相比規(guī)規(guī)矩矩的排版方式,瀑布流閱讀起來比較有趣味性,讀起來很輕松。錯(cuò)落有致的引導(dǎo)會(huì)使得閱讀速度放慢,用戶在瀏覽這樣頁(yè)面的時(shí)候,一定是慢條斯理,邊看邊思考的狀態(tài),這樣瀑布流就發(fā)揮到了它的作用,用陰陽(yáng)頓挫的節(jié)奏,營(yíng)造出舒適的閱讀體驗(yàn)。

2. 有節(jié)奏的元素排列

與莫奈不同,梵高是公認(rèn)的瘋子,但也是天才,他在繪畫的時(shí)候無比認(rèn)真,從他作品中可以看出嚴(yán)謹(jǐn)?shù)囊?guī)律。天空中的黃色星星如果用線連起來,會(huì)發(fā)現(xiàn)它如浪花一樣此起彼伏,流動(dòng)的筆觸按照順時(shí)針方向有規(guī)律的排列,讓星空變得靈動(dòng),細(xì)膩的筆觸擺放,仿佛畫面在動(dòng)。前景樹影與后景連綿的山脈形成近大遠(yuǎn)小的連續(xù)空間感,將視野從近處樹影往遠(yuǎn)處山丘無限延伸。往往畫面就是被這樣經(jīng)營(yíng)出來的,慢慢這些方式方法,就被人總結(jié)起來,學(xué)以致用。

如何掌握設(shè)計(jì)的節(jié)奏?來看這份全面的總結(jié)!

如何掌握設(shè)計(jì)的節(jié)奏?來看這份全面的總結(jié)!

△ 《星月夜》梵高 99×93cm 1919年

相比于梵高的油畫,這個(gè)小小的 banner 可能不值一提,但是在這個(gè) banner 中我們看到了元素排列的節(jié)奏。左邊的這幅 banner,文案這么多的字沒有主次,背景點(diǎn)綴的圓球也是一樣大的,排列的方式也較為平均,使我們覺得沒有視覺焦點(diǎn),背景搶了主文案的風(fēng)頭,整個(gè) banner 沒有半點(diǎn)節(jié)奏可言。那么我們來進(jìn)行簡(jiǎn)單的優(yōu)化,右圖文案上主要突出「產(chǎn)品」二字,點(diǎn)綴的元素用形狀、大小進(jìn)行了區(qū)分,看起來靈動(dòng)了許多,畫面中元素的疏密、大小、視覺軌跡等都做了調(diào)整,節(jié)奏分明,畫面?zhèn)鬟f出的信息也更加突出,完成了需求的同時(shí)也不失美感。

如何掌握設(shè)計(jì)的節(jié)奏?來看這份全面的總結(jié)!

△ 圖片來自網(wǎng)絡(luò)

3. 有節(jié)奏的視覺平衡

元素?cái)[放的節(jié)奏會(huì)引導(dǎo)我們的視覺中心,好的畫面是平衡的,是完整的。那么我們先來做個(gè)測(cè)試。

這兩幅海報(bào)哪一個(gè)是官方海報(bào)呢?

如何掌握設(shè)計(jì)的節(jié)奏?來看這份全面的總結(jié)!

△ 圖片來自網(wǎng)絡(luò)

第一幅圖,掛在晾衣繩上的小黃人在右上角,下面兩只小黃人看著它,將整個(gè)畫面的視覺中心引導(dǎo)在右上角的位置,這個(gè)位置本身是沒問題的,但是配上居中的文字,我們會(huì)發(fā)現(xiàn),我們看整個(gè)海報(bào)的時(shí)候視覺焦點(diǎn)是散的,看起來有些別扭。

再來看第二幅海報(bào),這張海報(bào)的視覺焦點(diǎn)是在中間的,掛在晾衣繩上的小黃人在正中間,下面兩只小黃人的視覺中心也同樣聚焦在正面小黃人的身上,從上半部分的文字,中心的小黃人以及下面的文字都是以中心為軸的,這樣看起來視覺聚焦流暢,至上而下,結(jié)構(gòu)清晰。這樣的節(jié)奏是均衡的,是順暢的,這就是有節(jié)奏的視覺平衡。

4. 有節(jié)奏的留白

留白的節(jié)奏也可稱之為旋律的休止符,此處無聲勝有聲。老子在道德經(jīng)中有這樣一句話「埏埴以為器,當(dāng)其無,有器之用」大意是陶土中空才能稱之為器皿,這說明在早在2000多年前中國(guó)傳統(tǒng)美學(xué)就對(duì)「空」有著深刻的認(rèn)識(shí)。第一幅海報(bào)是福田繁雄的正負(fù)型海報(bào),他是正負(fù)型的開創(chuàng)者,那么負(fù)型,就是留白。中間的電影海報(bào),是《道士下山》的海報(bào),通過正負(fù)型,設(shè)計(jì)整幅畫面,負(fù)型既是山門也是禁錮的葫蘆,道士打破禁忌,下山闖世界,使畫面緊扣主題。第三幅海報(bào)是尋龍?jiān)E的海報(bào),不用多說,正負(fù)型是一個(gè)骷髏頭,營(yíng)造出陰森恐怖的效果,兩個(gè)空洞的眼眶既是探險(xiǎn)的入口,也是活命的出口,暗處的危機(jī)重重與外部的晴空萬里形成了鮮明的對(duì)比,虛實(shí)相生。古語評(píng)論畫面的節(jié)奏感有這樣一句話,疏可跑馬,密不透風(fēng)。不要一味的去添加,學(xué)會(huì)控制畫面節(jié)奏,有松有緊的設(shè)計(jì)畫面,往往會(huì)事半功倍。

如何掌握設(shè)計(jì)的節(jié)奏?來看這份全面的總結(jié)!

△ 圖片來自網(wǎng)絡(luò)

5. 有節(jié)奏的排版

純文字排版,最考驗(yàn)設(shè)計(jì)師的平面功底了,平面構(gòu)成離不開點(diǎn)線面的節(jié)奏感。正所謂點(diǎn)動(dòng)成線,線動(dòng)成面,大片文字我們可以看成面,單獨(dú)的元素看成是點(diǎn)。了解了各個(gè)部分的作用,我們來進(jìn)行內(nèi)容的拆分,主要內(nèi)容我們用大字號(hào)并且加粗,加以顏色進(jìn)行強(qiáng)調(diào),再將次要信息用小字排版,形成了主次的對(duì)比,再用單個(gè)元素進(jìn)行點(diǎn)綴,平衡畫面,同時(shí)也要控制畫面節(jié)奏,排出視覺舒適的海報(bào)。

如何掌握設(shè)計(jì)的節(jié)奏?來看這份全面的總結(jié)!

△ 圖片來自網(wǎng)絡(luò)

6. 有節(jié)奏的色彩

顏色的節(jié)奏指的是畫面中顏色明度、純度、色相以及使用面積的變化規(guī)律。觀察色盤,我們發(fā)現(xiàn)45度的色彩節(jié)奏是漸變色,色彩和色彩之間是遞進(jìn)的節(jié)奏關(guān)系,90度的色彩節(jié)奏已經(jīng)產(chǎn)生了對(duì)比,是弱對(duì)比,180度的色彩節(jié)奏則是補(bǔ)色對(duì)比,是強(qiáng)對(duì)比。那么了解了不同色彩搭配產(chǎn)生的感受,我們就可以把握畫面的色彩節(jié)奏了。

如何掌握設(shè)計(jì)的節(jié)奏?來看這份全面的總結(jié)!

△ 色盤變化 圖片來自網(wǎng)絡(luò)

這些色彩理論也是偉大的畫家們慢慢摸索出來的,右圖是米勒所畫的播種者,起初人們只是在觀察模仿大自然的顏色,后人稱之為寫實(shí)派,隨著繪畫的不斷發(fā)展,對(duì)于大自然的色彩意境不僅僅局限于模仿。左圖就是梵高臨摹的播種者,他踩著后印象派的車輪,把后印象派的理念融入了繪畫之中,強(qiáng)調(diào)了色彩的冷暖對(duì)比,夸張的表達(dá),主觀的控制色彩的節(jié)奏,讓畫面不拘泥于寫實(shí) ,變得更加有趣。

如何掌握設(shè)計(jì)的節(jié)奏?來看這份全面的總結(jié)!

△ 圖片來自網(wǎng)絡(luò)

了解了色彩節(jié)奏的發(fā)展史,我們?cè)賮砜纯船F(xiàn)今的海報(bào)設(shè)計(jì)在用色上是否也有規(guī)律可循,這兩張海報(bào),我們可以理解為他是采取的寫實(shí)風(fēng)格,選用低飽和度的相近色,主色之間色彩夾角為45度左右,使畫面變化緩和,避免色彩強(qiáng)烈的對(duì)比,他沒有夸張的顏色,讓別人第一眼看上去就是一張普通的照片,當(dāng)人們?nèi)タ醇?xì)節(jié)的時(shí)候,才看出這幅廣告的創(chuàng)意點(diǎn),看上去真實(shí)又驚喜。

如何掌握設(shè)計(jì)的節(jié)奏?來看這份全面的總結(jié)!

△ 圖片來自網(wǎng)絡(luò)

下面這幅是日本福島核電站核泄漏事件的海報(bào),這個(gè)海報(bào)的用色就與上一幅完全不同,他的創(chuàng)意點(diǎn)全部集中在用色上,為了強(qiáng)調(diào)視覺沖擊力,他用了極少的顏色,用高純度的紅色與白色對(duì)比,基本上沒有漸變,讓畫面更有沖擊力。整幅海報(bào)的含義也是一目了然,形狀上的節(jié)奏變化也恰到好處,準(zhǔn)確的記錄了當(dāng)時(shí)的一切。如果說上一副海報(bào)給人的感受是「恍然大悟」,那這一幅海報(bào)則是「震撼人心」。

如何掌握設(shè)計(jì)的節(jié)奏?來看這份全面的總結(jié)!

△ 圖片來自網(wǎng)絡(luò)

節(jié)奏的應(yīng)用方式肯定遠(yuǎn)遠(yuǎn)不止這些,設(shè)計(jì)離不開節(jié)奏感,本次分享拋磚引玉,世界千變?nèi)f化,萬變不離其宗,做一名有「節(jié)奏」的設(shè)計(jì)師,讓用戶感受美妙動(dòng)人的旋律。

版式設(shè)計(jì)視頻教程
我要自學(xué)網(wǎng)商城 ¥60 元
進(jìn)入購(gòu)買
文章評(píng)論
0 條評(píng)論 按熱度排序 按時(shí)間排序 /350
添加表情
遵守中華人民共和國(guó)的各項(xiàng)道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設(shè)計(jì) 室內(nèi)設(shè)計(jì) 室外設(shè)計(jì) 機(jī)械設(shè)計(jì) 工業(yè)自動(dòng)化 影視動(dòng)畫 程序開發(fā) 網(wǎng)頁(yè)設(shè)計(jì) 會(huì)計(jì)課程 興趣成長(zhǎng) AIGC