大家好，我是魚先生，不止會設(shè)計(jì)的90后解憂大叔。一個人有了骨架的支撐，才能活動自如，那么在設(shè)計(jì)中也是如此，需要基礎(chǔ)作為「骨架」來支撐設(shè)計(jì)。所以從今天起，魚先生會陪著你一起學(xué)習(xí)和鞏固設(shè)計(jì)基礎(chǔ)，構(gòu)成、版式、色彩、設(shè)計(jì)師心理學(xué)等。
今天重點(diǎn)講平面構(gòu)成中的15種形式概念以及在商業(yè)設(shè)計(jì)中的應(yīng)用。本文近7000字，200張案例，預(yù)計(jì)閱讀5到10分鐘。※ 本文案例圖片來自網(wǎng)絡(luò)，僅限展示不做商用。平面構(gòu)成的形式有：近似、重復(fù)、對比、漸變、分割、對稱、平衡、肌理、錯視、密集、發(fā)射、變異、特異、空間與矛盾空間。在開始講這些構(gòu)成形式之前，我們先要了解兩個概念點(diǎn)，骨骼和基本形，因?yàn)橄旅鏁粩嗟靥岬健?/span>基本形，是畫面中的點(diǎn)線面，或者圖形、文字等元素內(nèi)容以個體或組合組成。骨骼就是畫面的規(guī)劃、框架，骨骼的作用就是固定或分割基本形，從而形成不同的畫面視覺。骨骼由骨骼框、骨骼線、骨骼點(diǎn)和骨骼單位組成。骨骼線可以是隱形的，也可以成為畫面的組成部分，骨骼的表現(xiàn)形式有很多，比如重復(fù)骨骼、重疊骨骼、漸變骨骼、透視骨骼等。另外，設(shè)計(jì)中的網(wǎng)格線、分欄也是骨骼的一種形式，作用是用來規(guī)范畫面或作為某種依據(jù)而存在。總結(jié)一下，構(gòu)成是通過點(diǎn)線面基本形拆分或組合成為新的形態(tài)，基本形是構(gòu)成的組成部分，骨骼是類似人體骨架的存在，是構(gòu)成的規(guī)則骨架或起到分割線的作用。
今天魚先生先把平面構(gòu)成的15種形式統(tǒng)一講一遍，之后會把其中常用實(shí)用的構(gòu)成形成拿出來深入講解，都會免費(fèi)分享在公眾號。
構(gòu)成的15種形式 近似構(gòu)成，是基本形態(tài)的近似組合，比如在同一骨骼單位內(nèi)放置同類屬性但又具備變化的形式。世界上沒有兩片相同的葉子，但是一棵樹的葉子是近似的，大街上形形色色的人也是近似的，或者你去觀察超市的貨架，琳瑯滿目的商品也有同一個類型的，這些都是近似的構(gòu)成形式。再比如我們常見的手機(jī)app應(yīng)用，就是用無形或有形的骨骼單位分割開來，而相同的圖形內(nèi)是不同的app圖標(biāo)，這也是近似構(gòu)成的形式。接下來跟著魚先生一起在更多的商業(yè)案例中觀察分析，加深理解和記憶：上面這張海報(bào)，比較直觀的近似案例，可以看到在統(tǒng)一的骨骼單位內(nèi)，也就是方格內(nèi)，圖片的光影角度是變化的，靜中有動的變化。整體看，可以看出錐形漸變的角度是從中心往四周發(fā)射的，這個也屬于發(fā)射構(gòu)成，后面會講到。▲ 輔助圖形部分，統(tǒng)一方格（骨骼單位）內(nèi)的圖案產(chǎn)生變化，形成近似構(gòu)成上面這個案例，是一個年輕寵物品牌VI輔助圖形部分，第二張圖上面，我用藍(lán)色色塊框出了骨骼單位，每個骨骼單位內(nèi)的元素發(fā)生了小的變化，讓畫面顯得有秩序的同時(shí)，也具備變化的動感和趣味性。 我們在考慮構(gòu)成使用的時(shí)候不要太死板，比如像上面的小丑面具，總屬性都是面具，但里面圖案和色彩有所變化，如果你都使用一摸一樣的面具，那么畫面就會非常單調(diào)呆板。近似構(gòu)成的應(yīng)用比較廣泛，比如logo設(shè)計(jì)，甚至建筑設(shè)計(jì)、動畫設(shè)計(jì)等，都會被經(jīng)常使用。總結(jié)一下，近似構(gòu)成的特點(diǎn)就是，在兩個以上的圖形中，規(guī)律中有一點(diǎn)變化，也可以理解為骨骼不變或少變，基本形產(chǎn)生一定的變化，從而讓畫面變得生動、趣味。重復(fù)構(gòu)成，是在一個畫面中，我們所運(yùn)用基本形的色彩、大小或方向等，有規(guī)律的重復(fù)出現(xiàn)，同樣的形象出現(xiàn)兩次或以上就形成了重復(fù)構(gòu)成的形式。重復(fù)的例子太多了，比如馬路上的汽車、超市的水果、聯(lián)排的建筑、軍訓(xùn)的隊(duì)伍都屬于重復(fù)的形式。在商業(yè)設(shè)計(jì)中，比如三菱logo，中國移動的logo等，都是重復(fù)構(gòu)成的形式。重復(fù)能夠給人帶來整齊、規(guī)律、強(qiáng)調(diào)、震撼等特點(diǎn)，但是運(yùn)用不好的話，也會顯得太過板正、呆板，畫面就很容易平平無奇。重復(fù)構(gòu)成的形式不是必須要相同的元素，也可以是大小不同、形狀不同等方式的一種重復(fù)，或者同一種屬性的重復(fù)。▲ 從視覺上看，這是一個與筆桿子有關(guān)的題材上面這個案例，是以前給綠地集團(tuán)設(shè)計(jì)的樣冊其中的一個對開頁，其中的氫氣球元素就是重復(fù)，如果我們很規(guī)整的去排放，大小一樣，順序規(guī)整，那么設(shè)計(jì)感就沒有了，所以在重復(fù)中，我們也需要來點(diǎn)變化。▲ 藍(lán)色小球的重復(fù)，大小不一樣，增加對比和視覺性一個畫面中可以運(yùn)用單個或多個構(gòu)成形式，最終的目的是為了讓畫面更具備視覺沖擊力，比如下面會講到的重復(fù)與變異的結(jié)合，就會讓太規(guī)律的畫面打破規(guī)律，從而形成視覺焦點(diǎn)，以及畫面的吸睛效果。▲ 重復(fù)的雞蛋中，有一個雞蛋產(chǎn)生變異，打破規(guī)律，形成了視覺焦點(diǎn)▲ 重復(fù)+變異，黑色燈泡圖標(biāo)的中間出現(xiàn)一個黃色的圖形，形成了視覺焦點(diǎn)對比的表現(xiàn)形式有很多，比如大小對比、遠(yuǎn)近對比、虛實(shí)對比、明暗對比、動靜對比、空間對比、方向?qū)Ρ?、位置對比、疏密對比、粗?xì)對比等。總之呢，反義詞含義都可以形成對比形式，咱們延伸一下，黑與白，戰(zhàn)爭與和平，正與反等。對比還可以理解產(chǎn)生沖突，沖突式對比很容易產(chǎn)生吸睛的效果，經(jīng)常被我們運(yùn)用在設(shè)計(jì)創(chuàng)意中。比如下面這組創(chuàng)意，就是一個很好的沖突案例：延伸到抽象的理解，還有情緒對比、心理對比，這都是對比的一種形式。對比在設(shè)計(jì)中的應(yīng)用非常廣泛，之后我也會單獨(dú)拎出來再仔細(xì)講解。大小對比、沖突式對比，讓整個畫面看起來非常吸引視覺，而且我們看到，無論兩邊的大人如何制造矛盾，甚至有恐嚇情緒，中間的人仍舊保持平靜的微笑，這也是一種情緒的沖突。放大鍵盤，增加視覺沖突，本來應(yīng)該小的鍵盤變大了，人物站在了鍵盤上，就好像是一場用鍵盤展開的競爭，這是從視覺上就可以給人的感覺，非常直觀。對比一定會產(chǎn)生沖突，具象沖突和抽象沖都可以運(yùn)用，大家不要太局限自己的思維，可以放開的去思考。沖突是創(chuàng)意的重要表現(xiàn)形式之一，在適合的設(shè)計(jì)實(shí)戰(zhàn)中可以考慮運(yùn)用沖突，增加對比以及畫面的視覺沖擊力。漸變是有規(guī)律或不受規(guī)律約束的層次變化，把基本形按照大小、色彩、虛實(shí)、疏密等形式進(jìn)行層次的漸變排列效果，我們常見的有顏色漸變、透視漸變、大小漸變、虛實(shí)漸變、疏密漸變等。▲ 雞蛋的顏色刻意擺放之后，顏色從淺到深形成了漸變書本排列的骨骼線由大到小，形成了透視效果，近大遠(yuǎn)小，在設(shè)計(jì)中，特意加強(qiáng)透視的比例，從而讓整個畫面更具備空間感和視覺沖擊力。再一起多看一些案例，大家自己分析看看，也并不復(fù)雜：▲ 檸檬從新鮮到腐壞，好與壞之間的延伸形成了一個漸變構(gòu)成 ▲ 杜蕾斯植樹節(jié)借勢海報(bào)，虛實(shí)漸變杜蕾斯的海報(bào)創(chuàng)意一直都比較不錯，做設(shè)計(jì)的都可以關(guān)注一下杜蕾斯，重點(diǎn)是學(xué)習(xí)人家的創(chuàng)意思想，可別跑偏了。 從視覺上來看，普通鞋子到金色鞋子的蛻變，看似是顏色漸變，但延伸一下也可以理解為灰姑娘到公主的漸變構(gòu)成，這樣更具備想象力。 作為設(shè)計(jì)師不能僅僅從具象方面去思考創(chuàng)意，我們可以通過畫面把抽象的思考視覺化，從而讓畫面顯得更加生動、具備創(chuàng)意。分割構(gòu)成，是把整體分為不同的個體，可以等形分割，有規(guī)則的分割，無規(guī)則的分割。也可以利用一些設(shè)計(jì)規(guī)則來分割，比如黃金分割，從而形成視覺美。直接進(jìn)入案例觀察分析環(huán)節(jié)：▲ 臺面的分割，人物與蜜蜂的大小對比，讓整個畫面富含想象力和趣味性▲ 一支鉛筆內(nèi)部用不同的水果進(jìn)行同構(gòu)，形成了趣味性，增加了畫面的視覺沖擊力上面這兩張文字排版，像期刊、雜志設(shè)計(jì)的時(shí)候使用比較多，通過有形或無形的骨骼線進(jìn)行分割，從而讓畫面中的文字形成一定的規(guī)律，這種排版要注意整體版式的美觀和字體的閱讀性。▲ 鏤空的文字放在人像的上面產(chǎn)生了分割效果，同時(shí)保留了文字的識別性，文字可以作為符號存在，也可以作為可閱讀性符號存在▲ 具象物體經(jīng)過分割之后，采用其他元素進(jìn)行補(bǔ)充，整體中有局部，局部中又顯得整體，增加畫面的趣味性、生動性▲ 畫冊中的版式分割，畫冊中的分欄也是一種分割形式，還有整個版面來看，對文字、圖片進(jìn)行不同區(qū)域的排版，也是一種分割形式▲ ?在主圖中我們看到由四塊組成，一塊文字和三個不同的角色人物，蒙太奇拼貼分割就是通過骨骼線的規(guī)則或不規(guī)則運(yùn)動，建立不同的區(qū)域，在設(shè)計(jì)中也可以結(jié)合分割設(shè)計(jì)出有趣生動的版式。▲ 把琴的一半切割開，然后用文字進(jìn)行替補(bǔ)，讓整個版面顯得有趣、活躍，而且也不會影響文字的閱讀性。 或者在畫面中可以利用分割來區(qū)分不同的層級，再結(jié)合色彩、大小、粗細(xì)等形式來豐富版式以及增加畫面的清晰和沖擊力。肌理構(gòu)成的概念比較容易理解，也比較常見，就是生活中我們所說的質(zhì)感、紋理、肌理，比如人的皮膚，人的指紋，樹葉的脈絡(luò)，不同的石頭肌理等。肌理構(gòu)成，我想先帶著大家來欣賞一下大自然的之美。
魚先生非常建議大家多多觀察大自然，融入大自然，特別是與創(chuàng)造有關(guān)的職業(yè)，因?yàn)榇笞匀徽娴暮苊溃矣刑嘀档梦覀儗W(xué)習(xí)和敬畏的方面。接下來，一起來欣賞一些實(shí)戰(zhàn)案例：▲ 局部放大老虎的斑紋毛發(fā)形成了肌理，增加了視覺吸引力，更與主題文字相互呼應(yīng)
肌理有自然肌理和人造肌理，肌理的表現(xiàn)形式是為了增加畫面的視覺感、質(zhì)感，或者是結(jié)合創(chuàng)意使用。如果從感受來看，那么還分為視覺肌理和觸覺肌理，也就是眼睛看到的肌理和觸摸到的肌理。我們看到上面的盲文，或者你閉上眼睛去觸摸有凹凸感的事物所感受到的就是觸覺肌理。對稱，是指從色彩、大小、面積等方面保持一樣，形成一種對稱的形式。對稱也是平衡的形式之一，對稱從視覺上看比較美觀、穩(wěn)定，但對稱的缺點(diǎn)是有點(diǎn)呆板。平衡不僅僅靠對稱才能達(dá)成，可以通過元素的布局、配合、重量、大小、留白等，達(dá)到視覺上的平衡。雜技中的平衡表演，不利用對稱形式，也能夠保持平衡，可以理解為重心平衡。▲ 兩把琴左右對稱，中間負(fù)空間形成了一個人物頭像輪廓，比較有趣、吸睛再看下面這張，琴在左側(cè)非常的重，為了達(dá)到視覺平衡，右邊空白的地方用文字進(jìn)行壓制，讓整個畫面看上去平衡，并且通過留白，整個畫面的透氣性也非常好，再加上主題文字的輕松書寫，用來表現(xiàn)音樂的律動、放松、輕松的特性。對稱能夠給人穩(wěn)重、整體的感覺，缺點(diǎn)就是會略顯呆板、中規(guī)中矩，沒有破的感覺。在不對稱的平衡畫面中就會突破這種僵局，利用圖片、文字等基本形元素來突破規(guī)則，同時(shí)又不失平衡。錯視，直觀理解就是能夠騙過你眼睛，但是現(xiàn)實(shí)中不會存在的的畫面形式。錯視的表現(xiàn)形式，充滿趣味性，會給人意想不到的驚訝，起到吸睛和增加視覺沖擊力的效果。這三條線長度是一樣的，但你看起來就會覺得第一條線長于第二條線，但實(shí)際上他們是一樣長的，因?yàn)樘幵诓煌沫h(huán)境，或者不同的角度，而欺騙了你的眼睛。▲ 老爺爺是坐在上面還是下面？這取決于你眼睛盯的位置錯視在繪畫中被使用的特別廣泛，一起來看些有趣的畫面：▲ 畫面有美人魚，你看到了嗎？另外畫面中最少有十個以上人物，看下你能看到幾個？再來看一些設(shè)計(jì)案例，加深你的理解和記憶： ▲ 上面最后三張是福田繁雄的錯視海報(bào)，非常的有趣正負(fù)形也是錯視的常用表現(xiàn)形式之一，正負(fù)形具備趣味性、視覺性，也經(jīng)常被我們用在各種設(shè)計(jì)案例中。特異屬于變異，但還是有點(diǎn)區(qū)別，我放在一起來講，大家可以更容易理解一些。變異和特異，是在有秩序、有規(guī)律的畫面中，部分元素產(chǎn)生變異，兩者的區(qū)別重點(diǎn)在于變異數(shù)量上，特異是少數(shù)或個體產(chǎn)生變異，形成視覺焦點(diǎn)，而變異可以是多個基本形產(chǎn)生變異，比如上圖的番茄案例，就是特異。 變異和特異的特點(diǎn)都是為了讓有規(guī)律的畫面打破常規(guī)，產(chǎn)生視覺性、動感、趣味性，特別是特異，就好像是30個人的隊(duì)列中，有29個男生穿的是黑色衣服，中間有一個女生穿著紅色裙子，你可以想象一下這個畫面，就是特異的典型例子。變異的表現(xiàn)形式通常有大小變異、形狀變異、色彩變異、方向變異等。一起來看些變異與特異的畫面及設(shè)計(jì)案例：▲ 人臉用文字進(jìn)行替換，是變異的表現(xiàn)形式▲ 刷子、油漆與花的結(jié)合，單從視覺上看就非常有趣，可以看出來設(shè)計(jì)者所表達(dá)的香味、天然、環(huán)保等創(chuàng)意點(diǎn)重點(diǎn)就是在有秩序的環(huán)境中，打破秩序，或者成為另類的存在，從而在畫面中形成視覺焦點(diǎn)，或者讓整個畫面產(chǎn)生變異，打破僵局，顯得生動、趣味、具備視覺沖擊力。密集構(gòu)成的形式比較自由，形式分為有規(guī)律和無規(guī)律，密集的表現(xiàn)形式有大小、疏密、方向、虛實(shí)、色彩等，或者利用點(diǎn)線面元素進(jìn)行視覺表現(xiàn)。有規(guī)律的密集就是通過預(yù)先設(shè)計(jì)骨骼線或基本形的數(shù)量進(jìn)行，無規(guī)則就是隨心所欲，同時(shí)也要注意畫面的平衡和美感。▲ 以上兩張畫面，利用字體疏密的結(jié)合，從而讓整個畫面有張力感的同時(shí)充滿趣味性，甚至也可以增加故事性▲ 攝影作品中我們也會經(jīng)常見到密集構(gòu)成的形式，比如上圖，船只的無規(guī)則排列，形成密集的形式字體是很單薄的，錘子是具備力量感的，利用下面文字的密集，給人增加支撐的感覺，讓畫面充滿了沖突和張力，制造沖突也是創(chuàng)意的一種表現(xiàn)形式。密集地使用，可以表現(xiàn)畫面的緊張和放松，以及不同的沖突對比，從而增加畫面的視覺性。發(fā)射構(gòu)成，以單點(diǎn)或多點(diǎn)向四周發(fā)射、擴(kuò)散，整體會有較強(qiáng)的動感及節(jié)奏感，發(fā)射的表現(xiàn)形態(tài)有點(diǎn)式發(fā)射、多點(diǎn)式發(fā)射、旋轉(zhuǎn)式發(fā)射。
發(fā)射形式，是利用骨骼線和基本形用離心式、向心式、同心式以及上面提到的種種發(fā)射形式而構(gòu)成。一起在畫面和案例中觀察學(xué)習(xí)一下：
發(fā)射的作用可以形成一個或多個視覺焦點(diǎn)，也可以起到烘托主題的作用，比如最后一張百事可樂的設(shè)計(jì)，利用吸管給可樂制作了一個座椅，后面的吸管以發(fā)射狀呈現(xiàn)，從而烘托主題產(chǎn)品。發(fā)射構(gòu)成看起來很有攻擊性、力量感、旋律感，大家可以多觀察以及實(shí)踐運(yùn)用。
平面構(gòu)成中的空間，是利用基本形，比如點(diǎn)線面的疏密、透視、大小等，從而從視覺上形成空間感，有助于增加畫面的視覺沖擊力，以及延伸感。無論是二維、三維，在平面構(gòu)成中，它始終還是平面的，它的空間和室內(nèi)空間不同，平面構(gòu)成中的空間就是利用長、寬、高制造的視覺假象。我們經(jīng)常會看到一些無限循環(huán)電影，比如一個人被困在樓梯里面，或者一個人被困在某一天，這些空間只能出現(xiàn)在視覺或影視里面，客觀上是不存在的。矛盾空間從視覺上看是存在的，但在現(xiàn)實(shí)中不會存在的空間，它利用立體空間透視中的視點(diǎn)、消失點(diǎn)的變動，形成不合理空間，從而給人帶來強(qiáng)烈的視覺沖擊。大家常說的不可能圖形，就是矛盾空間的表現(xiàn)形式，這里不得不提一下埃舍爾的畫手。▲ 再比如上面這張，大家可以觀察一下，有哪些矛盾的地方？利用視覺效果讓大家意想不到，從而讓整個畫面產(chǎn)生趣味性和視覺沖擊力。矛盾空間也可以在諷刺性海報(bào)中去運(yùn)用，利用反向意圖達(dá)到明確主題的效果。或者在公益海報(bào)中也可以利用矛盾性，造成視覺上的沖擊力，從而驚醒人們對自然環(huán)境的保護(hù)。以上講完了平面構(gòu)成的15種表現(xiàn)形式，最后我們再一起來看些綜合運(yùn)用案例。
寫在最后 大家注意，在商業(yè)設(shè)計(jì)中，并不是說每次設(shè)計(jì)只能用一種構(gòu)成形成，綜合運(yùn)用也是可以的，最重要的就是要把握好設(shè)計(jì)的功能性和視覺美感。我們可以看到，這張?jiān)O(shè)計(jì)案例中，想表達(dá)的就是車的安全保護(hù)性，那么這個里面運(yùn)用了變異、分割、空間、肌理、平衡等。可能有些同學(xué)會認(rèn)為，在一個畫面中運(yùn)用多個構(gòu)成形式自己會搞暈，其實(shí)不要擔(dān)心，熟練掌握平面構(gòu)成的形式之后，在之后的設(shè)計(jì)運(yùn)用中要學(xué)會靈活運(yùn)用。如果太刻意去思考用什么，反而會限制你的想象力。所以魚先生一直強(qiáng)調(diào)大家對基礎(chǔ)的熟練掌握，就是為了熟能生巧，讓這些基礎(chǔ)知識成為你的思考習(xí)慣，自然你的靈感創(chuàng)意就會變多了。
那么我們再看一張，給大家留個小作業(yè)，下面這張海報(bào)中運(yùn)用了哪些平面構(gòu)成？在評論里寫出你的答案，看一下，我寫了近7000字+找200張案例的一篇基礎(chǔ)內(nèi)容，你是否完全吸收了。OK，今天我們的設(shè)計(jì)教程暫且到這里結(jié)束，針對個別經(jīng)常用到的構(gòu)成形式，我會在之后單獨(dú)拿出來細(xì)講，以便于大家更加的深入理解。
|
