畫面的形式感元素，插畫構(gòu)圖，心得分享。

注注注這不是知識或經(jīng)驗，只是一些心得分享。本文僅是分享交流作用，不作為商用用途。本文配圖都是優(yōu)秀的構(gòu)圖，向大大們致敬。配圖來自網(wǎng)絡，知道原作者已經(jīng)標注名字，部分不知道原作者的還請網(wǎng)友留言原作者名字。

（插畫作品均來源于網(wǎng)絡，侵告刪）

（封圖：海洋之歌）

有人說我寫文章絲毫沒有親和力= =。一言不合就上戰(zhàn)斗妝……所以這次我要逆轉(zhuǎn)文風??！

嗷嗚嗚遣詞造句技能點加的不好大家輕輕噴~~

上次說到畫面是由元素構(gòu)成的。這次就先拿畫面的形式感元素開刀哇~

可能文章前半部分會沒有后半部分整理的好，我拉了個目錄，大家有感興趣的點可以挑自己喜歡的地方看~！

imgLoading

有人說構(gòu)圖本身并不存在美丑，只起一種功能性作用，嗯……

imgLoading

蠻有道理的，但是換個角度去想，當不把構(gòu)圖只當作手段而是一種普通的一般事物，其實還是存在評判美丑的意義。

美的構(gòu)圖沒有規(guī)則但有一定規(guī)律，即使是不按常理出牌也是建立在掌握一定規(guī)律的基礎之上的，并不是空中樓閣~

也有高端玩家覺得構(gòu)圖不是很重要呀，有啥好講的？

imgLoading

我覺得……~~

這么說吧……構(gòu)圖是我們布置畫面的一個先行步驟，是構(gòu)思和找資料后下筆時要做的第一件事。

它被稱為傳說中的章法或布局，也叫“經(jīng)營位置”。

也有人說過——“畫面位置應該如何安排、布局，是畫家經(jīng)過深思熟慮、周密的、反復的斟酌出來的，是一幅圖的基礎?！北徽J為是“畫之總要”。

BUT……
很多同學畫畫經(jīng)常忽略，隨便糊一坨東西上去是常有的事。

而且因為構(gòu)圖是很好抄的一個東西，所以很多人不愿意去思考構(gòu)成形式邏輯，或者直接上三分法，黃金螺旋，鐵三角……

這種知其然不知其所以然的做法導致最后畫畫特別被動，不理解的東西依然不理解。最后釀成了每天鬧著自己不會畫畫已經(jīng)是條咸魚的悲劇……

imgLoading

怎么構(gòu)圖呢？

來~我們從最基礎的地方緩緩開出一輛紫色的車。

imgLoading

畫畫和攝影一樣，會有一個“框”的概念。框的存在客觀束縛著畫面要求在一定界限內(nèi)成像。

這個怎么理解呢？就是說眼睛看到的東西是沒有邊界的，而畫面是有邊界的，這才有我們接下來構(gòu)圖的概念。在有限的空間內(nèi)無限的創(chuàng)作，嗯，這很好。

首先選擇取景框的尺寸，橫幅還是豎幅，正方還是圓？

這是初始啟動框，如果是電腦上畫，到了后期可做追加和削減調(diào)整，所以這一步不一定一開始就定死。


然后就是考慮畫面元素了。是畫立體風格還是扁平風格，人物繪還是場景繪，寫實還是抽象？畫面內(nèi)容不同，對構(gòu)圖的技巧和要點也不一樣。

這里主要會說以下內(nèi)容。

1.畫面的基本構(gòu)成元素

2.立體風格構(gòu)圖

3.扁平風格構(gòu)圖

4.人物繪構(gòu)圖

5.場景繪構(gòu)圖

6.留白

7.總結(jié)

那我開始講了喲~發(fā)車了喲~還沒上車的小伙伴讓我看到你們的雙手！

imgLoading

1.畫面的基本構(gòu)成元素，即點線面。

點線面是啥？

具體應用在哪些地方？

可能有人知道這些概念，但不知道點哪些可以成為點，或者原理都懂，但是應用的時候，原理經(jīng)常派不上用場。畫的時候依然在糾結(jié)無關緊要的細節(jié)，對于畫面完整度也不上心隨便糊一坨顏色做背景。或者根本不知道怎么把主體物和背景結(jié)合起來，畫面的拼接感嚴重，不能很好的融合。

……

額我只能說……

imgLoading

我對點線面的理解是這樣的 

imgLoading

（上圖為門小雷作品《kylooe》節(jié)選）

在形式感中，點常?？梢杂脕肀憩F(xiàn)機理，讓畫面豐富。

比如紛紛下落的花瓣，雪花，光線中的反光粒子，星空，雨點，魚群，鳥群，樹葉群等。

點的排列常常有無序，平鋪，漸變，和疏密特定節(jié)奏的構(gòu)成形式。

一個點有聚焦的作用，兩個點有分擔的作用，三個點有平衡畫面的作用。比如焦點，附屬點，平衡點等。點的數(shù)量不同，功能性不一樣。

在形式感中，線的不同曲直角度能夠表現(xiàn)不同的曲折，流暢，順滑等。

imgLoading

（圖作者：ほね）

線也有情緒，消極被動綁定的線和積極主動自由的線。

線也能形成好看的紋理，斑馬紋，脈絡紋，網(wǎng)格紋等。

線有引導，指向的作用。兩條線的關系有平行和相交，這正好關聯(lián)著保持距離，漸行漸遠，相遇別離等情感。漫畫中還有速度線和集中線用來增強畫面感和敘事感。

當接觸到線我們就開始接觸物體的“型”了，線怎么靈活運用到畫面上呢？比如畫人體吧，一般分為三個腔即頭胸臀三個節(jié)點。然后這三個節(jié)點最好不要在一條直線上，防止畫面變得死板。

imgLoading

有的游戲角色會把三個點跨度拉得很大，夸張地表現(xiàn)人物生動的站姿，漫畫的角色會站得更隨意一些，插畫的就比較偏擺拍一點。

畫面上只出現(xiàn)橫七豎八的大直線是不可取的，需要有一些點和曲，折來“破型”。這在之后的場景構(gòu)圖里也會提到。（如下圖）

imgLoading

在形式感中，面分為平面和立面，

imgLoading

所謂平涂平面構(gòu)成和厚涂體積感之類的。一般是通過黑白灰，顏色與顏色撞出來的構(gòu)成形式。

賽璐璐畫法有時候感覺很“輕”，而把線條蓋住的厚涂能夠讓畫面更厚重，筆觸的發(fā)揮更自由。因為有時候受到線的約束并不能很好的調(diào)用筆刷去表現(xiàn)畫面的豐富性。（怎么就一言不合講起了賽璐璐和厚涂了！這個放在以后講）

imgLoading

說到畫面形式感，（再跑個題?。?b>完成度也是階梯狀分布的，每一個階段都能有畫面“已經(jīng)畫完”的說法。但是我們都知道一幅圖是無限的，極致的去摳細節(jié)和極致的去留白都能表現(xiàn)不同的功底和意境。

現(xiàn)在許多人一提到構(gòu)圖就是黃金分割，也不知道它具體是怎么回事，使用起來好像并不是特別666。

構(gòu)圖傳統(tǒng)的做法黃金分割，其實就是把畫面橫豎三分，然后把主題分布在畫面四個點的附近位置，這樣不容易出錯。

imgLoading

不過這個傳統(tǒng)分法對于書籍裝幀版式設計有時候沒那么萬精油吧。

其實畫畫還是蠻自由的。

不遵循規(guī)則，去嘗試更多種類的構(gòu)圖也能很好玩。

imgLoading

（圖作者：Ruprecht von Kaufmann）

主要還是注意畫面的平衡：上下左右的重點次要點位置呈現(xiàn)Z字形而不是一條直線的去安排，能讓畫面看起來更生動，畫面的情緒：上升的輕浮感和下沉的壓抑感等，畫面的引導：通過點線面去引導讀者看圖。

很多讀者是不知道看一幅圖首先注意什么的，需要引導線，聚焦點等功能性安排。

就是說你得主動，畫畫的人要牽著觀眾鼻子跑。

imgLoading

對于插畫來講，靈活運用整塊的幾何面積做背景也能很好的整合無序混亂的畫面。包括畫框也是起到聚攏收納的效果。但畫框框也不是萬精油，用得不好用得太多也會讓人產(chǎn)生視覺疲勞之類的。

原文具體參見如何定義“形式感”？程御迦的回答

圖中女子的頭發(fā)形成曲線的排列構(gòu)成，五官是點構(gòu)成，衣服是面構(gòu)成，幾個構(gòu)成組合起來形成一個優(yōu)雅的不規(guī)則形體。

imgLoading

（圖作者：小林系）

窗戶與女子與投影形成一條直線，感覺就是刻意而為之的畫面，通過構(gòu)圖形成不多見的獨特的視覺感受。

imgLoading

（圖作者：ロイカ）




2.立體風格構(gòu)圖

imgLoading

（圖作者：Vasili Zorin）

就是說畫面有透視，景深等東西，主要注意節(jié)奏感，平衡感，層次感，主題感，情緒感，功能性。


節(jié)奏感

即對比。大小對比，疏密對比，虛實對比，動靜對比，色彩對比。色彩對比又有明暗對比，色相冷暖對比，飽和度對比。

總之畫面上充斥著各種對比，一個音符是無法形成節(jié)奏的，就算是白紙，那些白底也是畫面的一部分。

朋友你聽說過羊吃完草后的那幅經(jīng)典作品嗎！

imgLoading

節(jié)奏使畫面有韻律，疏密有致有呼吸空間，透氣，虛實相生對元素的取舍，動靜結(jié)合讓畫面不至于呆板，影響主體表達，色彩語言的加入更豐富了畫面信息。

圖中鱷魚和男子的大小形成對比，水面的起伏與花瓣的平面化形成疏密對比，背景和前景形成虛實對比，水的波動和主體物的靜止形成動靜對比，鮮艷的花瓣和其他物體的深色調(diào)形成色彩對比。

imgLoading

平衡感


畫面元素都是有重量的，讓畫面元素的安排達到視覺上的平衡，畫面上下左右不要太大差距。一般主體物是最有重量感的，比如如果主體物出現(xiàn)在畫面左上角，那右下角就要有襯托物來牽制主體物太重的視覺感受，從而達到均衡畫面的作用。
最好不要把物件都安排在垂直或水平的一條直線上，物體間可以呈現(xiàn)三角整體的構(gòu)圖。

圖中的人物和船只就形成了畫面的左右平衡，前景顏色比較重，有一種下沉的感覺，后景通過云霧繚繞等信息來讓畫面輕盈上升，達到了前后微妙的平衡。

imgLoading

（圖片來源：《旗幟的傳說2》演示視頻截圖）

層次感

畫面大致分為前景中景背景三個大層次，又可細分為若干小層次，這些層次越豐富越有空間感，畫面信息量充足了，能夠承載的體量就會變大。

圖中前中后景雖然畫面內(nèi)容不復雜，但是體現(xiàn)了很好的層次感，讓人感覺畫面有深度，樹林的里面還有東西，沒有盡頭的樣子。

imgLoading

主題感

一幅圖有且只有一個畫面中心，其他都是襯托物不能搶戲。你可以通過引導線去牽引讀者視線指向畫面中心。線狀元件可做引導線，光線可作引導，襯托物的朝向也可引導。

圖中電線和天空的狹間都起著畫面引導作用。光源中心為畫面主題，樓與盡頭開著一家店的感覺瞬間立顯。

imgLoading

情緒感

通過色彩，疏密等構(gòu)成形式體現(xiàn)不同的情緒。

imgLoading

色彩是有情緒的，不同波長色彩的光信息作用于人的視覺器官，通過視覺神經(jīng)傳入大腦后，經(jīng)過思維，與以往的記憶及經(jīng)驗產(chǎn)生聯(lián)想，從而形成一系列的色彩心理反應?！景岢錾是楦械亩x】
比如同色系讓人產(chǎn)生和諧平靜感，強對比讓人產(chǎn)生跳躍鮮活感等。

圖中的色彩冷暖對比給人一種冰冷水下溫暖光照的感覺，產(chǎn)生很舒服的觀看感受。



疏密，表現(xiàn)了松散與堅實，疏遠與親密等情感。

imgLoading

功能性


功能性構(gòu)圖，攝影構(gòu)圖有哪些技巧（或者說標準）？ - 葉明的回答
這個答案非常形象。這里不重復了。

3.扁平風格構(gòu)圖

就是俗稱平涂吧。扁平畫風其實會更自由一些，因為它屬于建立在客觀現(xiàn)實基礎之上的抽象藝術，對于抽象，人們的接受度是很寬容的。所以扁平畫風只要畫面內(nèi)容不要給人太不悅的聯(lián)想，都是特別自由的。

主要就是黑白構(gòu)成和色塊構(gòu)成。

黑白構(gòu)成：

imgLoading

（圖作者：つじ）

灰色地帶是調(diào)節(jié)畫面，增加層次感的調(diào)和元素。緩和畫面黑白關系的視覺沖突。
黑白對比>灰白對比>黑灰對比。
訓練：用黑白灰來歸納調(diào)子，感受不同的視覺傳遞語言。也可訓練結(jié)構(gòu)。

imgLoading

色彩構(gòu)成：
即色彩的相互作用。
訓練：把復雜成像簡單歸納為色塊。

imgLoading

（圖作者：ロイカ）



扁平風格和立體風格有時候完全是兩套邏輯。

就好像人物繪構(gòu)圖和場景繪構(gòu)圖要注意的東西也很不一樣

imgLoading

比如：
扁平時出現(xiàn)大的幾何形體往往很具有形式感。
平鋪，矩陣能帶來很強的視覺沖擊力。
極致的點線面運用歸納畫面元素，形成獨有的風格。

但拿到立體構(gòu)圖里看就會覺得，呆板，不自然，假。

4.人物繪構(gòu)圖


人像構(gòu)圖的構(gòu)成元素可分為人物和背景。背景的作用是襯托，表現(xiàn)氣氛，一般要求簡潔，突出人物。也可用適量元素追加故事感。

人物構(gòu)圖畫面呈幾種趨勢：

曲線，體現(xiàn)柔美。

imgLoading

斜線，體現(xiàn)修長。

imgLoading

（圖片來源：方向錯亂）

三角形，體現(xiàn)穩(wěn)定感。

imgLoading

原型，體現(xiàn)完整，圓滿。

imgLoading

取景框形式：
橫構(gòu)圖：廣泛應用，符合人們的生理，視覺習慣。人的雙眼是水平的。
豎構(gòu)圖：能表現(xiàn)更多的人物內(nèi)容，適合全身半身。

角度選擇：
俯視：人物陷入某種境況中，制造命運感，表現(xiàn)人的渺小。

imgLoading

仰視：人物作用被放大，制造人類感，表現(xiàn)人的偉岸。

imgLoading

景別選擇：
特寫景別：表現(xiàn)人物細膩的情感，特定的取景。

imgLoading

近景景別：表現(xiàn)人物面部表情，腰部以上，眼睛為重心。

imgLoading

（圖作者：またよし）

中景景別：表現(xiàn)人物姿態(tài)與性格，膝蓋以上，手部動作為重心。

imgLoading

（圖作者：Malaysia kidchan）

遠景景別：表現(xiàn)人物和空間關系，烘托氣氛，“遠取其勢”

imgLoading

（圖作者：爽々）

注意事項：
1.人物的視線延伸向畫面外，增加畫面信息。一般看向畫面空白處，而不是看向靠近邊緣的一邊讓畫面不平衡，一邊感到擁擠，一邊感到空。
2.靈活運用道具體現(xiàn)人物性格。
下圖通過人物和白紗的結(jié)合體現(xiàn)了人物潔凈的性格特征。

imgLoading

（圖作者：Syuka Taupe）

3.居中，特有的視覺效果，有種故意而為之的人為鏡頭感。

imgLoading

（圖片來源：電影《了不起的狐貍爸爸》截圖）

4.多人構(gòu)圖，變化或矩陣排列，注意縱深變化與組合變化。

imgLoading

5.場景繪構(gòu)圖

和立體構(gòu)圖需注意的東西比較接近，主要說說一些忌諱吧。當然你要說畫畫不是過馬路，可以不守交通法規(guī)。這些忌諱也都是可以逆其道而行之的。

imgLoading

因為是反例，不好拿圖來說話，所以下面是一段枯枯燥燥的純文字。

1.橫平豎直沒有東西打破，所謂的“僵局”，畫面死板。

2.畫面一半一半過于對稱，看著難受，不自然。

3.重心太偏，畫面不平衡，動蕩不穩(wěn)定，不安。

4.畫面主體物和襯托物都在三分法的外框，畫面內(nèi)框沒有內(nèi)容，呈現(xiàn)盆地感。

5.畫面太碎，分割太平均，各個面塊面積等大，缺乏構(gòu)成感。

6.畫面太平，到處都設置成看點，眼花繚亂沒有主體。

7.主體物太大，畫面擁擠。

8.主體物太小，看不清想表達什么。

9.兩個主題，畫面沖突打架不和諧，到底想表達什么不明確，沒有立場，混亂無章。

10.畫面沒有層次和秩序，亂。

11.畫面松散沒有組織，襯托物與視覺中心毫無關聯(lián)，東一個西一個。

12.畫面太密不透氣，讓人緊張，看著累。

13.畫面中兩個物體同樣節(jié)奏大小位置，互相搶戲，產(chǎn)生沖突。

14.畫面上的線狀物體和畫框平行垂直，顯得呆板不自然。

15.畫面中出現(xiàn)明顯的幾何體如正方形，圓等，顯得突兀。

16.物體的邊緣線出現(xiàn)在畫框四個角，剛好卡在那，位置尷尬。

17.物體邊緣剛好卡在畫框邊緣，畫面很尷尬。

18.出現(xiàn)正“x”型態(tài)，以及一些很正的形狀都最好避諱不然很丑。

19.三分法的邊緣地帶出現(xiàn)太多質(zhì)感刻畫和突出的色彩對比，容易造成第四點會出現(xiàn)的效果。

20.場景中出現(xiàn)人物的大白臉正側(cè)面，讓人覺得有拼貼感。

21.場景中的陳設太干凈，顯得假，適度做舊不僅可以破型還可以帶來故事感。

值得注意的是，規(guī)則可以減少犯錯，但畫面終歸不是通過對錯來評定的，只有更適合這幅圖的構(gòu)圖方案，這些都是慢慢磨合的，正是這些琢磨優(yōu)化的過程讓我們從中學習到很多。

imgLoading

6.留白

imgLoading

構(gòu)圖留白——也許是世上最裝逼的一項構(gòu)圖技能。

它能給畫面追加詩意。留下遐想思考的空間，使畫面會呼吸，能流動。

說到留白不得不提東方“意境”。意境的“意”來自佛學及禪學理論（中國文化離不開“釋，道，儒”三家影響）。“詩不入禪意必淺，畫無禪意必俗”，詩是有意境的畫，畫是有意境的詩。意境對構(gòu)圖與畫面處理產(chǎn)生了非常深刻的影響。到后來出現(xiàn)的“空”，即空寂，來自佛學的“色空”，以此賦予畫“靈性”。

靈性如同畫的生命，“誘發(fā)人心顫動，以此產(chǎn)生共鳴。”

根據(jù)色空觀形成了“知白守黑”，“留白”，“透氣”，“疏能跑馬，密不透風”。




7.總結(jié)

終于快要寫完了。讀者朋友們辛苦了！感謝新浪微博感謝互聯(lián)網(wǎng)感謝我的電腦！

imgLoading

學好構(gòu)成，好好做人。

好的構(gòu)成能夠更好的表達主題，傳遞情感。

我說一個我比較主觀的觀點：畫面元素越簡單，畫面的表達就越不容易“出錯”，畫面越復雜，越受制于條條框框，規(guī)矩越多。
因為極簡更遵從經(jīng)驗，需要實驗精神。挑戰(zhàn)和突破，形成一套自己的調(diào)性，最終精準的表達情感與邏輯，引起強烈共鳴。

中國繪畫“六法”中的“經(jīng)營位置”說的就是構(gòu)圖。指根據(jù)畫面需要，謀篇布局，體現(xiàn)整體。講究賓主，呼應，虛實，繁簡，疏密，藏露，參差，“關系”。

“這種經(jīng)營不僅僅是位置的分割和安排,更是畫面的進出、虛實、有無等空間關系,只有處理好這些,氣韻才能流動,才會產(chǎn)生不同的節(jié)奏和韻律,產(chǎn)生不同的心理感受,表達不同的創(chuàng)作思想?！?/p>

“一幅作品的主與次,靜與動、藏與露,不是簡單的擺設,還有文學性思考,

imgLoading

畫面才情與意境的表露,都存在于經(jīng)營之中,這是在構(gòu)圖當中的一些辯證關系。”


其實關于構(gòu)圖的訓練就是把東西由繁化簡的去做批量練習吧。然后再遞增元素提高練習難度。所有練習套路都是差不多的。

建議構(gòu)圖可以先從練習最簡單的點線面構(gòu)成開始，訓練歸納能力，聯(lián)想能力。訓練時不用畫太具象的東西，可以天馬行空一點。靈活運用他們之間產(chǎn)生的機理效果，配置不同的構(gòu)成形式。


畫的時候可以框一個畫面框做點線面構(gòu)成的專門訓練。也可以做田字格九宮格強迫自己不要去留意具體某一個格子，先抓整體，再鉆細節(jié)。從整體上把控畫面的形式感。長久訓練可以在腦中形成有構(gòu)成的思維模式。


大自然是最好的老師，多用眼睛去框選取景，把眼睛當作相機。攝影幫助繪畫，繪畫反作用于攝影。


之后有空寫一些自己覺得不錯的案例。

先這樣吧。

看起來可能比較枯燥，喝口水，啃個西瓜看，么么噠！

為了方便大家理解，采取了圖文并茂的方法，如果圖片用得不對趕緊告訴我。希望我寫的能給小伙伴們一些啟發(fā)~

寫在最后的話：如果對構(gòu)成或繪畫有疑問的同學，我們可以拉一個群詳細探討。感興趣的可以在評論區(qū)留言報名。一起學習進步吧！

祝你平安！