‍‍

‍‍點(diǎn)線面是平面設(shè)計(jì)中的基礎(chǔ)，基礎(chǔ)知識(shí)對(duì)設(shè)計(jì)師后期的成長是起到至關(guān)重要的。再好的表現(xiàn)技法、形式，如果有沒有了設(shè)計(jì)的基礎(chǔ)和準(zhǔn)則，都是有問題的。今天我們來一起聊聊平面構(gòu)成的基礎(chǔ)知識(shí)&日常設(shè)計(jì)的運(yùn)用。

部分案列來源網(wǎng)絡(luò)，多有得罪請(qǐng)恕罪 O(∩_∩)O哈哈~

內(nèi)容大綱

1-點(diǎn)/線/面的特征&設(shè)計(jì)中的應(yīng)用

2-常見的幾種平面構(gòu)成在日常設(shè)計(jì)中的應(yīng)用

3-自我提升

01/

點(diǎn)線面的基本作用

點(diǎn)——點(diǎn)是點(diǎn)綴、豐富畫面氣氛的元素（下圖左1）

線——線是連接頁面、引導(dǎo)視覺、豐富畫面（下圖中）

面——面是信息的載體、分割畫面（下圖右1）

點(diǎn)有哪些特征？

體積小、分散的、遠(yuǎn)的、大空間對(duì)比下小的、密集的。

看看生活中的點(diǎn)：

（圍棋、星空）

（雨滴、鈴鐺）

點(diǎn)的變化-1

點(diǎn)的形態(tài)特征不同，給人的視覺感受也不同。

點(diǎn)太大太小都會(huì)引起視覺感受不同。點(diǎn)越大就成了面，面越小就成了點(diǎn)。

點(diǎn)的變化-2

點(diǎn)在畫面中的位置和方向很重要，它影響的畫面的視覺感受和走向。在對(duì)比下相對(duì)小的就變成了點(diǎn)。

點(diǎn)在畫面中存在，它的數(shù)量多少都會(huì)影響視覺感受的強(qiáng)弱。整齊的點(diǎn)越密集就變成了線。

點(diǎn)發(fā)生一定的變化可以是線也可以是面。

點(diǎn)的設(shè)計(jì)應(yīng)用

圖中的橘子面包的實(shí)與虛、物體的明與暗對(duì)應(yīng)了點(diǎn)的濃與淡。點(diǎn)不單單是一個(gè)原點(diǎn)，有時(shí)候?qū)嵨镆部梢允屈c(diǎn)。

即使同為文字在大小的對(duì)比下，越小的就是點(diǎn)。利用點(diǎn)的靈動(dòng)特征讓單一的畫面靈活起來。這就是點(diǎn)的對(duì)比。

即使沒有綠點(diǎn)的情況下頁面也依然高大上，當(dāng)時(shí)加上小小的綠色亮點(diǎn)之后，讓畫面提升了視覺感受，讓頁面更透、層次更豐富。

活躍氣氛的飄絮去掉之后，畫面的氛圍感失去了。即使還有一些線條帶動(dòng)畫面，但是氛圍感弱化了。

說一說

1. 有對(duì)比就有點(diǎn)

2. 點(diǎn)不是單獨(dú)存在的

3. 點(diǎn)用來豐富畫面和層次

4. 點(diǎn)可以讓你的頁面輕飄起來，也可以讓你的頁面有速度感

除了這些點(diǎn)的作用還有很多，多觀察會(huì)看到更多。

線有哪些特征？

細(xì)、長、彎曲、斜

生活中的線：

平面設(shè)計(jì)中的線：

線的變化

△ 點(diǎn)線面之間的過渡關(guān)系

線是具有位置，長但不寬不厚。它是點(diǎn)的移動(dòng)軌跡，是面邊緣面與面的交界從造型的含義上面講，線只能以一定的寬度表現(xiàn)。點(diǎn)線面三者可以用過自身的變化切換為對(duì)方。

當(dāng)線在畫面上加粗一定程度，那么我們就會(huì)把它看成面。點(diǎn)線面不是絕對(duì)存在的，是相對(duì)存在。

無形的線和有形的線

我們先來看看排版中的線，很明顯3個(gè)案例中都沒有幾何線。所以我對(duì)它們的定義是無形的線。

看黑色條，我們不難發(fā)現(xiàn)。文字的長度、高度、也對(duì)應(yīng)了幾何線的變化。為什么我們經(jīng)常排版起來難看，因?yàn)闆]有粗細(xì)、長短的對(duì)比。線可以是單獨(dú)的一條線，也可以是某個(gè)元素。點(diǎn)可以是文字，線也可以是。

看到其中的線了嗎？如果沒有看到，看下圖。

通過白線不難發(fā)現(xiàn)，畫面中的線——視線。人物的視線引導(dǎo)我們把視覺轉(zhuǎn)向文字

△ 畫面中有形的線

從案例中，清晰的線條讓畫面有速度感、層次感、豐富板式。

線的常見應(yīng)用

信息分類（左1）；引導(dǎo)視覺（中間）；強(qiáng)調(diào)重要性（右1）；

線是對(duì)設(shè)計(jì)的補(bǔ)充、裝飾豐富畫面，可柔美、可速度、可靜止，千萬不要為了加線而加線，這樣無疑是畫蛇添足。

還有很多線的應(yīng)用就不一一舉例了，只要仔細(xì)觀察就明白了

面有哪些特征？

不規(guī)則、幾何形、偶然性

生活中的面：

面的變化

面在幾何學(xué)中是線的移動(dòng)軌跡，點(diǎn)線面是相對(duì)存在的。

面的種類-1

△ 直線形的面

具有直線表現(xiàn)的視覺感受特征，列如：正方形安定、有序簡(jiǎn)潔。

△ 曲線的面

給人隨意、舒適、柔美的感受，正圓過于完美則顯得呆板，而扁圓呈現(xiàn)出一種變化的曲線，美感更好。另外殘缺也不失一種美

面的種類-2

△ 自由曲線的面

個(gè)性鮮明、隨意，帶給人優(yōu)雅、柔美和溫暖的感受。

△ 偶然的面

用特殊的方式構(gòu)成的意外的形態(tài)，非常獨(dú)特的視覺效果。例如墨跡、水花、潑灑的咖啡等

無形的面和有形的面

找到面了嗎？沒有、看下面。

從案例上面畫的黑色塊中我們不難發(fā)現(xiàn)，人、物體將我們的畫面一分為二。面積超過頁面的50%，這些物體、人、或者某個(gè)元素在畫面中的面積比例超過了50%，則為面。并且不像幾何面那么的清晰，所以我把它稱之為無形的面。

設(shè)計(jì)中有形的面

從案例上面畫的黑色塊中我們不難發(fā)現(xiàn)，幾何的面把我們的畫面分割，得到層次感。另外面也可以作為信息的載體，讓文字在畫面中更清晰的表現(xiàn)。

一起看看優(yōu)秀設(shè)計(jì)中的點(diǎn)線面

用彩色鉛筆排成的線，太美。如果彩虹一般。所以當(dāng)某個(gè)元素變成線，也是一個(gè)不錯(cuò)的創(chuàng)意。

用線引導(dǎo)視覺，點(diǎn)也有若隱若現(xiàn)的變化。層次關(guān)系明顯。

斜切面分割畫面，打破傳統(tǒng)的面，使畫面動(dòng)感足并且符合頁面主題。

回顧點(diǎn)線面

點(diǎn)——畫面的氣氛點(diǎn)綴、豐富層次，有對(duì)比大小就有點(diǎn)

線——引導(dǎo)視覺走向、鏈接信息

面——畫面層次分割、信息的載體

點(diǎn)線面是互通的，是相對(duì)存在的。也不失單獨(dú)存在的。

02/

幾種構(gòu)成在設(shè)計(jì)中的應(yīng)用

01-發(fā)射構(gòu)成

02-近視構(gòu)成

03-空間構(gòu)成

發(fā)射構(gòu)成

1-發(fā)射——指同由放射中心出發(fā)，作向四周輻射構(gòu)成的圖形

2-主要有向心式、同心式、離心式

3-發(fā)射構(gòu)成的特點(diǎn)是給人的視覺沖擊力大。

海報(bào)使用虛線圓，像四周擴(kuò)散

發(fā)射構(gòu)成的版面形式

案列中心以圓形向外發(fā)射擴(kuò)展，分割畫面。

發(fā)射構(gòu)成不僅體現(xiàn)在板式上面，在字體、物體上面也可以表現(xiàn)出發(fā)射。效果更加強(qiáng)烈。

近視構(gòu)成

1-近視——彼此之間相似，遠(yuǎn)看如出一轍，而且變化各異。

2-自然中這種近視的形態(tài)非常多

3-近視構(gòu)成是個(gè)體現(xiàn)畫面創(chuàng)意感不錯(cuò)的方式，同時(shí)失去了主體。

海報(bào)使用不同相似的任務(wù)組成讓人眼前一亮，同時(shí)失去主體。

近視構(gòu)成的版面形式

案列中的近視構(gòu)成讓畫面變的不具一格，同時(shí)也失去了主體。只能靠文字來理解意思。

空間構(gòu)成

1-平面構(gòu)成中的空間主要是指在畫面中形成的視覺有現(xiàn)實(shí)的錯(cuò)覺。

2-空間的表現(xiàn)可以用，點(diǎn)、線的漸變形式完成也可以形與形的重疊實(shí)現(xiàn)等。

3-特別組合的空間也是個(gè)不錯(cuò)的創(chuàng)意。

海報(bào)用文字組合形成一個(gè)簡(jiǎn)單的空間,給人不一樣的感受。是不是挺有創(chuàng)意感覺。

案列中組合起來的空間，讓人眼前一亮,有新意又耐看。

03/

自我提升

多觀察、多思考、多做

觀察——觀察優(yōu)秀作品中的點(diǎn)、線、面、色、光、質(zhì)、排版等要素

思考——理解為什么要這么做，這么做的好處

多做——做好和做了是2個(gè)選擇，取決于自己

‍‍