AE視覺語言的5種元素和10條動效設(shè)計原理

這篇文章提供了一個非常實(shí)用的臨摹指南,教你從視覺語言的5種元素和10條動態(tài)設(shè)計原理入手,把復(fù)雜的動效作品拆分成可直觀學(xué)習(xí)的細(xì)節(jié),而且掌握這個方法后,無論什么領(lǐng)域,你都能真正從大神的作品中汲取養(yǎng)分。建議閱讀。
在我們探討設(shè)計原理的核心之前,我們需要明確構(gòu)成視覺語言的5種元素。
1. 線段
線段在動態(tài)設(shè)計中是點(diǎn)的集合。線段生成了運(yùn)動,吸引我們的眼睛去跟隨它的運(yùn)動軌跡。線段可以是直線、曲線、虛線或粗細(xì)變化的線,它是構(gòu)成形狀的基本元素。
2. 形狀
線構(gòu)建了形狀。形狀就是我們?nèi)绾稳フJ(rèn)知物體。要么是從物理世界,要么是從創(chuàng)意或者概念。
3. 明度
明度是美術(shù)的術(shù)語,用來描述光與影的效果。在數(shù)字化的創(chuàng)作中,我們也可以用亮度描述。這個物體到底有多亮或者多暗,就是用明度來表示。
4. 材質(zhì)
材質(zhì)指的是物體的表面的質(zhì)感,它可以使我們聯(lián)想到我們觸摸時的感覺。當(dāng)一位藝術(shù)家想利用物體表面的對比去產(chǎn)生視覺興趣時,他就會使用材質(zhì)。
5. 顏色
顏色是光的產(chǎn)物。在藝術(shù)創(chuàng)作過程中,我們通過選擇不同的顏色去表現(xiàn)和增加視覺吸引,從而模仿真實(shí)的世界。紅黃藍(lán)是三個主要的顏色,其次是橙、紫、綠。
例子
形狀:圓形、線條、齒輪
大小:將大小形狀彼此排列形成對比
顏色:橙、黃、藍(lán)、紫、粉、灰
材質(zhì):桌面使用材質(zhì)與平面物體形成對比
明度:用暗色與背景的亮色作對比
在我們對設(shè)計元素有了基本的概念之后,接著讓我們深入10個核心的動態(tài)設(shè)計原理。
1. 對比
對比是一個非常簡單的概念,但是卻極其重要。對比可以簡單解釋為:某種差異。
我們可以在形狀,大小,明度,材質(zhì)和顏色上作出對比。建立對比會增加作品的視覺吸引。人類的視覺被對比吸引,如果你沒有強(qiáng)烈的組合變化,你的視覺創(chuàng)作就會因此缺乏戲劇性和生動感。
2. 重復(fù)
另外一個簡單的原理是自我解釋(self-explanatory),它可以理解為重復(fù)。
可以是形狀,顏色,材質(zhì),明度等的重復(fù),也可以是重復(fù)同樣的形狀去創(chuàng)建一個更大的視覺結(jié)構(gòu)。重復(fù)是為合成增加元素的一種簡單的方法,同時可以為場景帶來統(tǒng)一、和諧的感覺。
3. 對齊
對齊意味著視覺元素可以被有意地排列,從而創(chuàng)建出一種穩(wěn)定的視覺結(jié)構(gòu)。
在設(shè)計中我們經(jīng)常把元素隨機(jī)排列,而使用對齊方法為我們提供了一種吸引眼球的結(jié)構(gòu)類型。在網(wǎng)格的環(huán)境中去創(chuàng)作為我們使用對齊原理帶來了優(yōu)勢。這就是為什么我一直強(qiáng)調(diào)用帶有網(wǎng)格的寫生簿去繪畫,以及在Iiiustrator和Photoshop中使用網(wǎng)格參照。
4. 間距
物體之間的距離暗示著它們的相互關(guān)系。將物體組合或分開可以幫組我們創(chuàng)建視覺結(jié)構(gòu)。
這是另外一種可以幫助我們有效地傳達(dá)視覺信息的原理。通過簡單的給予物體間距,我們可以告訴觀眾元素之間的關(guān)系。這個原理經(jīng)常被用在海報和網(wǎng)頁設(shè)計,但卻適用于所有類型的視覺信息。
5. 統(tǒng)一
這個概念比之前的原理更抽象和主觀,但卻很容易掌握。
統(tǒng)一意味著,當(dāng)所有元素都很一致,每一個部分就會在場景中結(jié)合得很好。沒有任何一個單獨(dú)的部分可以被視為比整體設(shè)計更重要。使用重復(fù)的原理以及平衡的配色方案是在設(shè)計中實(shí)現(xiàn)統(tǒng)一的簡單途徑。
達(dá)到統(tǒng)一的另一種形式是使用統(tǒng)一的小細(xì)節(jié)。例如,如果你在設(shè)計中使用描邊,使用相同的寬度或全部使用虛線描邊,會為你的設(shè)計帶來統(tǒng)一的感覺?,F(xiàn)在,關(guān)鍵就變成是增加變化去維持視覺的吸引,你的設(shè)計不能太一致而沒有對比。
6. 變化
變化意味著使用不同的大小、材質(zhì)、形狀、顏色和明度,在你的整體設(shè)計中加入對比。
對于很多年輕的設(shè)計師來說,這可能會是一個問題。很好的使用元素變化在剛開始是很困難的??朔@個問題最好的方式就是測試和探索如何將形狀和顏色搭配在一起。不要害怕去嘗試將不同的形狀、顏色和材質(zhì)放在一起,它可以讓你找到將不同元素完美搭配,同時又保持統(tǒng)一感的方法。
另外一件我建議你做的事是,當(dāng)你在Vimeo或behance上觀看不同的動態(tài)設(shè)計時,關(guān)鍵是學(xué)習(xí)它的單幀。觀察他們在設(shè)計中使用了多少不同的形狀,顏色,明度等等…我認(rèn)為你會找到一些作品,讓你覺得很棒。這些作品大多數(shù)都融合了大量的變化,同時又保持整體的統(tǒng)一。
7. 平衡
觀看圖像時,我們會根據(jù)我們自己對物理結(jié)構(gòu)(包括質(zhì)量、重力等)的認(rèn)知去判斷它們的狀態(tài),這就為我們帶來了平衡感。
平衡有兩種形式:對稱和不對稱。
這是觀眾的另一個主觀概念,所以當(dāng)你去看你的作品時,要留點(diǎn)時間去檢查你是否達(dá)到了平衡。
8. 強(qiáng)調(diào)
這是每一個設(shè)計師都應(yīng)該掌握的重要的概念。我們明確了設(shè)計的根本是信息的傳達(dá),而強(qiáng)調(diào)就是讓觀眾有一個清晰的焦點(diǎn)。我想告訴觀眾去看哪里,這就是強(qiáng)調(diào)的原理。
9. 比例
比例可以簡單解釋為場景中物體的相對大小。作為設(shè)計師你可以控制物體出現(xiàn)時的比例,這取決于你想如何表現(xiàn)物體的大小。例如,如果你想讓立方體看起來像摩天大廈一樣大,你可以在它的周圍放置一些小元素。
10. 節(jié)奏
我們通常說的節(jié)奏是音樂的跳動、節(jié)拍,同樣,節(jié)奏也適用于視覺藝術(shù)。作為設(shè)計的原理,節(jié)奏的根本是重復(fù)和流動。
這里為大家介紹三種經(jīng)常使用的節(jié)奏:
規(guī)律節(jié)奏(Regular)
流動節(jié)奏(Flowing)
激進(jìn)節(jié)奏(Progressive)
規(guī)律的節(jié)奏發(fā)生在元素的間隔,而元素的本身,通常是相同的大小和長度。
流動的節(jié)奏給人運(yùn)動感,在本質(zhì)上更符合自然的運(yùn)動規(guī)律。
激進(jìn)的節(jié)奏通過一系列變化的過程去表達(dá)形狀的運(yùn)動。
總結(jié)現(xiàn)在,去掌握這些基本原理的最好的辦法就是去觀摩別人的作品。掌握設(shè)計原理是你成為一位有影響力的視覺藝術(shù)家的重要一步。我希望本文可以為你了解和組織視覺語言提供一個堅實(shí)的起點(diǎn)。
相關(guān)閱讀:
ae怎么制作文字隨著煙霧消散效果? Particular的使用方法
AE文字表達(dá)式有哪些? AE三種文字表達(dá)式的使用方法
ae關(guān)鍵幀怎么調(diào)整運(yùn)動曲線?
相關(guān)文章
- 如今音頻文件已經(jīng)成為我們?nèi)粘I畹膭傂?,上下班通勤的路上,不戴上耳機(jī)聽歌或者聽書都覺得無聊,不過,當(dāng)我們興致勃勃地準(zhǔn)備播放一段音頻,卻發(fā)現(xiàn)屏幕上顯示格式不兼容的2025-03-31
如何快速把文字轉(zhuǎn)換成語音? 配音魚根據(jù)輸入的文字快速生成配音技巧
在現(xiàn)代數(shù)字化生活中,將文字轉(zhuǎn)換為語音的需求日益常見,例如有聲讀物、視頻配音、廣告旁白等場景,下面我們就來看看實(shí)現(xiàn)方法2025-03-31- 今天來分享幾款親測好用的6款免費(fèi)人聲分離軟件給大家,希望能幫各位少走彎路,輕松玩轉(zhuǎn)音頻處理2025-03-27
Premiere Pro在Win11 24H2系統(tǒng)中時間線功能無法使用的解決辦法
Adobe Premiere Pro 是一款專業(yè)的視頻編輯軟件,依賴于直觀的時間線操作,但是電腦安裝Windows 11 24H2 一月可選更新(KB5050094)后,時間線不能使用,下面我們就來看看解2025-02-09pr怎么局部馬賽克?給視頻部分片斷中的局部區(qū)域添加馬賽克效果技巧
premiere處理視頻的時候,想要在部分片斷添加局部馬賽克效果,該怎么實(shí)現(xiàn)呢?下面我們就來看看詳細(xì)教程2025-01-31pr怎么調(diào)整圖片大小位置和旋轉(zhuǎn)角度? premiere圖片調(diào)整技巧
Premiere導(dǎo)入的圖片大小位置和角度都是可以調(diào)整的,該怎么對圖片進(jìn)行調(diào)整呢?詳細(xì)請看下文介紹2025-01-31Premiere怎么做蝴蝶飛舞動畫? Pr巧用關(guān)鍵幀制作蝴蝶飛舞動畫的技巧
今天為大家分享關(guān)鍵幀定幀的妙用,可以實(shí)現(xiàn)蝴蝶飛舞動畫的效果,該怎么制作呢?詳細(xì)如下文介紹2025-01-30- Bandicam是一款功能強(qiáng)大的屏幕錄制軟件,它允許用戶錄制高質(zhì)量的視頻,包括游戲、屏幕操作和實(shí)時繪圖等,除了視頻錄制,Bandicam還提供了音頻錄制功能,今天小編給大家?guī)鞡2024-11-27
視頻如何轉(zhuǎn)gif?匯幫視頻格式轉(zhuǎn)換器將視頻轉(zhuǎn)為gif的方法
使用匯幫視頻格式轉(zhuǎn)換器,可以輕松將視頻文件轉(zhuǎn)換為GIF格式,想知道具體步驟的朋友繼續(xù)閱讀本文吧2024-09-11如何提取音頻?匯幫視頻格式轉(zhuǎn)換器提取音頻的方法
匯幫視頻格式轉(zhuǎn)換器是一款多功能的視頻處理軟件,可以輕松實(shí)現(xiàn)音視頻之間的相互轉(zhuǎn)換,且還支持提取音頻,具體步驟將在下文展示2024-09-11