解析平面構成

前言

平面構成對設計師來說,是必備的技能。特別是對于非科班的設計師來說,沒有理論的支持,剛開始設計是比較迷茫的,別人甚至會懷疑你會不會設計。那就讓我們好好整理學習下平面構成,也為設計打下堅實的基礎。

今天我從下幾點開始這篇文章:

1. 平面構成的概念及概述

2.平面構成的分類及特點

3.平面構成設計的元素

4.平面構成中基本形與骨格

5.面構成的形象

6.平面構成的形式



關于4大排版原則

首先,學設計經常聽到的4大排版原則:親密性、對齊、對比、重復。之前光聽聽就覺得好厲害的樣子,現在再讓我們回顧下黃金4大排版原則。

【親密性】

含義:將相關項組織在一起。在一個頁面上,位置接近就意味存在著關聯。因此相關的項應當靠近,歸組在一起。

作用:分組;留白。

?方法:

1) 如果頁面太過擁擠,那就適當縮小字號后再將段落拉開,然后通過添加編號或者通過首字增大將區分得更明顯;

2) 當條目比較多時,將內容分欄或者列表;

3) 通過設置相同的顏色,觀眾可以自然而然地從首字讀到后面的句子。

【對齊】

含義:每個元素都應當與頁面上的另一個元素有某種視覺聯系。

原則:a一般情況下,頁面上只使用一種文本對齊。但若想在同一頁面上同時右對齊和左對齊文本,一定要讓這些文本以某種方式對齊!

b 如果設計中的對齊很明確,那么可以有意識打破對齊,但一定要表現出這是有意的。

?方法:找準一條明確的對齊線,并用它來對齊。

?分類

1) 右對齊/左對齊:充分利用親密性,并結合明確的右對齊或左對齊。

2) 居中對齊

a) 文本居中,文本塊不居中;

b) 將文本放在頁面上方,增加緊張性;

c) 在居中布局中設置一種非常隨意、有趣的字體。

其他對齊

a) 文本行水平擺放,則按其基線對齊;

b) 如有圖片元素,將其邊界與頁面邊界對齊;

c) 與版心線對齊;

d) 元素之間對齊。元素之間是通過“看不見的線”實現對齊的,這些對齊參考線可以是直線或規則的曲線;

e) 對齊到網格。

【對比】

含義:如果頁面上的元素不相同,那就干脆讓它們截然不同,以吸引讀者眼球。

方法:首先劃分層次,多打幾個回車將統一層次的要點分成多個并列的條目,然后使用不同的字號區分層次,最后使用點、線、面等修飾元素突出重點。

分類

1) 文字的對比

a) 字號對比。在字號的對比上不必保守,大膽使用強烈的字號變化效果往往更好。

b) 反白。反白是使用底部色塊修飾文字。色塊能夠強烈地增大文字的視覺比重,效果非常明顯。矩形色塊很常見,但太平穩,而使用貼布條等圖形元素來替代會更有新意。

c) 方向對比:

·向右上傾斜的字體產生一種前進的力量,向右下傾斜則相反;

·水平文字與瘦高文本列的對比;

·不要在角落里放有角度的字體。

2) 圖片的對比:局部放大、背景黑白、虛化、局部遮蓋。

【重復】

讓視覺要素在整個作品中重復,能夠實現整個PPT風格的統一,包括統一顏色方案、字體字號、文本行距、項目符號、圖表風格、對齊方式、圖片風格,或者一種特別的字體。

【排版的過程】

1. 親密性。將信息按邏輯進行分組,確定這些組之間的關系,并通過組之間的親密性來顯示這些關系。

2. 對齊。在頁面上組織文本和圖片時,要建立并維護明確的對齊。

3. 對比。除非你已經決定要建立一個非常協調的設計,否則就應該建立強烈對比,吸引讀者的視線。

4. 重復。為建立重復,可以使用粗字體、線、裝飾符號或者某種空間布局。看看哪些元素已經自然地重復,再看看是否適合加大重復力度。


一、平面構成的概念及概述

這里我們從3個方向開始講解: ?

?1 構成 ? ?

2?平面構成的概念 ?

?3?平面構成的發展

構成

將形態要素或各種各樣的形態和材料作為素材,按照視覺化的力學和精神力學的循序進行組合排列。組合的過程就是構成的過程,不斷分解并加以不斷組合排列,就會產生諸多的構成形式。

平面構成的概念

將不同的基本形單元,按照一定的規則在平面上組合成一個全新的圖案,在二維空間中確定圖與圖之間的界限,傳達美的形象。平面構成一般只采用黑白兩色,目的是為了便于研究和表現形態自身的情感力量。

平面構成的發展

現代設計是在20世紀20年代中期進入成熟階段的,它的標志就是包豪斯學院派的成立。包豪斯(Bauhaus)——由格羅佩斯創辦的一所設計學府,它所強調的是設計第一,功能第二,同時注意新材料、新技術應用于設計,拋棄傳統限制,認為藝術應與技術統一。



二、平面構成的分類及特點

1.分類

a?自然形態的構成

b?抽象形態的構成

c?純形態的構成

2.?特點

a?它以直覺為基礎強調客觀現實的構成規律。

b?它強調高度自覺的理性活動,通過集中、突出的藝術概括來表現鮮明的個性,是一種自覺的,有意識的再創造的過程。



三、平面構成設計的元素

概念元素:是在頭腦里存在的點、線、面、體。

視覺元素:是將概念元素體現在實際設計中,包括大小、形狀、色彩、肌理等。

關系元素:是把視覺元素在畫面上進行組織、排列,是形成一個畫面的依據完成視覺傳達的目的。包括方向、位置、空間、重心等。

實用元素:是指設計所表達的內容、目的和功能。



四、平面構成中基本形與骨格

基本形:設計由一組重復的或彼此有關聯的“形”構成,這些形稱之為基本形。基本形由一組相同或相似的形象組成,在構成內部起到統一的作用。基本形設計以簡為宜。

基本形的各種排列:(也就是圖形的排列,有點像大家熟悉的各類軟件的布爾運算見圖)


基本形的各種排列

分離, 面與面之間互補接觸,始終保持若干距離。

相切, 面與面在互相靠近的情況下,邊緣發生接觸。

覆疊, 面與面靠近時,由接觸更近一步,成為覆疊,有前后之分。

透疊, 面與免交疊時,交疊部分產生透明感覺,形象前后之分并不明顯。

結合, 面與面互相交疊而無前后之分,可以聯合成為一個多元化的形象。

減缺,面與面覆疊時 ,在前面的形象并不畫出來,只出現后面的減缺形象。

差疊, 面與面交疊部分產生出一個新的形象,其他不交疊的部分消失不見。

重合,(重疊) 面與面完全重疊,成為一個獨立的形象。

形的錯視(見圖):


形的錯視

1.繆勒—萊依爾錯視

圖中兩條線是等長的,由于上下線段兩端的箭頭方向相反,上線段的箭頭占據的空間大,所以上面的線顯的較長。

2.垂直線與水平線的錯視

大多數人往往把垂直線看的比水平線要長,這是高估的錯覺。在水平線長度為8-10mm時,這種錯覺最大。

3.對比錯視

高個子和矮個子在一起,高的會顯的越高,矮的會顯的越矮。

4.透視錯視

圖中的兩條線是相等的。看起來下面的要短,是因為透視的錯覺。

5.黑白錯視

圖中黑白線段,由于白線段明度大,具有膨脹的現象,所以看以來比黑線段長。

6.正方形的錯視

標準的正方形左右的邊看上去大于上下的邊。

7.由于圖形結構的影響而產生的錯視

圖中組成三、四、五邊形的邊長都相等,但由于周長和面積的不同,產生邊長的不同。

骨格最大的功用是將形象在空間或框架里作各種不同的編排,使形象有秩序地排列,構成不同的形狀與氣氛。骨格既起管轄編排形象的作用,也給形象以空間闊窄的功能。

骨格分規律性、非規律性、有作用性和無作用性幾類。

有規律性骨格以嚴謹的數字方式構成精確的骨格線。基本形依骨格排列,具有強烈的秩序感。主要有重復、近似、漸變、發射和特異等構成。

規律性骨格有水平線和垂直線兩個主要元素。若將骨格線在其闊窄、方向或線質上加以變化,可以得出各種不同的骨格排列形狀。

非規律性骨格沒有嚴謹的骨格線,構成方式自由生動。如密集、漸變、近似構成。



?五、面構成的形象


形 --> 概念的形 (抽象)

--> 現象的形(具象)--> 自然形(有機形、無機形)

--> 人為形(有機形、無機形)

點的形象:細小、簡單 點的大小、數量、空間及排列的形式方向使構成作品產生不同的心理效應。可形成活躍、輕巧等不同表現效果。

線的形象:寬度窄、長度顯著

線的形態有直線和曲線兩種,設計線構成,關鍵在于把握線形態的性格表現。

線的性格:

垂直線:賦予生命力、力度感、伸展感。

水平線:穩定感、平靜、呆板。

斜線:運動感、動向、方向感強。

折線:方向變化豐富、易形成空間感。 幾何曲線:彈力、緊張度強,體現規則美。

自由曲線:自由、瀟灑、自如、隨意、優美。

細線:精致、挺拔、銳利。

粗線:壯實、敦厚。

線的表達要點:以長短、粗細、疏密、方向、肌理、形狀、線形組合的不同來創造線的形象,表現不同線的個性,反映不同的心理效應。

面的形象

幾何形:特點:明快、單純、規整、秩序。(如書本、電視等)

有機形:特點:生機、膨脹、優美、彈性。(如水滴、鵝卵石) 不規則形:自由形、偶然形。具有一定的情態、情趣。

徒手形、意外形等。

體的形象,在平面上是一種幻覺形象,是一種特殊的空間形式。

正負形象,圖在前,底子在后為正,反之為負。

面的形態表現通過形與形的組合進行創造。

點、線、面綜合構成:在平面構成中,點、線、面是最基本的形態,這種最基本的形態的相互結合與作用形成了點線面的多種表現形式。點、線、面的表現力極強,既可以表現抽象,也可以表現具象,是平面構成的三大要素 。


六、平面構成的形式

重復構成

重復是指在一個畫面中使用一個形象或兩個以上相同的基本形進行平均的、有規律的排列組合。可利用相同重復骨格來進行形象、方向、位置、色彩、大小的重復構成。

重復構成的基本形可采用具象形、抽象形、幾何形等組合基本形。

重復的分類:

1,形象的重復,基本形形狀一樣,可有色彩(黑白灰)、方向的變化。

2,大小重復,大小相同,形狀、色彩、方向可找變化。

3,方向的重復。

4,位置的重復。

5,中心的重復。


大小重復,形狀的重復


中心的重復


近似構成

自然界中近似形很多,如某種樹的葉子,同種類的小鳥等,他們的造型都有近似的性質。

近似構成是重復構成的輕度變化,是同中求異。是基本形的形象產生局部的變化,但又不失大型相似的特點。


近似構成

特異構成

特異現象是指規律的突破,是各別的要素顯得突出而引人注目。特異構成是具有比較性的,夾雜于規律性之中。特異部分不應數量過多,應選擇放在畫面中比較顯著的位置,形成視覺的焦點。打破單調格局,使人驚奇。

特異構成基本采用基本形的特異和骨格線的特異兩種類型。無論哪種類型都必須注意特異構成對形狀類型的不同要求。


特異構成



特異構成


漸變構成:

漸變現象是日常生活中常有的視覺感受,如近大遠小、火車鐵軌有寬變窄等。漸變的視覺效果具有強烈的透視感與空間的延伸感。平面構成中的漸變是指基本形或骨格逐漸地、規律性地、循序地無限變化。這種變化是以節奏感強和韻律感好為前提。所以在漸變構成中,基本形或骨格線的變化,其節奏與韻律感的好壞是至關重要的。變化如果太快就會失去連貫性,循序感就會消失;變化如果太慢,則又會產生重復感,缺少空間透視效果。注意:采用具象圖形、漸變骨格、幾何圖形來表現漸變要注意節奏的連續性、循序感。也可利用圖地轉換。(每一個形象都可以由完整至殘缺、由簡單至復雜、由具想至抽象、漸變成其他任何形象。)


漸變


漸變

發射構成

發射是一種常見的自然現象,如光芒四射、水花四濺等。發射構成是骨格單位環繞一個共同的中心點向四周重復,具有特殊的視覺效果。發射中心與方向的變化構成不同的圖形,造成光學的動感和強烈的視覺效果。 具有多方的對稱性。

可分為:1,離心式 發射的骨格線均由中心向外發射。

2,同心式 同心圓圍繞著發射中心一層一層向外擴展。同心式的變化很多,如多圓中心、螺旋形等。

3,向心式 骨格線自各個方向向中心迫近。


發射


發射構成


發射構成

空間構成

1,自然的空間

自然的空間是立體的空間,萬物呈現眼前,有平面的、也有立體的,近大遠小、前后分明。

2,平面的空間

要在平面的畫面中體現立體感,則形象的大小、位置、方向至關重要。這些因素能夠在平面中使人產生立體的幻覺,導致幻覺的空間感。

(1) 利用近大遠小的透視關系來表現空間。

(2) 覆蓋排列。同樣的形象進行覆疊處理,會有前后、上下的感覺,從而產生空間感。

(3) 投影效果。給形象增加投影,則增加了空間的真實性。投影會使物體具有立體感,還可表現出物體的凹凸感。

(4) 彎曲變化。線的彎曲漸變,可以造成前后距離感。

(5) 肌理變化表現空間感。物體粗糙表面產生遠近距離感。

(6) 矛盾空間

矛盾的空間表現,是指在現實空間里不可能存在的,在假設的空間里存在。是人為在平面作品中制造出來的錯視,圖底反轉矛盾延伸。空間的視點是矛盾的,多變的;可以從多個視角進行觀看,但結合起來卻無法成立,互相矛盾,使人產生不合理的視覺效果。

密集構成

密集在設計中是一種常見的組織圖畫的手法,基本形在整個構圖中可自由散布,有疏有密。最疏或最密的地方常常成為整個設計的視覺焦點,在畫面中造成一種視覺上的張力,并有節奏感。密集也是一種對比的情況,利用基本形數量排列的多少,產生疏密、虛實、松緊的對比效果。

密集構成中基本形可采用具象形、抽象形、幾何形等,但基本形的面積要小,數量要多,以便要有密集的效果,基本形的形狀可以是相同的或相近的,在大小和方向上也可有些變化。

點的密集

線的密集

面的密集

密集舉例:日本波點女王草間彌生的作品



肌理構成

肌理又稱質感,由于物體的材料不同,表面的排列、組織、構造各不相同,因而產生粗糙感、光滑感、軟硬感。我們通過視覺來感受物體表面的質地,因而,視覺肌理成為設計作品。

視覺肌理創造方法:

1, 筆觸的變化

2, 印拓

3, 噴繪

4, 印染

5, 刻刮

6, 紙張加工

7, 滲開或枯筆技法

8, 紋理涂擦技法

9, 大理石紋表現技法

10,蠟之排水性技法

相關鏈接傳送口:

www.zcool.com.cn/article/ZNDMwMjU2.html

www.maiziedu.com/wiki/form/launch/

www.oritive.com/creativeidea/2055

www.3lian.com/edu/2013/08-07/87482.html

www.worlduc.com/blog2012.aspx

www.sj33.cn/article/sjll/201608/46059.html

home.51.com/woshicwr/diary/item/10014135.html

www.sj33.cn/article/sjll/201608/46058.html

寫在后面的話

你所遇到的問題,以后都會變成你的能力!

加油!

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 構成與圖案,構成是現代藝術,圖案是裝飾藝術,兼收并蓄 平面構成形態要素 1.平面構成形態要素——點 》漸變可產生空...
    葡萄紫耶閱讀 13,520評論 2 21
  • 寫在前面: 我之前說過要寫一系列專門針對電商的三大構成的文章的,而在上篇文章中我已經給大家梳理了一篇關于色彩的文章...
    做設計的面條閱讀 4,985評論 3 71
  • 王校長說,一個心靈不健康的孩子,怎么能成材呢?我們要給孩子健康的心靈,健康的身體。爸爸媽媽一定要陪伴孩子成長!我們...
    66e1ba940d65閱讀 1,950評論 0 0
  • Hey 你好嗎? 我是大研 原來真的是只要你念念不忘的事情必然會有回應的,關注好報的公眾號一年多了,看了...
    大研閱讀 509評論 2 1
  • 孔子謂季氏:“八佾舞于庭,是可忍,孰不可忍? ” 謂:談到,評價。 季氏:季孫氏,是魯國三位卿大夫之一,其余二人是...
    雕琢未來閱讀 545評論 0 3