AE視覺(jué)語(yǔ)言的5種元素和10條動(dòng)效設(shè)計(jì)原理

這篇文章提供了一個(gè)非常實(shí)用的臨摹指南,教你從視覺(jué)語(yǔ)言的5種元素和10條動(dòng)態(tài)設(shè)計(jì)原理入手,把復(fù)雜的動(dòng)效作品拆分成可直觀學(xué)習(xí)的細(xì)節(jié),而且掌握這個(gè)方法后,無(wú)論什么領(lǐng)域,你都能真正從大神的作品中汲取養(yǎng)分。建議閱讀。
在我們探討設(shè)計(jì)原理的核心之前,我們需要明確構(gòu)成視覺(jué)語(yǔ)言的5種元素。

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