版式設(shè)計(jì)之一點(diǎn)線面課件

版式設(shè)計(jì)版式設(shè)計(jì)1一、點(diǎn)、線、面的構(gòu)成一、點(diǎn)、線、面的構(gòu)成2一、版式設(shè)計(jì)原理－－空間的編排構(gòu)成1、點(diǎn)的空間編排構(gòu)成

世上萬物的形態(tài)千變?nèi)f化，歸納這些空間的形態(tài)均屬于點(diǎn)、線、面的分類構(gòu)成，它們彼此交織，相互補(bǔ)充相互襯托，有序地構(gòu)成繽紛的世界。在設(shè)計(jì)中也同樣，任何一種版式設(shè)計(jì)在空間原理上均歸于點(diǎn)、線、面的分類。點(diǎn)、線、面是幾何學(xué)的概念，也是版式設(shè)計(jì)的基本元素和主要的視覺語言形式。

一、版式設(shè)計(jì)原理－－空間的編排構(gòu)成3一、點(diǎn)、線、面的構(gòu)成點(diǎn)的構(gòu)成一、點(diǎn)、線、面的構(gòu)成點(diǎn)的構(gòu)成4點(diǎn)的構(gòu)成一、點(diǎn)、線、面的構(gòu)成點(diǎn)的構(gòu)成一、點(diǎn)、線、面的構(gòu)成5一、點(diǎn)、線、面的構(gòu)成點(diǎn)的構(gòu)成一、點(diǎn)、線、面的構(gòu)成點(diǎn)的構(gòu)成6點(diǎn)的構(gòu)成版面中的點(diǎn):由于大小、形態(tài)、位置不同，所產(chǎn)生的視覺效果也不同，心理的作用也不同。點(diǎn)的構(gòu)成版面中的點(diǎn):7點(diǎn)的構(gòu)成點(diǎn)的構(gòu)成8點(diǎn)的構(gòu)成一、點(diǎn)、線、面的構(gòu)成點(diǎn)的構(gòu)成一、點(diǎn)、線、面的構(gòu)成9點(diǎn)的構(gòu)成點(diǎn)與線面點(diǎn)的構(gòu)成點(diǎn)與線面10點(diǎn)的構(gòu)成點(diǎn)的構(gòu)成11點(diǎn)的構(gòu)成點(diǎn)的構(gòu)成12２、線的空間編排構(gòu)成點(diǎn)移動(dòng)的軌跡為線。線的形態(tài)很復(fù)雜，有形態(tài)明確的實(shí)線、虛線、也有空間的視覺流動(dòng)線。然而，人們一般對線的概念都年僅停留于版面中形態(tài)明確的線，對于空間的視覺流動(dòng)線卻往往容易忽略。實(shí)際上，我們在閱讀一幅畫的過程中，視線是誰各元素的運(yùn)動(dòng)流程而移動(dòng)的，對這一過程人人都有體會(huì)，只是人們不習(xí)慣注意自己構(gòu)筑在視覺心里上這條既虛又實(shí)的“線”，因而容易忽略或視而不見。實(shí)際上，這條空間的視覺流動(dòng)線對于每位設(shè)計(jì)師來講有著相當(dāng)重要的意義。２、線的空間編排構(gòu)成13線的構(gòu)成線的構(gòu)成14線的構(gòu)成線的構(gòu)成15線的構(gòu)成線的構(gòu)成16線的構(gòu)成線的構(gòu)成17線的構(gòu)成線的構(gòu)成18線的構(gòu)成線的構(gòu)成19線的構(gòu)成線的構(gòu)成20線的構(gòu)成線的構(gòu)成21線的構(gòu)成線的分割線的構(gòu)成線的分割22線的構(gòu)成線的分割線的構(gòu)成線的分割23線的構(gòu)成線的分割線的構(gòu)成線的分割24線的構(gòu)成線的空間力場線的構(gòu)成線的空間力場25線的構(gòu)成線框的空間約束線的構(gòu)成線框的空間約束26３、面的空間編排構(gòu)成

面在版面中的概念可理解為點(diǎn)的放大，點(diǎn)的密集或線的重復(fù)。另外，線的分割產(chǎn)生各種比例的空間，同時(shí)也形成各種比例關(guān)系的面。面在版面中具有平衡、豐富空間層次，烘托及深化主題的作用。３、面的空間編排構(gòu)成27面的構(gòu)成面的構(gòu)成28面的構(gòu)成面的構(gòu)成29面的構(gòu)成面的構(gòu)成30面的構(gòu)成面的構(gòu)成31面的構(gòu)成面的構(gòu)成32面的構(gòu)成面的構(gòu)成33面的構(gòu)成面的構(gòu)成34點(diǎn)的構(gòu)成點(diǎn)與線面點(diǎn)的構(gòu)成點(diǎn)與線面35點(diǎn)的構(gòu)成點(diǎn)與線點(diǎn)的構(gòu)成點(diǎn)與線36二、視覺流程二、視覺流程37二、版式的視覺流程

版式設(shè)計(jì)的視覺流程是一種“空間的運(yùn)動(dòng)”，是視線隨各元素在空間沿一定軌跡運(yùn)動(dòng)的過程。這種視覺在空間的流動(dòng)線為“虛線”。視覺流程可以從理性與感性、方向關(guān)系的流程與散點(diǎn)流程來分析。

視覺流程運(yùn)用的好壞，是設(shè)計(jì)師技巧是否成熟的表現(xiàn)

二、版式的視覺流程38方向關(guān)系的流程強(qiáng)調(diào)邏輯，注重版面清晰的脈絡(luò)，似乎有一條線、一股氣貫穿其內(nèi)，使整個(gè)版面的運(yùn)動(dòng)趨勢有“主體旋律”，細(xì)節(jié)與主體猶如樹干和樹脂枝一樣和諧。方向關(guān)系流程較散點(diǎn)關(guān)系流程更具理性色彩。方向關(guān)系流程表現(xiàn)為以下幾種形式：

方向關(guān)系的流程強(qiáng)調(diào)邏輯，注重版面清晰的脈絡(luò)，似乎39方向關(guān)系流程：◆單項(xiàng)視覺流◆曲線的視覺流程◆重心的視覺流程◆反復(fù)的視覺流程◆導(dǎo)向的視覺流程方向關(guān)系流程：◆耗散視覺流程方向關(guān)系流程：◆單項(xiàng)視覺流方向關(guān)系流程：◆耗散視覺流程401、單向視覺流程◆豎向視覺流程豎向視覺流程－－堅(jiān)定、肯定橫向視覺流程－－穩(wěn)定、平靜斜向視覺流程－－沖擊力強(qiáng)、動(dòng)感及注目度高1、單向視覺流程豎向視覺流程－－堅(jiān)定、肯定41◆斜線視覺流程◆斜線視覺流程42◆橫向視覺流程◆橫向視覺流程432曲線視覺流程2曲線視覺流程443重心視覺流程3重心視覺流程453重心視覺流程3重心視覺流程464反復(fù)視覺流程4反復(fù)視覺流程474反復(fù)視覺流程4反復(fù)視覺流程485導(dǎo)向流程5導(dǎo)向流程495導(dǎo)向視覺流程5導(dǎo)向視覺流程505導(dǎo)向視覺流程5導(dǎo)向視覺流程515導(dǎo)向視覺流程5導(dǎo)向視覺流程526、散構(gòu)的視覺流程■指版面圖與圖、圖與文字間成分散狀態(tài)的編排?？芍^圖文的散構(gòu)或圖文的耗散性。■追求個(gè)性、自由隨機(jī)性、偶合性，強(qiáng)調(diào)空間和動(dòng)感，求新求刺激的心態(tài)，■隨意的編排形式,它沖擊著中國傳統(tǒng)的設(shè)計(jì)思想，傳統(tǒng)的排版方式，是新與舊、現(xiàn)代與傳統(tǒng)的文化沖擊。傳統(tǒng)設(shè)計(jì)思維:

嚴(yán)謹(jǐn)?shù)摹⑼暾?、秩序的、靜態(tài)的、理性的6、散構(gòu)的視覺流程嚴(yán)謹(jǐn)?shù)?、完整的、秩序的、靜態(tài)的、理性的536散點(diǎn)視覺流程6散點(diǎn)視覺流程546散點(diǎn)流程6散點(diǎn)流程55最佳視域最佳視域56前５項(xiàng)方向視覺流程-----理性編排方向視覺流程，注意各信息要素間的間隙大小若間隙大，節(jié)奏減慢，視覺流程顯舒展；而過分增大則失去聯(lián)系，彼此不能呼應(yīng)，視覺流程減