當(dāng)前位置: 首頁 > 設(shè)計資訊 > 理論文摘 > 正文

聊聊平面構(gòu)成中的點(diǎn)線面

2017-12-06 3101 0

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

未標(biāo)題-1.jpg

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

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

內(nèi)容大綱

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

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

3-自我提升

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

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

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

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

1.jpg

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

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

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

2.jpg

(圍棋、星空)

3.jpg

(雨滴、鈴鐺)

點(diǎn)的變化-1

4.jpg

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

5.jpg

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

點(diǎn)的變化-2

6.jpg

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

7.jpg

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

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

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

8.jpg

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

9.jpg

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

10.jpg

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

11.jpg

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

說一說

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

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

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

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

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

線有哪些特征?

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

生活中的線:

12.jpg

平面設(shè)計中的線:

13.jpg

線的變化

14.jpg

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

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

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

無形的線和有形的線

15.jpg

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

16.jpg

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

17.jpg

看到其中的線了嗎?如果沒有看到,看下圖。

18.jpg

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

19.jpg

△ 畫面中有形的線

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

線的常見應(yīng)用

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

20.jpg

21.jpg

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

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

面有哪些特征?

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

生活中的面:

22.jpg

面的變化

23.jpg

面在幾何學(xué)中是線的移動軌跡,點(diǎn)線面是相對存在的。

面的種類-1

24.jpg

△ 直線形的面

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

25.jpg

△ 曲線的面

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

面的種類-2

26.jpg

△ 自由曲線的面

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

27.jpg

△ 偶然的面

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

無形的面和有形的面

28.jpg

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

29.jpg

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

設(shè)計中有形的面

30.jpg

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

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

31.jpg

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

32.jpg

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

33.jpg

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

回顧點(diǎn)線面

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

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

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

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

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

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

02-近視構(gòu)成

03-空間構(gòu)成

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

34.jpg

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

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

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

35.jpg

海報使用虛線圓,像四周擴(kuò)散

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

36.jpg37.jpg

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

38.jpg39.jpg

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

近視構(gòu)成

40.jpg

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

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

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

41.jpg

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

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

42.jpg

43.jpg

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

空間構(gòu)成

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

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

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

44.jpg

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

45.jpg

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

三、自我提升

多觀察、多思考、多做

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

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

多做——做好和做了是2個選擇,取決于自己

到這里這次的分享就此結(jié)束了,謝謝大家



18
評論區(qū)(0)
正在加載評論...