《動態(tài)構(gòu)成基礎》課件-動態(tài)構(gòu)成設計概論

動態(tài)構(gòu)成基礎01構(gòu)成的定義與基本特點構(gòu)成的起源1919年的包豪斯設計學院在格羅皮烏斯提出的“藝術(shù)與技術(shù)的統(tǒng)一”口號下，努力尋求和探索新的造方法和理念，對點、線、面、體等抽象藝術(shù)元素進行大量的研究，在抽象的形、色、質(zhì)的造型方法。構(gòu)成的定義構(gòu)成指將一定的形態(tài)元素，按照視覺規(guī)律、力學原理、心理特性、審美法則進行的創(chuàng)造性的組合。傳統(tǒng)三大構(gòu)成：平面構(gòu)成、色彩構(gòu)成、立體構(gòu)成

構(gòu)成的形成與發(fā)展平面構(gòu)成平面構(gòu)成是以視覺元素點、線、面在二度空間上，按照美的視覺效果，力學的原理，進行編排和組合，它是以理性和邏輯推理來創(chuàng)造形象、研究形象與形象之間的排列的方法。是理性與感性相結(jié)合的產(chǎn)物。其構(gòu)成形式主要有重復、近似、漸變、變異、對比、集結(jié)、發(fā)射、特異、空間與矛盾空間、分割、肌理及錯視等等。。平面構(gòu)成的作用----解決圖形的排列及版式設計設計師把標題與人物垂直排列的形式使之形成一條“線”，下方的導航與logo水平排列也組成了一條“線”，兩者形成一個倒“T”字形。“世界觀”與“游戲陣營”的布局設計正好形成了兩個點。三者的組合是一個完美的三角形狀，而在畫面的構(gòu)圖中三角構(gòu)圖是最穩(wěn)的，配以寧靜的夜空，飄舞的螢火蟲，具有視覺沖擊力的月亮與視角，恰如其分的傳遞出安靜唯美的信息。對稱排列（形式美法則之對稱）對稱：形體用對折的方法，基本上可以重疊的圖形稱為對稱。它們是等形等量的配置關系，最容易得到統(tǒng)一，是具有良好的穩(wěn)定感的最基本形式。。平衡排列（形式美法則之平衡）平衡：在衡器上兩端承受的重量由一個支點支持，雙方獲得力學上的平衡狀態(tài)。平衡排列不同于對稱排列之處在于所用素材的形式，種類可以不完全相同，但所擺放的位置要使得整幅畫面看起來平衡穩(wěn)定具有美感。自由排列（形式美法則之節(jié)奏/韻律）節(jié)奏/韻律：節(jié)奏和韻律是時間藝術(shù)的用語，在音樂中是指音樂的音色、節(jié)拍的長短、節(jié)奏快慢按一定的規(guī)律出現(xiàn)，產(chǎn)生不同的節(jié)奏。在構(gòu)成中為同一形象在一定格律中的重復出現(xiàn)產(chǎn)生的運動感。節(jié)奏必須是有規(guī)律的重復、連續(xù)，節(jié)奏容易單調(diào)，經(jīng)過有律動的變化就產(chǎn)生韻律?！包c、線、面”在設計行為中的表現(xiàn)形式已經(jīng)不僅僅是傳統(tǒng)意義上的形式。一個logo、一個按鈕、一個banner都可以是它們的具象表現(xiàn)。這需要我們在設計之初把具象的素材抽象化——進行解構(gòu)的過程——用最基礎的構(gòu)成元素來按形式美法則（形式美法則包含對稱、平衡、對比、和諧、調(diào)和、節(jié)奏/韻律、統(tǒng)一，七大規(guī)律）進行布局。在獲得理想的布局形式后再把抽象的元素具象化——進行重構(gòu)的過程——此時要以設計的手段來讓元素變得更精致更富視覺沖擊力。色彩構(gòu)成色彩構(gòu)成是從人對色彩的知覺和心理效果出發(fā)，用科學分析的方法，把復雜的色彩現(xiàn)象還原為基本要素，按照一定的規(guī)律和目的性去組合各構(gòu)成之間的相互關系，再創(chuàng)造出新的色彩效果的過程。色彩構(gòu)成是以明度、純度、色相、冷暖、面積、肌理來研究色彩搭配的學科，也是研究色彩各要素的構(gòu)成法則互補色系類似色系三色系分割互補色系矩形色系色彩構(gòu)成的作用--解決色彩的分類及配比配色就是以產(chǎn)品的主色調(diào)為基色，再尋找與基色相協(xié)調(diào)的色彩，使得整體畫風與產(chǎn)品或品牌風格相一致。

產(chǎn)品：男士襯衫關鍵詞：時尚、潮流帥氣、活躍文案：潮流風尚，夏裝八折上線產(chǎn)品圖中出現(xiàn)的顏色：

從產(chǎn)品圖中直接取色是最簡單的選色方法。因此，我們以衣服顏色為主色，展開色彩搭配。色彩搭配案例方案一：鄰近色背景取用藍色為主色調(diào)，部分文案采用青綠色做點綴。運用相同色彩產(chǎn)生關聯(lián)性，引導視覺從左到右移動，整體畫面格調(diào)柔和。方案二：間隔色搭配背景以黃色為主色，藍色為畫面輔助色，青綠色為點綴。間隔色的搭配方案富有視覺沖擊力，整體畫面格調(diào)明快。方案三：互補色搭配選取衣服花紋的深藍色作為背景色，采用白色進行色彩中和。互補色搭配的視覺沖擊力最強，更要著重控制對抗色彩的協(xié)調(diào)性。方案四：暗色調(diào)搭配相比高純度的海報容易帶來廉價促銷的感覺，當海報降低背景的明度后，則可以體現(xiàn)出一種高端的格調(diào)。而暗色背景上的炫光效果，也是常用的設計表現(xiàn)手法方案五：暗色調(diào)+高純度搭配深色背景搭配高飽和度的字體顏色，既有高端格調(diào)又有促銷感覺。副標題可適當降低不透明度，以達到主次分明的效果。立體構(gòu)成立體構(gòu)成是一門研究在三維空間中如何將立體造型要素按照一定的原則組合成賦予個性的美的立體形態(tài)的學科。立體構(gòu)成是用一定的材料、以視覺為基礎，力學為依據(jù)，將造型要素，按照一定的構(gòu)成原則，組合成美好的形體的構(gòu)成方法。它是以點、線、面、對稱、肌理由來，研究空間立體形態(tài)的學科，也是研究立體造型各元素的構(gòu)成法則。其任務是，揭開立體造型的基本規(guī)律．闡明立體設計的基本原理。立體構(gòu)成的作用：解決畫面的空間層次關系

光之教堂，是日本最著名的建筑之一。它是日本建筑大師安藤忠雄的成名代表作，因其在教堂一面墻上開了一個十字形的洞而營造了特殊的光影效果，使信徒們產(chǎn)生接近上帝的錯覺而名垂青史。它獲得了由羅馬教皇頒發(fā)的二十世紀最佳教堂獎。02動態(tài)構(gòu)成的定義與基本特點動態(tài)構(gòu)成的定義動態(tài)構(gòu)成是運用數(shù)字技術(shù)，將一定的形態(tài)元素通過有目的的構(gòu)思，對其進行動態(tài)設計和時間設計，形成具有發(fā)生、發(fā)展和消亡過程的視聽編排關系，從而達到有效的信息傳達和溝通的目的。平面構(gòu)成（構(gòu)圖）色彩構(gòu)成（配色）立體構(gòu)成（空間組織）動態(tài)構(gòu)成（時間軸）動態(tài)圖形動態(tài)構(gòu)成與三大構(gòu)成的關系平面構(gòu)成—解決構(gòu)圖問題色彩構(gòu)成—解決配色問題立體構(gòu)成—解決空間組織問題動態(tài)構(gòu)成—解決時間線中的動態(tài)編排關系03動態(tài)圖形設計的基礎理論一、動態(tài)圖形設計的定義和時間維度屬性動態(tài)圖形的定義動態(tài)圖形是圖形（Graphic）在時間（Time）上的動態(tài)（Motion）的表現(xiàn)形式。動態(tài)圖形設計是圖形設計、動態(tài)設計和時間設計的交叉設計活動，它的主體是圖形設計；它遵守著圖形設計和動態(tài)設計構(gòu)成的原理，并且把視覺要素有目的和有規(guī)劃的表現(xiàn)在時間線上。MG（全稱MotionGraphic），它是平面設計、動畫、電影的微型綜合體，融合了平面圖形設計、動畫的運動規(guī)律和電視視聽語言，將三者巧妙地結(jié)合在一起。與傳統(tǒng)角色動畫的不同就在于，它沒有所謂的鮮明、刻畫細膩的角色人物以及完整的故事情節(jié)設定等，它更強調(diào)的是隨著時間的推移，對要展現(xiàn)的內(nèi)容以一種有趣新穎、美觀的邏輯圖解去呈現(xiàn)，讓人們更愿意、更有興趣去了解你所描述的這個東西。。公式MotionGraphic=Graphic+Motion+Time1、平面圖形風格其中以扁平化風格最為流行，還有各種各樣豐富的圖形表現(xiàn)形式2、插畫等手繪風格3、拼貼、剪紙、質(zhì)感等形式結(jié)合手繪、圖形4、結(jié)合3D等更多圖像處理技術(shù)5、實拍＋圖形動效創(chuàng)意動態(tài)圖形在理念上遵循平面設計的設計原則與思維，在時間表現(xiàn)手法上具備動畫的技術(shù)手段與影響形式。動態(tài)圖形是圖形設計的分支和延伸，一方面其靜態(tài)畫面要符合圖形設計的構(gòu)成規(guī)律，包括排版、字體、色彩等；另一方面其動態(tài)運動要符合動畫與電影的一般規(guī)律?？梢猿蔀椤皶拥膱D形設計”-------隨著時間流動而改變形態(tài)的圖像。時間維度是動態(tài)圖形和靜態(tài)圖形的本質(zhì)區(qū)別。動態(tài)圖形在時間維度下有發(fā)生、發(fā)展、消亡的過程，靜態(tài)圖形則是相對意義上的靜止狀態(tài)?！皶r間軸”的概念被應用到動畫和影視設計中，代表時間發(fā)生發(fā)展的過程。時間維度二、動態(tài)圖形設計的研究主線圖形設計時間設計動態(tài)設計動態(tài)圖形設計圖形設計、動態(tài)設計、時間設計是動態(tài)圖形設計的三條主線，它們組成了動態(tài)圖形設計的基礎理論。01圖形設計包括關鍵幀設計、顏色設定、圖形創(chuàng)作、視覺元素構(gòu)成、排版方式，它主要遵循的是視覺創(chuàng)達設計原則02動態(tài)設計以位移、縮放、旋轉(zhuǎn)、變形、變色為代表的各種動態(tài)形式，它研究的是對象運動的方式方法03時間設計規(guī)劃時間的發(fā)生、發(fā)展和結(jié)束，它實際上是一個普遍認知的編輯和剪輯的工作。時間設計的屬性包括頻率、節(jié)奏等。動態(tài)圖形設計的三條主線動態(tài)圖形設計圖形設計視覺要素形狀、顏色、質(zhì)感、大小、空間構(gòu)成原理和諧、對比、比例、韻律、反復動態(tài)設計動態(tài)要素位移、縮放、旋轉(zhuǎn)、變形、變色動態(tài)構(gòu)成形式方向、方位、聚散、組合時間設計時間屬性發(fā)生、發(fā)展、結(jié)束時間構(gòu)成形式持續(xù)、加速、減速、律動、倒轉(zhuǎn)、頻率時間的信息表達剪輯、蒙太奇動態(tài)圖形設計的三條主線04動態(tài)圖形動畫的應用領域1）品牌宣傳片－用于講述品牌故事IBM這四支僅僅15秒的短片，將IBM關于數(shù)據(jù)安全、醫(yī)藥、能源、汽車安全四個方面做了很好的概述和宣傳。(傳統(tǒng)意義上的視頻宣傳片對復雜信息的表現(xiàn)已經(jīng)變得沒那么容易，且制作成本頗高，近幾年火爆的H5、GIF等形式雖然足夠新穎，但是對于信息的整合處理還稍顯遜色。)這種情況下，IBM這支品牌宣傳片采用MG動畫是個非常明智的選擇。2）產(chǎn)品宣傳片－用于介紹說明產(chǎn)品特點MG動畫的特性h很適合表現(xiàn)對于精準定位、表現(xiàn)產(chǎn)品特，圖形、音樂搭配動效呈現(xiàn)，讓受眾能夠更加獨特的感受到產(chǎn)品特點。

麥當勞為新品CheeseBurger的campaign方案做的宣傳片，動感的音樂、濃烈鮮艷的配色以及豐富的畫面元素，將芝士漢堡的特色呈現(xiàn)得淋漓盡至。NewBalance的小短片，用扁平化的圖形碎片重組呈現(xiàn)，加上符合產(chǎn)品調(diào)性的配色和富有節(jié)奏感的的音樂，僅僅幾秒，就給人很強的帶入感3）產(chǎn)品說明講解相信大家都不太喜歡看密密麻麻的文字，聽嘮嘮叨叨的解說。對于一個較為抽象、信息量大的內(nèi)容，品牌方就要想辦法找一種形式讓受眾更樂意去聽。MG動畫就是一個很好的呈現(xiàn)載體。GoogleForEducation這支片子，用MG動畫的形式對Google旗下教育平臺的業(yè)務、功能和使用方法進行講解，讓一個本差不多要30頁指南才能說清的介紹，在2分鐘內(nèi)一目了然。4）公司招聘—團隊簡介傳統(tǒng)形式上的ppt是做個人／團隊介紹的很方便的形式，但是如今互聯(lián)網(wǎng)的時代，放在傳播渠道上它的效果就沒那么出彩了；一場實時的宣講會一般會需要：精致的PPT+宣講人至少30分鐘的講解時間；或者，你還可以有其他的選擇。比如，2-3分鐘的MG動畫。這支西門子sourcingcenter介紹片就是一個很好的范