這是兩張來自法國東南部肖維巖洞的巖畫， 經(jīng)證實(shí)可追溯至 3 萬 6 千年前，是世界上最早的形象畫。其中有 53 幅「動(dòng)態(tài)」圖畫描繪了馬、獅子和水牛等動(dòng)物，呈現(xiàn)出慢跑、快跑、搖頭晃腦、用頭碰尾巴等動(dòng)作。
在伊朗被焚之城中挖掘出的陶碗，則描繪了五幅山羊的分解動(dòng)作圖畫。
考古學(xué)家認(rèn)為這是世界第一個(gè)展示動(dòng)畫概念的案例：旋轉(zhuǎn)碗的時(shí)候可以看到這個(gè)山羊朝一棵梨樹上跳去。
下圖是在 1832 年，由比利時(shí)人約瑟夫·普拉托和奧地利人西蒙·馮·施坦普費(fèi)爾發(fā)明的費(fèi)納奇鏡。它可以播放連續(xù)動(dòng)畫，是早期無聲電影的雛型。
從史前文明誕生時(shí)出現(xiàn)的壁畫，到 18 世紀(jì)費(fèi)納奇鏡的發(fā)明，再到 19 世紀(jì)末電影技術(shù)的興起，從傳統(tǒng)動(dòng)畫以及定格動(dòng)畫的產(chǎn)生，一直到現(xiàn)今遍布世界的二維三維電腦動(dòng)畫，無不展現(xiàn)著人類對(duì)動(dòng)態(tài)事物的好奇和感知，并熱衷于利用當(dāng)下技術(shù)去模擬真實(shí)的動(dòng)態(tài)世界。
廣場上儀仗隊(duì)整齊劃一的動(dòng)作，讓我們感受到紀(jì)律井然和莊重嚴(yán)肅。
鄉(xiāng)野里風(fēng)拂過麥田，遠(yuǎn)方一簇簇的麥稈隨風(fēng)擺動(dòng)，此起彼伏，給人帶來一種沁人心脾的舒適。
巨浪猛擊礁石，海鷗被驚飛四散開去，沒有整齊劃一，而是隨機(jī)錯(cuò)落，富有自然的韻律感。
城市街道里車水馬龍，紅綠燈以固定頻率控制交通，多樣的動(dòng)態(tài)節(jié)奏呈現(xiàn)出城市特有的韻律，帶來喧鬧繁雜、充滿活力的感受。
日常生活的片段都蘊(yùn)含著特定的動(dòng)態(tài)規(guī)律，小到談笑間的抑揚(yáng)頓挫，大到精心排練的宏大管弦樂演出，從中都能挖掘出不同的動(dòng)態(tài)片段啟示。
動(dòng)態(tài)的過程可以簡化為：元素經(jīng)過有序的規(guī)則 A 進(jìn)入畫面后，維持一段動(dòng)作，以有序的規(guī)則 B 消失或離開畫面，再次有其他元素進(jìn)入畫面，由此循環(huán)。
規(guī)則 A：風(fēng)格，節(jié)奏和影響
風(fēng)格即元素的入場形式。形式本身沒有嚴(yán)格的對(duì)錯(cuò)，但是它需要服務(wù)于具體的項(xiàng)目主題風(fēng)格，比如國風(fēng)、科技風(fēng)、現(xiàn)代簡潔風(fēng)或者可愛的風(fēng)格對(duì)應(yīng)的元素進(jìn)場是不同的，也可以使用一些通用的現(xiàn)代風(fēng)格。
確立了主題風(fēng)格之后，需要對(duì)不同元素進(jìn)行對(duì)應(yīng)的風(fēng)格處理，比如國風(fēng)（包括硬朗的筆刷風(fēng)格，以及相對(duì)舒緩的水墨風(fēng)格）、卡通風(fēng)格（有合理又夸張的變形扭曲，也有懷舊復(fù)古的低幀定格效果）、科技風(fēng)（有信號(hào)失真，跳閃或者是顏色分離等）
元素入場要滿足自身特定的邏輯自洽，才能更加令人說服可信。比如數(shù)字可以采用計(jì)時(shí)、倒數(shù)等形式，花朵采用飄入或者淡入，很少會(huì)采用圓形或者方向遮罩。
總之不管是單個(gè)還是多個(gè)元素的入場形式，都要與主題風(fēng)格統(tǒng)一，并滿足自身的邏輯自洽。
節(jié)奏產(chǎn)生于對(duì)比，時(shí)間先后，速度快慢，大與小，亮與暗，前與后，一個(gè)屬性的兩個(gè)極限值的合理有規(guī)則的搭配就會(huì)產(chǎn)生節(jié)奏。對(duì)比較弱節(jié)奏就越不明顯，對(duì)比越強(qiáng)節(jié)奏越明顯，不同元素之間需要協(xié)同搭配才能產(chǎn)生不同的節(jié)奏感。
單獨(dú)以時(shí)間先后這個(gè)概念來說，它常用于多個(gè)元素的畫面入場，在無特定情況下，我們會(huì)對(duì)多元素的動(dòng)畫盡量安排線性或者隨機(jī)的時(shí)間入場，它源自于類似骨牌推倒的舒適感或者自然間無序隨機(jī)的協(xié)調(diào)感。整體效果只要做到錯(cuò)落有序，間隔不宜過大即可。
影響也就是元素帶來的基于邏輯的二級(jí)動(dòng)畫效應(yīng)，這與動(dòng)畫師生存手冊(cè)當(dāng)中 Secondary Action 附屬(次要)動(dòng)作類似，比如爆炸會(huì)產(chǎn)生煙霧、火星粒子或者轟鳴。
在強(qiáng)節(jié)奏下尤其需要強(qiáng)化元素的動(dòng)態(tài)效果，我們可以添加多個(gè)由元素帶來影響的二級(jí)動(dòng)畫，比如閃光、反向或者震動(dòng)等等。又比如公交車起動(dòng)和剎車時(shí)給乘客帶來的慣性反應(yīng)，這給運(yùn)動(dòng)帶來連續(xù)性和邏輯性，可以讓動(dòng)態(tài)更具可信度。
規(guī)則 B：剪輯和轉(zhuǎn)場
轉(zhuǎn)場首先要服從于主題風(fēng)格，其次才是選擇如何轉(zhuǎn)場。在這里以一個(gè)視頻為例：
在以上視頻中出現(xiàn)了這些過場手段：
①the cut 硬接
②fade 淡入淡出，漸白，漸黑
③dissolve 疊化
④match cut 匹配剪接，利用前后兩個(gè)的鏡頭相似的元素或者邏輯關(guān)系
⑤iris 模擬早期相機(jī)光圈打開或者關(guān)閉
⑥wipe 擦除，方向線性擦除，形狀遮罩擦除
⑦passing 遮擋轉(zhuǎn)場，借由鏡頭或者物體過場，比如墻體、物體的局部遮擋過場，維持動(dòng)態(tài)
⑧whip pan 鏡頭的快速搖移
⑨smash cut 用高對(duì)比的元素對(duì)比剪接
⑩J、Lcut 前后鏡頭元素的提前或者延續(xù)交錯(cuò)
整體來說，一切以邏輯合理性、元素相似性、動(dòng)態(tài)連續(xù)性等為思考方向。
1. 生活中的節(jié)奏設(shè)計(jì)
假設(shè)要為景區(qū)設(shè)計(jì)策劃一個(gè)徒步游覽活動(dòng)，最擺爛的方案莫過于直接從起點(diǎn)走到終點(diǎn)，全程不提供餐飲和游樂環(huán)節(jié)。
但若想滿足娛樂和宣傳需求，甚至吸引游客付費(fèi)參加，就要有意識(shí)地進(jìn)行節(jié)奏設(shè)計(jì)。例如可以結(jié)合當(dāng)?shù)靥厣O(shè)計(jì)獎(jiǎng)勵(lì)機(jī)制，在合適的節(jié)點(diǎn)上為游客提供特定資源。具體來說可以在每隔 500 米設(shè)置一處當(dāng)?shù)卣{(diào)制的水酒服務(wù)，在三分之一處提供 B 等級(jí)的餐飲美食和游樂節(jié)目，在三分之二處提供 A 等級(jí)服務(wù)，終點(diǎn)提供 S 等級(jí)服務(wù)。
2. 項(xiàng)目案例分析
回到項(xiàng)目案例中，確立整體風(fēng)格后，我們需要對(duì)節(jié)奏進(jìn)行有意識(shí)的設(shè)計(jì)。
處理單頁面，除了畫面中元素本身的節(jié)奏變化，也要注重多元素之間的層級(jí)關(guān)系。若存在多個(gè)頁面，還要統(tǒng)一考慮多個(gè)頁面之間的層級(jí)關(guān)系，主要元素或者主要頁面需要更強(qiáng)烈的節(jié)奏設(shè)計(jì)。
以我們實(shí)際案例 VSBumper 的動(dòng)態(tài)節(jié)奏設(shè)計(jì)來說，由于 VS Bumper 常規(guī)是單個(gè)頁面，所以處理不同的元素層級(jí)節(jié)奏是重點(diǎn)。
首先我們需要對(duì)手上的資源也就是視覺元素進(jìn)行劃分類別。各個(gè)元素之間的主次關(guān)系，常規(guī)分成 S，A 和 B 三個(gè)等級(jí)依次減弱，或者是 SAA 的等級(jí)設(shè)計(jì)（SA 主次，AA 平行）。毋庸置疑，S 的處理要最醒目，動(dòng)態(tài)效果要最強(qiáng)也要更豐富，而 AB 或者 AA 就要相對(duì)更弱，由此元素動(dòng)態(tài)之間產(chǎn)生了對(duì)比，也就產(chǎn)生了節(jié)奏感。
在下面的 VSBumper 案例中，S 元素是 VS 字樣，A 元素是戰(zhàn)隊(duì)和成員信息，B 元素是周邊碎片或者是項(xiàng)目 Logo。所以對(duì) VS 的動(dòng)態(tài)是要突出處理的，其他級(jí)別的元素動(dòng)態(tài)做弱化處理，各個(gè)層級(jí)的元素進(jìn)場時(shí)間也要盡量錯(cuò)開。
在處理單頁面維持動(dòng)態(tài)時(shí)，以我們的循環(huán)為例，同樣區(qū)分主體和次體元素，整體要盡量避免畫面的完全靜止。保持次體元素的動(dòng)畫的同時(shí)，不能奪取主體動(dòng)態(tài)的吸引力。還是以上面左邊的 VSBumper 為例，在元素完全入場后，在維持大塊玻璃的運(yùn)動(dòng)同時(shí)，周邊的碎片玻璃、底圖圓環(huán)和中間更碎的部分同樣也要做相對(duì)微弱的動(dòng)態(tài)處理。
在處理多個(gè)頁面時(shí)，以我們帶 intro 的大屏制作為例，它往往包括多個(gè)頁面的動(dòng)態(tài)制作。同樣首先也要將這幾個(gè)頁面進(jìn)行類別劃分，也就是大框架下的 SAB 細(xì)分。著力強(qiáng)調(diào) S 頁面（包含元素 S-S，S-A，S-B 等元素）的動(dòng)態(tài)效果，強(qiáng)調(diào) S-S 元素的動(dòng)態(tài)效果。
在下面的冠軍大屏動(dòng)畫案例中，涉及到多個(gè)頁面的動(dòng)態(tài)處理，S 級(jí)頁面是最后的冠軍頁面，A 級(jí)頁面是冠軍 Logo 的進(jìn)場頁面，B 頁面是帶冠軍獎(jiǎng)杯的引入畫面。
S 頁面中“冠軍”又作為該頁面的 S 元素，其他比如成員信息作為 A 級(jí)元素，可以看到雖然 A 級(jí)頁面中戰(zhàn)隊(duì) Logo 也有相似的入場，但相比“冠軍”的進(jìn)場會(huì)稍微弱化一些，“冠軍”在這里加入了亮光、震動(dòng)、光效素材和飄散粒子，作為重點(diǎn)強(qiáng)調(diào)區(qū)分開來。
這樣就會(huì)使得在完整的大屏動(dòng)畫下，頁面與頁面之間有節(jié)奏上的產(chǎn)生，同時(shí)在單個(gè)頁面下又有每個(gè)元素間的節(jié)奏區(qū)分，由此就完成了一次相對(duì)合理的節(jié)奏設(shè)計(jì)安排。
最好的靈感和參考是生活本身，動(dòng)態(tài)無時(shí)無刻產(chǎn)生于日常生活中的片段，我們只需要仔細(xì)多觀察生活，感受來自實(shí)際生活各個(gè)片段帶給我們的不同情緒，抓取每一個(gè)節(jié)奏片段進(jìn)行總結(jié)分析，就可以運(yùn)用到我們的實(shí)際工作項(xiàng)目上去。
歡迎關(guān)注作者微信公眾號(hào)：「ASAK」
復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場，未經(jīng)允許不得轉(zhuǎn)載。
熱評(píng) Flora