版式設(shè)計(jì)基本要素及構(gòu)成規(guī)律——點(diǎn)線面

1、整理課件第二章版式設(shè)計(jì)基本要素及構(gòu)成規(guī)律整理課件第一節(jié) 版式設(shè)計(jì)的基本要素第二節(jié) 版式設(shè)計(jì)中的視覺流程第三節(jié) 版式設(shè)計(jì)中的形式法則整理課件 點(diǎn)、線、面、肌理、色彩點(diǎn)、線、面、肌理、色彩是構(gòu)成視覺空間是構(gòu)成視覺空間的基本元素，也是版面構(gòu)成上的主要語(yǔ)言。版的基本元素，也是版面構(gòu)成上的主要語(yǔ)言。版面構(gòu)成實(shí)際上就是如何經(jīng)營(yíng)好這些元素。不管面構(gòu)成實(shí)際上就是如何經(jīng)營(yíng)好這些元素。不管版面的內(nèi)容與形式如何復(fù)雜，但最終可以簡(jiǎn)化版面的內(nèi)容與形式如何復(fù)雜，但最終可以簡(jiǎn)化到這幾種元素上來(lái)。到這幾種元素上來(lái)。 第一節(jié) 版式設(shè)計(jì)基本要素整理課件 點(diǎn)是所有空間形態(tài)中最簡(jiǎn)潔的元素，也是最活躍最不安分的元素。幾何學(xué)上的點(diǎn)是肉眼

2、看不見的。版面設(shè)計(jì)中的點(diǎn)占有一定位置，又具有把自身同周圍相區(qū)分的某種界限輪廓。1.點(diǎn)的形式：（1）文字點(diǎn)：通常是字間距離較大，在版面中比例較小會(huì)形成視覺上的點(diǎn)。（2）圖形點(diǎn)：通常包括有機(jī)形、規(guī)則形、自然形等。常見的圖形點(diǎn)對(duì)象有圓形、方形、五角星、墨點(diǎn)等構(gòu)成。（3）圖文結(jié)合點(diǎn)：通過(guò)文字與圖形結(jié)合形成，通常以圖形為底圖。2.點(diǎn)的屬性規(guī)則點(diǎn)給人以整齊、統(tǒng)一的感覺；有機(jī)自然形的點(diǎn)，給人柔和、自然感覺；偶然形的點(diǎn)，自由、活潑而富有哲理性一、點(diǎn)一、點(diǎn)整理課件整理課件 當(dāng)版面中有二個(gè)點(diǎn)時(shí)，它能引人的視線，成為當(dāng)版面中有二個(gè)點(diǎn)時(shí)，它能引人的視線，成為視線的集中處。視線的集中處。整理課件點(diǎn)放在版面視覺中心，給人

3、強(qiáng)烈的感覺點(diǎn)放在版面視覺中心，給人強(qiáng)烈的感覺整理課件 同時(shí)出現(xiàn)兩個(gè)或兩個(gè)以上相同時(shí)出現(xiàn)兩個(gè)或兩個(gè)以上相同大小的點(diǎn)時(shí)，在點(diǎn)與點(diǎn)之間就同大小的點(diǎn)時(shí)，在點(diǎn)與點(diǎn)之間就會(huì)形成一種視覺上的線的連接。會(huì)形成一種視覺上的線的連接。整理課件 點(diǎn)按一定的距離排列點(diǎn)按一定的距離排列時(shí)，我們就會(huì)在其中產(chǎn)生時(shí)，我們就會(huì)在其中產(chǎn)生出虛擬形的感覺。出虛擬形的感覺。 點(diǎn)的水平排列，具有平穩(wěn)、安詳?shù)母杏X。整理課件 點(diǎn)沿著斜線方向作漸變點(diǎn)沿著斜線方向作漸變排列，可形成一種遠(yuǎn)近變化。排列，可形成一種遠(yuǎn)近變化。整理課件 點(diǎn)的面積放大并重疊，能點(diǎn)的面積放大并重疊，能體現(xiàn)出一種圖形化的美感來(lái)，形體現(xiàn)出一種圖形化的美感來(lái)，形式感極強(qiáng)式感極

4、強(qiáng)。整理課件 點(diǎn)沿著一定的方向作自由的構(gòu)成，點(diǎn)沿著一定的方向作自由的構(gòu)成，具有流動(dòng)、抒情、愉快的感覺。具有流動(dòng)、抒情、愉快的感覺。整理課件二、線二、線 線是點(diǎn)的移動(dòng)軌跡，線在編排設(shè)計(jì)中有強(qiáng)調(diào)、分割、引導(dǎo)視線的作用。頁(yè)面中的內(nèi)容較多時(shí)，需要進(jìn)行版面的空間分割。1.線的形式（1）文字線：有單排文字或者行距超大的段落文字，容易形成視覺上線的感覺。形式有直線文字、曲線文字等。（2）圖形線：采用繪圖手法繪制的線。形式主要有直線、曲線、實(shí)線、虛線等。圖形線中也有規(guī)則線、偶然線等。整理課件整理課件 由于線具有不同特征，由于線具有不同特征，便賦予線在視覺上的多樣便賦予線在視覺上的多樣性。因此，我們?cè)诎婷鏄?gòu)性。

5、因此，我們?cè)诎婷鏄?gòu)成之前，應(yīng)先對(duì)線的運(yùn)用成之前，應(yīng)先對(duì)線的運(yùn)用有一定的了解，知道怎樣有一定的了解，知道怎樣的線和形式比較適合于哪的線和形式比較適合于哪一類版面，這是極為重要一類版面，這是極為重要的條件，也才能產(chǎn)生你所的條件，也才能產(chǎn)生你所需要表達(dá)的意念需要表達(dá)的意念。線的情感因素線的情感因素 直線給人以單純、明確、直線給人以單純、明確、莊嚴(yán)的感覺。莊嚴(yán)的感覺。整理課件 水平方向的線，令人產(chǎn)生開闊、平水平方向的線，令人產(chǎn)生開闊、平靜、安定、永無(wú)止境的感覺。靜、安定、永無(wú)止境的感覺。整理課件 垂直方向的線令人產(chǎn)生垂直方向的線令人產(chǎn)生蓬勃向上、崇高的情緒。蓬勃向上、崇高的情緒。 曲線給人以豐富、柔曲

6、線給人以豐富、柔軟、流暢的感覺。軟、流暢的感覺。整理課件 斜線具有方向、動(dòng)蕩和不安的斜線具有方向、動(dòng)蕩和不安的感覺，富于現(xiàn)代意識(shí)和速度感。感覺，富于現(xiàn)代意識(shí)和速度感。整理課件 用抽象的自由曲線，形象用抽象的自由曲線，形象地表現(xiàn)一位足球運(yùn)動(dòng)員射球后地表現(xiàn)一位足球運(yùn)動(dòng)員射球后動(dòng)雙臂歡呼，甚至翻跟斗的運(yùn)動(dòng)雙臂歡呼，甚至翻跟斗的運(yùn)動(dòng)軌跡和心理曲線。動(dòng)軌跡和心理曲線。 自由曲線最能體現(xiàn)出情自由曲線最能體現(xiàn)出情感的抒懷。感的抒懷。整理課件下半圓則有不安定感，但充滿了快樂(lè)。下半圓則有不安定感，但充滿了快樂(lè)。整理課件 線不但具有其情感上線不但具有其情感上的因素，且具有方向性、的因素，且具有方向性、流動(dòng)性、延續(xù)

7、性及遠(yuǎn)近感。流動(dòng)性、延續(xù)性及遠(yuǎn)近感。它所產(chǎn)生的空間深度和廣它所產(chǎn)生的空間深度和廣度，為版面構(gòu)成帶來(lái)了廣度，為版面構(gòu)成帶來(lái)了廣闊的思維空間。闊的思維空間。線的空間構(gòu)成線的空間構(gòu)成 版面長(zhǎng)線與短線的比例，除了擴(kuò)大版面長(zhǎng)線與短線的比例，除了擴(kuò)大與縮小之外，還令人產(chǎn)生遠(yuǎn)近之感覺。與縮小之外，還令人產(chǎn)生遠(yuǎn)近之感覺。整理課件整理課件 線的色塊反襯，產(chǎn)生一線的色塊反襯，產(chǎn)生一種節(jié)奏與韻律。種節(jié)奏與韻律。整理課件 運(yùn)用同心放射的原理所運(yùn)用同心放射的原理所構(gòu)成的版面。構(gòu)成的版面。整理課件 離心式是由中心向四周放射，離心式是由中心向四周放射，就好像太陽(yáng)光芒的照射，能起到擴(kuò)就好像太陽(yáng)光芒的照射，能起到擴(kuò)充版面的作用

8、。充版面的作用。 由不同方向向同一中心聚集，由不同方向向同一中心聚集，這種向心式的構(gòu)成方式，往往是這種向心式的構(gòu)成方式，往往是版面主題的位置所在。版面主題的位置所在。整理課件 線的自由分割性，使線線的自由分割性，使線在版面設(shè)計(jì)中具有獨(dú)特的造在版面設(shè)計(jì)中具有獨(dú)特的造型功能。它可以完全憑借個(gè)型功能。它可以完全憑借個(gè)人感覺來(lái)分，不受固定的條人感覺來(lái)分，不受固定的條條框框所制約，靈活性大。條框框所制約，靈活性大。悉心鉆研此種方法，對(duì)版面悉心鉆研此種方法，對(duì)版面的標(biāo)新立異有神益。的標(biāo)新立異有神益。 一根線可以把版面分割一根線可以把版面分割成左右兩半，從而產(chǎn)生形的感成左右兩半，從而產(chǎn)生形的感覺。覺。整理課

9、件整理課件整理課件整理課件三、面 面在平面設(shè)計(jì)中是點(diǎn)的擴(kuò)大、線的重復(fù)。面的形態(tài)除了規(guī)則的幾何形式外，更多的是不規(guī)則的形態(tài)?？梢哉f(shuō)其表現(xiàn)形式多種多樣。面給人以整體美感，使空間層次豐富，使單一的空間多樣化。1.面的形式：（1）文字面:單個(gè)文字放大,版面比例大形成的面;大量細(xì)小段落文字以塊狀出現(xiàn)形成的面。（2）圖形面：以線繪制成某一形狀通過(guò)填色形成的面；直接使用圖片作為背景或者插圖形成的面。（3）空白面：版面設(shè)計(jì)中留出的空白。整理課件整理課件 面的應(yīng)用整理課件 倒三角形給人活潑、新奇的倒三角形給人活潑、新奇的感覺。感覺。 正三角形在版面安排上正三角形在版面安排上給人以堅(jiān)實(shí)、穩(wěn)定的感覺，恰給人以堅(jiān)實(shí)、

10、穩(wěn)定的感覺，恰似金字塔式的永恒。似金字塔式的永恒。整理課件 方形使人感覺穩(wěn)重、厚方形使人感覺穩(wěn)重、厚實(shí)、堅(jiān)強(qiáng)而深沉。實(shí)、堅(jiān)強(qiáng)而深沉。整理課件整理課件 正形在版面構(gòu)成上是實(shí)正形在版面構(gòu)成上是實(shí)體，具有緊張、向前、明確的體，具有緊張、向前、明確的感覺。感覺。 由大小漸變形構(gòu)成的版由大小漸變形構(gòu)成的版面，具有空間感。面，具有空間感。整理課件整理課件整理課件 黑、白、灰在版面構(gòu)成中也是一種點(diǎn)、線、面因黑、白、灰在版面構(gòu)成中也是一種點(diǎn)、線、面因素的構(gòu)成。無(wú)論是有色的或是無(wú)色的版面，都可歸納素的構(gòu)成。無(wú)論是有色的或是無(wú)色的版面，都可歸納為為黑、白、灰的空間構(gòu)成黑、白、灰的空間構(gòu)成。 黑、白、灰是對(duì)世界異彩

11、紛呈的抽象概括。在版黑、白、灰是對(duì)世界異彩紛呈的抽象概括。在版面構(gòu)成中，一般感覺最敏銳的是白色，最遲鈍的是灰面構(gòu)成中，一般感覺最敏銳的是白色，最遲鈍的是灰色，介于兩者之間是黑色。黑、白、灰對(duì)比編排，色，介于兩者之間是黑色。黑、白、灰對(duì)比編排，單單純醒目，最能保存遠(yuǎn)距離的視覺沖擊力。純醒目，最能保存遠(yuǎn)距離的視覺沖擊力。整理課件 由點(diǎn)、線、面構(gòu)成的由點(diǎn)、線、面構(gòu)成的黑、白、灰的空間層次。黑、白、灰的空間層次。整理課件不同的黑、白、灰呈現(xiàn)不同的遠(yuǎn)近效果不同的黑、白、灰呈現(xiàn)不同的遠(yuǎn)近效果整理課件整理課件整理課件版面點(diǎn)線面構(gòu)圖的討論版面點(diǎn)線面構(gòu)圖的討論:平均對(duì)待產(chǎn)生的平均對(duì)待產(chǎn)生的“花花”的版面，應(yīng)避免面積相等的呆的版面，應(yīng)避免面積相等的呆板板整理課件一大一小的兩組，形成對(duì)比變化效果一大一小的兩組，形成對(duì)比變化效果整理課件缺少?gòu)埩?，過(guò)于內(nèi)斂，有疲乏無(wú)力之感缺少?gòu)埩?，過(guò)于內(nèi)斂，有疲乏無(wú)力之感整理課件版面產(chǎn)生向外擴(kuò)張的力感，比原來(lái)版面產(chǎn)生向外擴(kuò)張的力感，比原來(lái)顯得更大氣有動(dòng)感。顯得更大氣有動(dòng)感。整理課件感覺版面過(guò)于感覺版面過(guò)于“擠擠”、“堵堵”、“動(dòng)感抵動(dòng)感抵消消”整理課件 圖形上移，減少，流出版面下部足夠的空間，向下圖形上移，減少，流出版面下部足夠的空間，向下運(yùn)動(dòng)的要素有了活動(dòng)的余地，形成版面上重下輕、上滿運(yùn)動(dòng)的要素有了活動(dòng)的余地，形成版面上重下輕、上滿下空，版面更顯輕松、愉快。下空，版面更