點(diǎn)線面是平面設(shè)計中的基礎(chǔ),基礎(chǔ)知識對設(shè)計師后期的成長是起到至關(guān)重要的。再好的表現(xiàn)技法、形式,如果有沒有了設(shè)計的基礎(chǔ)和準(zhǔn)則,都是有問題的。今天我們來一起聊聊平面構(gòu)成的基礎(chǔ)知識&日常設(shè)計的運(yùn)用。
點(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)
點(diǎn)有哪些特征?
體積小、分散的、遠(yuǎn)的、大空間對比下小的、密集的。
看看生活中的點(diǎn):
(圍棋、星空)
(雨滴、鈴鐺)
點(diǎn)的變化-1
點(diǎn)的形態(tài)特征不同,給人的視覺感受也不同。
點(diǎn)太大太小都會引起視覺感受不同。點(diǎn)越大就成了面,面越小就成了點(diǎn)。
點(diǎn)的變化-2
點(diǎn)在畫面中的位置和方向很重要,它影響的畫面的視覺感受和走向。在對比下相對小的就變成了點(diǎn)。
點(diǎn)在畫面中存在,它的數(shù)量多少都會影響視覺感受的強(qiáng)弱。整齊的點(diǎn)越密集就變成了線。
點(diǎn)發(fā)生一定的變化可以是線也可以是面。
點(diǎn)的設(shè)計應(yīng)用
圖中的橘子面包的實(shí)與虛、物體的明與暗對應(yīng)了點(diǎn)的濃與淡。點(diǎn)不單單是一個原點(diǎn),有時候?qū)嵨镆部梢允屈c(diǎn)。
即使同為文字在大小的對比下,越小的就是點(diǎn)。利用點(diǎn)的靈動特征讓單一的畫面靈活起來。這就是點(diǎn)的對比。
即使沒有綠點(diǎn)的情況下頁面也依然高大上,當(dāng)時加上小小的綠色亮點(diǎn)之后,讓畫面提升了視覺感受,讓頁面更透、層次更豐富。
活躍氣氛的飄絮去掉之后,畫面的氛圍感失去了。即使還有一些線條帶動畫面,但是氛圍感弱化了。
說一說
有對比就有點(diǎn)
點(diǎn)不是單獨(dú)存在的
點(diǎn)用來豐富畫面和層次
點(diǎn)可以讓你的頁面輕飄起來,也可以讓你的頁面有速度感
除了這些點(diǎn)的作用還有很多,多觀察會看到更多。
線有哪些特征?
細(xì)、長、彎曲、斜
生活中的線:
平面設(shè)計中的線:
線的變化
△ 點(diǎn)線面之間的過渡關(guān)系
線是具有位置,長但不寬不厚。它是點(diǎn)的移動軌跡,是面邊緣面與面的交界從造型的含義上面講,線只能以一定的寬度表現(xiàn)。點(diǎn)線面三者可以用過自身的變化切換為對方。
當(dāng)線在畫面上加粗一定程度,那么我們就會把它看成面。點(diǎn)線面不是絕對存在的,是相對存在。
無形的線和有形的線
我們先來看看排版中的線,很明顯3個案例中都沒有幾何線。所以我對它們的定義是無形的線。
看黑色條,我們不難發(fā)現(xiàn)。文字的長度、高度、也對應(yīng)了幾何線的變化。為什么我們經(jīng)常排版起來難看,因?yàn)闆]有粗細(xì)、長短的對比。線可以是單獨(dú)的一條線,也可以是某個元素。點(diǎn)可以是文字,線也可以是。
看到其中的線了嗎?如果沒有看到,看下圖。
通過白線不難發(fā)現(xiàn),畫面中的線——視線。人物的視線引導(dǎo)我們把視覺轉(zhuǎn)向文字
△ 畫面中有形的線
從案例中,清晰的線條讓畫面有速度感、層次感、豐富板式。
線的常見應(yīng)用
信息分類(左1);引導(dǎo)視覺(中間);強(qiáng)調(diào)重要性(右1);
線是對設(shè)計的補(bǔ)充、裝飾豐富畫面,可柔美、可速度、可靜止,千萬不要為了加線而加線,這樣無疑是畫蛇添足。
還有很多線的應(yīng)用就不一一舉例了,只要仔細(xì)觀察就明白了
面有哪些特征?
不規(guī)則、幾何形、偶然性
生活中的面:
面的變化
面在幾何學(xué)中是線的移動軌跡,點(diǎn)線面是相對存在的。
面的種類-1
△ 直線形的面
具有直線表現(xiàn)的視覺感受特征,列如:正方形安定、有序簡潔。
△ 曲線的面
給人隨意、舒適、柔美的感受,正圓過于完美則顯得呆板,而扁圓呈現(xiàn)出一種變化的曲線,美感更好。另外殘缺也不失一種美
面的種類-2
△ 自由曲線的面
個性鮮明、隨意,帶給人優(yōu)雅、柔美和溫暖的感受。
△ 偶然的面
用特殊的方式構(gòu)成的意外的形態(tài),非常獨(dú)特的視覺效果。例如墨跡、水花、潑灑的咖啡等
無形的面和有形的面
找到面了嗎?沒有、看下面。
從案例上面畫的黑色塊中我們不難發(fā)現(xiàn),人、物體將我們的畫面一分為二。面積超過頁面的50%,這些物體、人、或者某個元素在畫面中的面積比例超過了50%,則為面。并且不像幾何面那么的清晰,所以我把它稱之為無形的面。
設(shè)計中有形的面
從案例上面畫的黑色塊中我們不難發(fā)現(xiàn),幾何的面把我們的畫面分割,得到層次感。另外面也可以作為信息的載體,讓文字在畫面中更清晰的表現(xiàn)。
一起看看優(yōu)秀設(shè)計中的點(diǎn)線面
用彩色鉛筆排成的線,太美。如果彩虹一般。所以當(dāng)某個元素變成線,也是一個不錯的創(chuàng)意。
用線引導(dǎo)視覺,點(diǎn)也有若隱若現(xiàn)的變化。層次關(guān)系明顯。
斜切面分割畫面,打破傳統(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)成
1-發(fā)射——指同由放射中心出發(fā),作向四周輻射構(gòu)成的圖形
2-主要有向心式、同心式、離心式
3-發(fā)射構(gòu)成的特點(diǎn)是給人的視覺沖擊力大。
海報使用虛線圓,像四周擴(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)成是個體現(xiàn)畫面創(chuàng)意感不錯的方式,同時失去了主體。
海報使用不同相似的任務(wù)組成讓人眼前一亮,同時失去主體。
近視構(gòu)成的版面形式
案列中的近視構(gòu)成讓畫面變的不具一格,同時也失去了主體。只能靠文字來理解意思。
空間構(gòu)成
1-平面構(gòu)成中的空間主要是指在畫面中形成的視覺有現(xiàn)實(shí)的錯覺。
2-空間的表現(xiàn)可以用,點(diǎn)、線的漸變形式完成也可以形與形的重疊實(shí)現(xiàn)等。
3-特別組合的空間也是個不錯的創(chuàng)意。
海報用文字組合形成一個簡單的空間,給人不一樣的感受。是不是挺有創(chuàng)意感覺。
案列中組合起來的空間,讓人眼前一亮,有新意又耐看。
三、自我提升
多觀察、多思考、多做
觀察——觀察優(yōu)秀作品中的點(diǎn)、線、面、色、光、質(zhì)、排版等要素
思考——理解為什么要這么做,這么做的好處
多做——做好和做了是2個選擇,取決于自己
到這里這次的分享就此結(jié)束了,謝謝大家