成人亚洲综合,日韩高清一区二区三区五区七区,三级网址日本,亚洲激情成人,av成人在线电影,亚洲免费成人在线,超清首页国产亚洲丝袜

聊聊平面構成中的點線面

作者:
2016-07-21
7020

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

未標題-1.jpg

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

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

內(nèi)容大綱

1-點/線/面的特征&設計中的應用

2-常見的幾種平面構成在日常設計中的應用

3-自我提升

一、點線面的基本作用

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

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

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

1.jpg

點有哪些特征?

體積小、分散的、遠的、大空間對比下小的、密集的。

看看生活中的點:

2.jpg

(圍棋、星空)

3.jpg

(雨滴、鈴鐺)

點的變化-1

4.jpg

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

5.jpg

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

點的變化-2

6.jpg

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

7.jpg

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

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

點的設計應用

8.jpg

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

9.jpg

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

10.jpg

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

11.jpg

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

說一說

  1. 有對比就有點

  2. 點不是單獨存在的

  3. 點用來豐富畫面和層次

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

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

線有哪些特征?

細、長、彎曲、斜

生活中的線:

12.jpg

平面設計中的線:

13.jpg

線的變化

14.jpg

△ 點線面之間的過渡關系

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

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

無形的線和有形的線

15.jpg

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

16.jpg

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

17.jpg

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

18.jpg

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

19.jpg

△ 畫面中有形的線

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

線的常見應用

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

20.jpg

21.jpg

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

還有很多線的應用就不一一舉例了,只要仔細觀察就明白了

面有哪些特征?

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

生活中的面:

22.jpg

面的變化

23.jpg

面在幾何學中是線的移動軌跡,點線面是相對存在的。

面的種類-1

24.jpg

△ 直線形的面

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

25.jpg

△ 曲線的面

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

面的種類-2

26.jpg

△ 自由曲線的面

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

27.jpg

△ 偶然的面

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

無形的面和有形的面

28.jpg

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

29.jpg

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

設計中有形的面

30.jpg

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

一起看看優(yōu)秀設計中的點線面

31.jpg

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

32.jpg

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

33.jpg

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

回顧點線面

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

線——引導視覺走向、鏈接信息

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

點線面是互通的,是相對存在的。也不失單獨存在的。

二、幾種構成在設計中的應用

01-發(fā)射構成

02-近視構成

03-空間構成

發(fā)射構成

34.jpg

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

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

3-發(fā)射構成的特點是給人的視覺沖擊力大。

35.jpg

海報使用虛線圓,像四周擴散

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

36.jpg37.jpg

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

38.jpg39.jpg

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

近視構成

40.jpg

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

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

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

41.jpg

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

近視構成的版面形式

42.jpg

43.jpg

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

空間構成

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

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

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

44.jpg

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

45.jpg

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

三、自我提升

多觀察、多思考、多做

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

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

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

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


2
1
分享到:

0

喜歡他,就推薦他上首頁吧^_^

推薦閱讀

×

賽事服務聯(lián)系方式

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

聯(lián)系我們

  • QQ:33143335 QQ:1904200230
  • 電話:18569912460
  • 投稿:cndesign@163.com
  • 地址:鄭州市國家大學科技園東區(qū)9號樓2層

版權信息

  移動 Android 版 豫 ICP 備16038122號-2 豫公網(wǎng)安備 41019702002261號