設計的實用方法都源自基礎構成，今天我們就用這篇文章，帶你學習平面構成的 15 種表現形式。

往期干貨：

大家好，我是魚先生，不止會設計的 90 后解憂大叔。

一個人有了骨架的支撐，才能活動自如，那么在設計中也是如此，需要基礎作為「骨架」來支撐設計。

所以從今天起，魚先生會陪著你一起學習和鞏固設計基礎，構成、版式、色彩、設計師心理學等。

今天重點講平面構成中的 15 種形式概念以及在商業設計中的應用。

※ 本文案例圖片來自網絡，僅限展示學習，不做商用。

一、骨骼和基本形

平面構成的形式有：近似、重復、對比、漸變、分割、對稱、平衡、肌理、錯視、密集、發射、變異、特異、空間與矛盾空間。

在開始講這些構成形式之前，我們先要了解兩個概念點，骨骼和基本形，因為下面會不斷地提到。

基本形，是畫面中的點線面，或者圖形、文字等元素內容以個體或組合組成。

骨骼就是畫面的規劃、框架，骨骼的作用就是固定或分割基本形，從而形成不同的畫面視覺。

骨骼由骨骼框、骨骼線、骨骼點和骨骼單位組成。

如下圖所示：

骨骼線可以是隱形的，也可以成為畫面的組成部分，骨骼的表現形式有很多，比如重復骨骼、重疊骨骼、漸變骨骼、透視骨骼等。

另外，設計中的網格線、分欄也是骨骼的一種形式，作用是用來規范畫面或作為某種依據而存在。

總結一下，構成是通過點線面基本形拆分或組合成為新的形態，基本形是構成的組成部分，骨骼是類似人體骨架的存在，是構成的規則骨架或起到分割線的作用。

今天魚先生先把平面構成的 15 種形式統一講一遍，之后會把其中常用實用的構成形成拿出來深入講解。

二、構成的 15 種形式

1. 近似構成

近似構成，是基本形態的近似組合，比如在同一骨骼單位內放置同類屬性但又具備變化的形式。

如下圖：

以窗戶為骨骼單位，每個窗戶畫面又具備變化

同樣的立體方塊內水果的變化

世界上沒有兩片相同的葉子，但是一棵樹的葉子是近似的，大街上形形色色的人也是近似的，或者你去觀察超市的貨架，琳瑯滿目的商品也有同一個類型的，這些都是近似的構成形式。

再比如我們常見的手機 app 應用，就是用無形或有形的骨骼單位分割開來，而相同的圖形內是不同的 app 圖標，這也是近似構成的形式。

如下圖：

接下來跟著魚先生一起在更多的商業案例中觀察分析，加深理解和記憶：

上面這張海報，比較直觀的近似案例，可以看到在統一的骨骼單位內，也就是方格內，圖片的光影角度是變化的，靜中有動的變化。

整體看，可以看出錐形漸變的角度是從中心往四周發射的，這個也屬于發射構成，后面會講到。

輔助圖形部分，統一方格（骨骼單位）內的圖案產生變化，形成近似構成

上面這個案例，是一個年輕寵物品牌 VI 輔助圖形部分，第二張圖上面，我用藍色色塊框出了骨骼單位，每個骨骼單位內的元素發生了小的變化，讓畫面顯得有秩序的同時，也具備變化的動感和趣味性。

我們再看一些其他的案例，給大家找找感覺，如下：

我們在考慮構成使用的時候不要太死板，比如像上面的小丑面具，總屬性都是面具，但里面圖案和色彩有所變化，如果你都使用一摸一樣的面具，那么畫面就會非常單調呆板。

魚先生說：

近似構成的應用比較廣泛，比如 logo 設計，甚至建筑設計、動畫設計等，都會被經常使用。

總結一下，近似構成的特點就是，在兩個以上的圖形中，規律中有一點變化，也可以理解為骨骼不變或少變，基本形產生一定的變化，從而讓畫面變得生動、趣味。

2. 重復構成

重復構成，是在一個畫面中，我們所運用基本形的色彩、大小或方向等，有規律的重復出現，同樣的形象出現兩次或以上就形成了重復構成的形式。

重復的例子太多了，比如馬路上的汽車、超市的水果、聯排的建筑、軍訓的隊伍都屬于重復的形式。在商業設計中，比如三菱 logo，中國移動的 logo 等，都是重復構成的形式。

重復能夠給人帶來整齊、規律、強調、震撼等特點，但是運用不好的話，也會顯得太過板正、呆板，畫面就很容易平平無奇。

重復構成的形式不是必須要相同的元素，也可以是大小不同、形狀不同等方式的一種重復，或者同一種屬性的重復。

一起來看一些不同的案例，加深理解與記憶：

從視覺上看，這是一個與筆桿子有關的題材

上面這個案例，是以前給綠地集團設計的樣冊其中的一個對開頁，其中的氫氣球元素就是重復，如果我們很規整的去排放，大小一樣，順序規整，那么設計感就沒有了，所以在重復中，我們也需要來點變化。

藍色小球的重復，大小不一樣，增加對比和視覺性

重復與近似的結合

魚先生說：

一個畫面中可以運用單個或多個構成形式，最終的目的是為了讓畫面更具備視覺沖擊力，比如下面會講到的重復與變異的結合，就會讓太規律的畫面打破規律，從而形成視覺焦點，以及畫面的吸睛效果。

如下案例：

重復的雞蛋中，有一個雞蛋產生變異，打破規律，形成了視覺焦點

重復+變異，黑色燈泡圖標的中間出現一個黃色的圖形，形成了視覺焦點

3. 對比構成

對比的表現形式有很多，比如大小對比、遠近對比、虛實對比、明暗對比、動靜對比、空間對比、方向對比、位置對比、疏密對比、粗細對比等。

夸張的大小對比，增加視覺沖擊力

總之呢，反義詞含義都可以形成對比形式，咱們延伸一下，黑與白，戰爭與和平，正與反等。

對比還可以理解產生沖突，沖突式對比很容易產生吸睛的效果，經常被我們運用在設計創意中。

對比在設計中的應用非常廣泛，之后我 也會單獨拎出來再仔細講解。

跟著魚先生一起在案例中進行觀察和分析：

大小對比、沖突式對比，讓整個畫面看起來非常吸引視覺，而且我們看到，無論兩邊的大人如何制造矛盾，甚至有恐嚇情緒，中間的人仍舊保持平靜的微笑，這也是一種情緒的沖突。

大小對比，顯得畫面非常有張力和視覺沖擊力

黑白對比，運用了正負形

放大鍵盤，增加視覺沖突，本來應該小的鍵盤變大了，人物站在了鍵盤上，就好像是一場用鍵盤展開的競爭，這是從視覺上就可以給人的感覺，非常直觀。

下面的案例，大家可以自己分析一下，加深理解：

魚先生說：

對比一定會產生沖突，具象沖突和抽象沖都可以運用，大家不要太局限自己的思維，可以放開的去思考。

沖突是創意的重要表現形式之一，在適合的設計實戰中可以考慮運用沖突，增加對比以及畫面的視覺沖擊力。

4. 漸變構成

漸變是有規律或不受規律約束的層次變化，把基本形按照大小、色彩、虛實、疏密等形式進行層次的漸變排列效果，我們常見的有顏色漸變、透視漸變、大小漸變、虛實漸變、疏密漸變等。

雞蛋的顏色刻意擺放之后，顏色從淺到深形成了漸變

通過字體的大小和疏密進行排列

書本排列的骨骼線由大到小，形成了透視效果，近大遠小，在設計中，特意加強透視的比例，從而讓整個畫面更具備空間感和視覺沖擊力。

再一起多看一些案例，大家自己分析看看，也并不復雜：

色彩漸變

字體的虛實漸變，疏密漸變

檸檬從新鮮到腐壞，好與壞之間的延伸形成了一個漸變構成

杜蕾斯植樹節借勢海報，虛實漸變

杜蕾斯的海報創意一直都比較不錯，做設計的都可以關注一下杜蕾斯，重點是學習人家的創意思想，可別跑偏了。

色彩漸變，疏密漸變

從視覺上來看，普通鞋子到金色鞋子的蛻變，看似是顏色漸變，但延伸一下也可以理解為灰姑娘到公主的漸變構成，這樣更具備想象力。

魚先生說：

作為設計師不能僅僅從具象方面去思考創意，我們可以通過畫面把抽象的思考視覺化，從而讓畫面顯得更加生動、具備創意。

5. 分割構成

分割構成，是把整體分為不同的個體，可以等形分割，有規則的分割，無規則的分割。

也可以利用一些設計規則來分割，比如黃金分割，從而形成視覺美。

直接進入案例觀察分析環節：

一刀切形成了懸崖，與主題形成呼應

圖片的分割，再運用蒙太奇手法拼接

窗戶結構形成了分割

人物分割，讓整個畫面更具備延伸感和想象空間

紙牌分割成迷宮，給人懸疑、魔幻的感覺

臺面的分割，人物與蜜蜂的大小對比，讓整個畫面富含想象力和趣味性

一支鉛筆內部用水果進行同構，形成了趣味性，增加了畫面的視覺沖擊力

上面這兩張文字排版，像期刊、雜志設計的時候使用比較多，通過有形或無形的骨骼線進行分割，從而讓畫面中的文字形成一定的規律，這種排版要注意整體版式的美觀和字體的閱讀性。

鏤空的文字放在人像的上面產生了分割效果，同時保留了文字的識別性，文字可以作為符號存在，也可以作為可閱讀性符號存在

等形分割

模仿拉鏈效果的分割

以海平面為分割線

具象物體經過分割之后，采用其他元素進行補充，整體中有局部，局部中又顯得整體，增加畫面的趣味性、生動性

畫冊中的版式分割，畫冊中的分欄也是一種分割形式，還有整個版面來看，對文字、圖片進行不同區域的排版，也是一種分割形式

?在主圖中我們看到由四塊組成，一塊文字和三個不同的角色人物，蒙太奇拼貼

魚先生說：

分割就是通過骨骼線的規則或不規則運動，建立不同的區域，在設計中也可以結合分割設計出有趣生動的版式。

如下圖：

把琴的一半切割開，然后用文字進行替補，讓整個版面顯得有趣、活躍，而且也不會影響文字的閱讀性

或者在畫面中可以利用分割來區分不同的層級，再結合色彩、大小、粗細等形式來豐富版式以及增加畫面的清晰和沖擊力。

6. 肌理構成

肌理構成的概念比較容易理解，也比較常見，就是生活中我們所說的質感、紋理、肌理，比如人的皮膚，人的指紋，樹葉的脈絡，不同的石頭肌理等。

肌理構成，我想先帶著大家來欣賞一下大自然的之美。

魚先生非常建議大家多多觀察大自然，融入大自然，特別是與創造有關的職業，因為大自然真的很美，而且有太多值得我們學習和敬畏的方面。

接下來，一起來欣賞一些實戰案例：

局部放大老虎的斑紋毛發形成了肌理，增加了視覺吸引力，更與主題文字相互呼應

葉子的肌理放大，與人物形成了大小對比

魚先生說：

肌理有自然肌理和人造肌理，肌理的表現形式是為了增加畫面的視覺感、質感，或者是結合創意使用。

如果從感受來看，那么還分為視覺肌理和觸覺肌理，也就是眼睛看到的肌理和觸摸到的肌理。

如下圖：

我們看到上面的盲文，或者你閉上眼睛去觸摸有凹凸感的事物所感受到的就是觸覺肌理。

7. 對稱與平衡

對稱，是指從色彩、大小、面積等方面保持一樣，形成一種對稱的形式。

對稱也是平衡的形式之一，對稱從視覺上看比較美觀、穩定，但對稱的缺點是有點呆板。

平衡不僅僅靠對稱才能達成，可以通過元素的布局、配合、重量、大小、留白等，達到視覺上的平衡。

雜技羽毛平衡術

雜技中的平衡表演，不利用對稱形式，也能夠保持平衡，可以理解為重心平衡。

跟著魚先生來看一些案例，加深記憶與理解：

兩把琴左右對稱，中間負空間形成了一個人物頭像輪廓，比較有趣、吸睛

再看下面這張，琴在左側非常的重，為了達到視覺平衡，右邊空白的地方用文字進行壓制，讓整個畫面看上去平衡，并且通過留白，整個畫面的透氣性也非常好，再加上主題文字的輕松書寫，用來表現音樂的律動、放松、輕松的特性。

對稱構成

以上三張都是視覺平衡

魚先生說：

對稱能夠給人穩重、整體的感覺，缺點就是會略顯呆板、中規中矩，沒有破的感覺。

在不對稱的平衡畫面中就會突破這種僵局，利用圖片、文字等基本形元素來突破規則，同時又不失平衡。

8. 錯視

錯視，直觀理解就是能夠騙過你眼睛，但是現實中不會存在的的畫面形式。

錯視的表現形式，充滿趣味性，會給人意想不到的驚訝，起到吸睛和增加視覺沖擊力的效果。

先看個例子：

這三條線長度是一樣的，但你看起來就會覺得第一條線長于第二條線，但實際上他們是一樣長的，因為處在不同的環境，或者不同的角度，而欺騙了你的眼睛。

老爺爺是坐在上面還是下面？這取決于你眼睛盯的位置

老爺爺這個案例就是彭羅斯三角形，我們來看下動圖：

彭羅斯三角形，錯視&矛盾空間

錯視在繪畫中被使用的特別廣泛，一起來看些有趣的畫面：

左邊和右邊，是不同的場景

船可以在水里，也可以在空中

到底有橋沒有橋呢？

畫面有美人魚，你看到了嗎？另外畫面中最少有十個以上人物，看下你能看到幾個？

再來看一些設計案例，加深你的理解和記憶：

整體看和局部看，是不同的

上面最后三張是福田繁雄的錯視海報，非常的有趣

酒杯與機窗的完美結合

魚先生說：

正負形也是錯視的常用表現形式之一，正負形具備趣味性、視覺性，也經常被我們用在各種設計案例中。

比如我們再看幾張：

9. 變異和特異

特異屬于變異，但還是有點區別，我放在一起來講，大家可以更容易理解一些。

變異和特異，是在有秩序、有規律的畫面中，部分元素產生變異，兩者的區別重點在于變異數量上，特異是少數或個體產生變異，形成視覺焦點，而變異可以是多個基本形產生變異，比如上圖的番茄案例，就是特異。

我們再看下兩個案例區分一下：

突然出現的黃色圖案，變異中的特異

突然出現的色彩女孩，特異形式

字母變成了飛鳥，變異形式

變異和特異的特點都是為了讓有規律的畫面打破常規，產生視覺性、動感、趣味性，特別是特異，就好像是 30 個人的隊列中，有 29 個男生穿的是黑色衣服，中間有一個女生穿著紅色裙子，你可以想象一下這個畫面，就是特異的典型例子。

變異的表現形式通常有大小變異、形狀變異、色彩變異、方向變異等。

一起來看變異與特異的畫面及設計案例：

條形碼與面條的結合

人物的變異

建筑與突然出現的人臉

色彩變異

人臉用文字進行替換，是變異的表現形式

大腦與場記板

黑膠唱片與高樓大廈

森林與毛衣的結合，很有寓意

刷子、油漆與花的結合，單從視覺上看就非常有趣，可以看出來設計者所表達的香味、天然、環保等創意點

魚先生說：

重點就是在有秩序的環境中，打破秩序，或者成為另類的存在，從而在畫面中形成視覺焦點，或者讓整個畫面產生變異，打破僵局，顯得生動、趣味、具備視覺沖擊力。

10. 密集構成

密集構成的形式比較自由，形式分為有規律和無規律，密集的表現形式有大小、疏密、方向、虛實、色彩等，或者利用點線面元素進行視覺表現。

有規律的密集就是通過預先設計骨骼線或基本形的數量進行，無規則就是隨心所欲，同時也要注意畫面的平衡和美感。

以上兩張畫面，利用字體疏密的結合，從而讓整個畫面有張力感的同時充滿趣味性，甚至也可以增加故事性

攝影作品中我們也會經常見到密集構成的形式，比如上圖，船只的無規則排列，形成密集的形式

跟著魚先生再多看一些案例，增加理解與記憶：

字體是很單薄的，錘子是具備力量感的，利用下面文字的密集，給人增加支撐的感覺，讓畫面充滿了沖突和張力，制造沖突也是創意的一種表現形式。

魚先生說：

密集地使用，可以表現畫面的緊張和放松，以及不同的沖突對比，從而增加畫面的視覺性。

11. 發射構成

發射構成，以單點或多點向四周發射、擴散，整體會有較強的動感及節奏感，發射的表現形態有點式發射、多點式發射、旋轉式發射。

發射形式，是利用骨骼線和基本形用離心式、向心式、同心式以及上面提到的種種發射形式而構成。

一起在畫面和案例中觀察學習一下：

自然發射形態之美

文字形成一把把利刃

中心向外散射，起到了聚焦的作用

魚先生說：

發射的作用可以形成一個或多個視覺焦點，也可以起到烘托主題的作用，比如最后一張百事可樂的設計，利用吸管給可樂制作了一個座椅，后面的吸管以發射狀呈現，從而烘托主題產品。

發射構成看起來很有攻擊性、力量感、旋律感，大家可以多觀察以及實踐運用。

12. 空間與矛盾空間

平面構成中的空間，是利用基本形，比如點線面的疏密、透視、大小等，從而從視覺上形成空間感，有助于增加畫面的視覺沖擊力，以及延伸感。

無論是二維、三維，在平面構成中，它始終還是平面的，它的空間和室內空間不同，平面構成中的空間就是利用長、寬、高制造的視覺假象。

我們經常會看到一些無限循環電影，比如一個人被困在樓梯里面，或者一個人被困在某一天，這些空間只能出現在視覺或影視里面，客觀上是不存在的。

一起來看些案例，加深理解和記憶：

光與影空間，也可以理解為正義與邪惡

矛盾空間

矛盾空間屬于空間構成。

矛盾空間從視覺上看是存在的，但在現實中不會存在的空間，它利用立體空間透視中的視點、消失點的變動，形成不合理空間，從而給人帶來強烈的視覺沖擊。

大家常說的不可能圖形，就是矛盾空間的表現形式，這里不得不提一下埃舍爾的畫手。

再比如上面這張，大家可以觀察一下，有哪些矛盾的地方？

繼續來看些案例，在案例中感受一下：

魚先生說：

利用視覺效果讓大家意想不到，從而讓整個畫面產生趣味性和視覺沖擊力。

矛盾空間也可以在諷刺性海報中去運用，利用反向意圖達到明確主題的效果。

或者在公益海報中也可以利用矛盾性，造成視覺上的沖擊力，從而驚醒人們對自然環境的保護。

以上講完了平面構成的 15 種表現形式，最后我們再一起來看些綜合運用案例。

寫在最后

大家注意，在商業設計中，并不是說每次設計只能用一種構成形成，綜合運用也是可以的，最重要的就是要把握好設計的功能性和視覺美感。

比如下圖：

我們可以看到，這張設計案例中，想表達的就是車的安全保護性，那么這個里面運用了變異、分割、空間、肌理、平衡等。

可能有些同學會認為，在一個畫面中運用多個構成形式自己會搞暈，其實不要擔心，熟練掌握平面構成的形式之后，在之后的設計運用中要學會靈活運用。

如果太刻意去思考用什么，反而會限制你的想象力。所以魚先生一直強調大家對基礎的熟練掌握，就是為了熟能生巧，讓這些基礎知識成為你的思考習慣，自然你的靈感創意就會變多了。

那么我們再看一張，給大家留個小作業，下面這張海報中運用了哪些平面構成？

在評論里寫出你的答案，看一下，我寫了近 7000 字+找 200 張案例的一篇基礎內容，你是否完全吸收了。

OK，今天我們的設計教程暫且到這里結束，針對個別經常用到的構成形式，我會在之后單獨拿出來細講，以便于大家更加的深入理解。

歡迎關注作者微信公眾號：「擺渡魚生」