版式設(shè)計中點、線、面的構(gòu)成ppt課件

版式設(shè)計中點、線、面的構(gòu)成,版式設(shè)計中的元素包括點、線、面，它們都各自具有各自的形象，各不相同。要創(chuàng)造出形式多樣的形象可以使用以下幾種方法創(chuàng)造基本形來實現(xiàn)。,1,在版面構(gòu)成中，通過基本形的組合，可產(chǎn)生形與形之間的多種組合關(guān)系，這種關(guān)系主要有：1.分離：形與形之間不接觸，有一定距離。2.接觸：形與形之間邊緣正好相切。3.復(fù)疊：形與形之間是復(fù)疊關(guān)系，由此產(chǎn)生上下前后左右的空間關(guān)系。4.透疊：形與形之間透明性的相互交疊，但不產(chǎn)生上下前后的空間關(guān)系。,2,5.結(jié)合：形與形之間相互之間結(jié)合成為較大的新形狀。6.減缺：形與形之間相互覆蓋，覆蓋的地方被剪掉。7.差疊（交疊）：形與形之間相互交疊，交疊的地方產(chǎn)生新的形。8.重合：形與形之間相互重合，變?yōu)橐惑w。,3,一、版式設(shè)計（formatdesign）的概念二、版式設(shè)計的原則三、版式的基本類型四、版式設(shè)計的原理空間的編排構(gòu)成五、版式設(shè)計的視覺流程六、版式設(shè)計的形式法則七、版式設(shè)計中的文字編排構(gòu)成八、版式設(shè)計中的圖片編排構(gòu)成九、現(xiàn)代版式設(shè)計的發(fā)展趨勢,4,在視覺心理學(xué)家的研究表明，視覺運動是有規(guī)律的。一般表現(xiàn)為：一條垂直線在頁面上，會引導(dǎo)視線作上下的視覺流動；水平線會引導(dǎo)視線向左右的視覺流動；斜線比垂直線、水平線有更強的視覺訴求力，按線的方向作運動；矩形的視線流動是向四方發(fā)射的；圓形的視線流動是輻射狀的；三角形則隨著頂角之方向使視線產(chǎn)生流動；各種圖形從大到小漸層排列時，視線會強烈地按照排列方向流動。,五、版式設(shè)計的視覺流程,5,這種視覺在空間的流動線為“虛線”。正因為它虛，所以設(shè)計時容易被忽略。而有經(jīng)驗的設(shè)計師卻非常重視并善于運用這條貫穿版面的主線，可以說，視覺流程運用的好壞，是設(shè)計師技巧是否成熟的表現(xiàn)。,版式設(shè)計的視覺流程是一“種“空間的運動”，是視線隨各元素在空間沿一定軌跡運動的過程。,視覺流程的概念,6,視覺的一般流向,2視覺流程的一般規(guī)律,左右,上下,7,視覺注意力在平面中的分布,8,當然，這種視覺流程規(guī)律并不是一成不變的，設(shè)計師也可根據(jù)具體的需要重新設(shè)計新的視覺流程。一些有創(chuàng)造性的設(shè)計師，在設(shè)計時，他們常用“阻止”、不常用的程序去考慮設(shè)計作品的視覺敘述，以抓住主動因素讓觀者按照自己的誘導(dǎo)移向下一個內(nèi)容。所以，觀者的注意完全被設(shè)計師左右。這樣，設(shè)計師所要傳達的信息情感主動的傳遞與觀者，從而取得最佳的視覺傳播目的。,9,3.1視覺流程的邏輯性各視覺要素在版式設(shè)計中的安排，要符合人們觀察事物的心理順序和思維活動的邏輯順序。例如圖片所提供的信息比文字更具直觀性的特點，把它作為廣告版面的視覺中心，比較符合人們在觀察、認識事物過程中先感性后理性的順序。,3視覺流程運動中應(yīng)注意的事項,10,節(jié)奏作為一種形式的審美要素，不僅能提高人們的視覺興趣，而且在形式結(jié)構(gòu)上也利于視線的運動。它在構(gòu)成要素之間位置上要造成一定的節(jié)奏關(guān)系，使其有長有短，有急有緩，有疏有密，有曲有直形成心理的節(jié)奏，以提高觀眾的閱讀興趣。,3.2視覺流程的節(jié)奏性,11,通過對版式中視覺元素的編排，左右人們的視線，使其按照設(shè)計意圖進行順序流動，用以捕捉觀眾的視覺注意力。,3.3視覺流程的誘導(dǎo)性,12,4版式設(shè)計的視覺流程形式,4.1單向視覺流程4.2曲線視覺流程4.3焦點視覺流程4.4反復(fù)視覺流程4.5導(dǎo)向視覺流程4.6散點視覺流程4.7最佳視域,13,4.1單向視覺流程（直線視覺流程）,單向視覺流程使版面的流動線更為簡明，直接地訴求主題內(nèi)容，有簡潔而強烈的視覺效果。其表現(xiàn)為三種方向關(guān)系：豎向視覺流程堅定、直觀的感覺。橫向視覺流程給人穩(wěn)定、恬靜之感。斜向視覺流程以不穩(wěn)定的動態(tài)引起注意。,14,曲線是相對于直線的一種形式，有一定的弧度，包括弧線和折線，指各個視覺要素隨弧線或回旋線而運動變化形成的的視覺流程是曲線視覺流程。曲線視覺流程不如直線視覺流程直接明了，但更具有韻味、節(jié)奏和曲線美。曲線視覺流程的形式微妙而復(fù)雜，可概括為兩種形式：,4.2曲線視覺流程,15,弧線形（C形）視覺流程：有擴張感和方向感?；【€形視覺流程，使頁面具有很強的擴張性。回旋形（S形）視覺流程：兩個相反的弧線產(chǎn)生矛盾回旋線?；匦蝿萦X流程在平面中可增加深度和動感，使頁面產(chǎn)生更多層次，空間感增強。,16,焦點是視覺心理的焦點，在具體的處理上，一般沿著視覺焦點的傾向與力度，來發(fā)展視線的進程，集合瀏覽者的視線，完成視覺心理上的焦點建造?？梢岳斫鉃椋浩湟唬詮娏业男蜗蠡蛭淖终紦?jù)頁面某個位置，或文字獨具版面某個部位或完全充斥爭辦、其焦點的位置因具體畫面而定。在視覺流程上，首先是從版心焦點開始然后順眼形象的方向與力度傾向來發(fā)展實現(xiàn)的進程。其二，向心、離心的視覺運動也焦點是覺流程的表現(xiàn)、焦點的誘導(dǎo)六城市主體更為鮮明突出而強烈。,4.3焦點視覺流程,17,每個頁面中都有一個視覺焦點，這是需要重點處理的對象。焦點是否突出，和頁面版式編排、圖文的位置、色彩的運用有關(guān)，同時也與對“焦點”著力描寫有關(guān)。在視覺心理作用下，焦點視覺流程的運用使主題更為鮮明、強烈。按照主從關(guān)系的順序，使放大的主題形象成為視覺焦點，以此來表達主題思想。,18,指版面中相同或相似的視覺要素作規(guī)律、秩序、節(jié)奏的逐次運動。其運動流程不如單向、曲線和焦點流程運動強烈，但更富韻律和秩序美。,4.4反復(fù)視覺流程,19,通過誘導(dǎo)性視覺元素，主動引導(dǎo)讀者視線向一定方向作順序運動，按照由主及次的順序，把頁面各構(gòu)成要素依次串聯(lián)起來，形成一個有機整體，使重點突出，條理清晰，發(fā)揮最大的信息傳達功能。視覺導(dǎo)向元素有多種，有虛有實，表現(xiàn)多樣。如：文字導(dǎo)向、手勢導(dǎo)向、形象導(dǎo)向以及視線導(dǎo)向等。,4.5導(dǎo)向視覺流程,20,4.5.1文字導(dǎo)向“請按這里”、“點擊進入”等文字，是通過語義的表達產(chǎn)生理念上的導(dǎo)向作用。另外，也可以對文字進行圖形化處理，對瀏覽者產(chǎn)生自覺的視覺導(dǎo)向作用。,21,4.5.2手勢導(dǎo)向手勢導(dǎo)向比文字導(dǎo)向更容易理解，且更具有一種親和力。,22,4.5.3形象導(dǎo)向同手勢導(dǎo)向一樣容易理解，較常采用的形象為箭頭。形象導(dǎo)向具有簡潔明確的特點。,23,4.5.4視線導(dǎo)向一組人物、動物面向同一方向，會因共同的視線而一致起來。不同的物品方向一致，也可以產(chǎn)生統(tǒng)一感。如果將頁面中人物的視線對著物品，就會引導(dǎo)瀏覽者的視線集中到物品上。充分利用視線導(dǎo)向，可以使視覺元素之間的聯(lián)系加強，結(jié)構(gòu)更加緊湊。,24,4.6散點視覺流程,指版面各視覺要素之間成自由分散狀態(tài)的編排。散狀排列強調(diào)感性、自由隨機性、偶合性，強調(diào)空間和動感，追求新奇、刺激的心態(tài)，常表現(xiàn)為一種較隨意的編排形式。這種編排方式在國外平面設(shè)計中十分流行,而在國內(nèi)還偏重于相對規(guī)則、理性的版式效果。面對自由散點的版面，我們的視線隨版面圖像、文字作或上或下或左或右的自由移動閱讀的過程。這種閱讀過程不如直線、弧線等流程快捷，但更生動有趣，具有輕松隨意與慢節(jié)奏感。,25,版式設(shè)計中的重要信息或視覺流程的停留點安排在注目價值高的位置（即最佳視閾）。版面中不同的視域，注目程度不同，給人心理上的感受也不同。一般而言，上部給人輕快、漂浮、積極、高昂之感；下部給人壓抑、沉重、限制、低矮、穩(wěn)定的印象；左側(cè)，感覺輕便、自由、舒展，富于活力；右側(cè)，感覺緊促、局限卻又莊重之感。版面中最重要的信息，應(yīng)安排在注目率最高的頁面位置，這個位置便是頁面的最佳視域。,4.7最佳視閾,26,六、版式設(shè)計的形式法則,版式設(shè)計離不開藝術(shù)表現(xiàn)，美的形式原理是規(guī)范形式美感的基本法則。它是通過重復(fù)與交錯、節(jié)奏與韻律、對稱與均衡、對比與調(diào)和、虛實與留白等形式美構(gòu)成法則來規(guī)劃版面，把抽象美的觀點及內(nèi)涵訴諸讀者，并從中獲得美的教育和感受，它們之間是相輔相成、互為因果的，既對立又統(tǒng)一地共存于一個版面之中。,27,6.1單純與秩序6.2對比與調(diào)和6.3對稱與均衡6.4節(jié)奏與韻律6.5虛實與留白,28,6.1單純與秩序,單純化有兩個概念：基本形的簡練。編排結(jié)構(gòu)的簡明、單純。把握好這兩點是設(shè)計中的元素產(chǎn)生強烈視覺沖擊力與整體感的前提。,29,設(shè)計之前，面對一大堆圖片和文案資料，必須進行理性思考，采用邏輯思維的方法，對圖片資料進行大膽取舍，以設(shè)計出條例清晰、形式感強的視覺流程。如設(shè)計水平、垂直、傾斜和焦點的視覺流程形式，這些形式有助我們實現(xiàn)形式的單純化。單純化可使版面獲得完整感、秩序感、清晰感，最終實現(xiàn)良好的視覺效果；反之，則雜亂不堪，造成視覺傳達的障礙。秩序是指有條理、不混亂的情況。含有整齊守規(guī)則之意。版式設(shè)計中的秩序是指其中的各視覺元素有組織有規(guī)律的排列。它使版面具有單純的結(jié)構(gòu)和井然有序的組織。實質(zhì)上、編排越單純，版面整體性就越強、視覺沖擊力就越大；反之，編排流程秩序越復(fù)雜，整體形式及視覺沖擊力就起弱。所以強調(diào)秩序，首先得強調(diào)中純的結(jié)構(gòu)。,30,對比是差異性的強調(diào)，是將相同或相異的視覺元素做強弱對照編排所運用的形式手法，也是版面設(shè)計中取得強烈視覺效果最重要的手法。在版式設(shè)計中，無論是字與字、形與形、形與空間等，無處不存在對比關(guān)系。歸納起來有：主次、大小、明暗、黑白、強弱、粗細、疏密、高低、遠近、硬軟、曲直、濃淡、動靜、銳鈍、輕重等對形式，它們彼此之間相互滲透、并存。通常，在同一版面中，多種對比關(guān)系交融在一起。在對比關(guān)系中，對比越清晰鮮明，視覺效果就越強烈。,6.2對比與調(diào)和,31,調(diào)和是在類似或不同類的視覺元素之間尋找相互協(xié)調(diào)的因素，也是在對比的同時產(chǎn)生調(diào)和。所一，許多版面常表現(xiàn)為既對比又調(diào)和，兩者相互作用，不可分割。對比與調(diào)和，對比為強差異，產(chǎn)生沖突；調(diào)和為尋找共同點，緩和矛盾。兩者互為因果，共同營造版面的形式美感。,32,對稱與均衡是一對統(tǒng)一體，常表現(xiàn)為既對稱又均衡，它們都是求取視覺心理上的靜止和穩(wěn)定感。關(guān)于對稱與均衡可以從兩個方面來分析，即：對稱均衡和非對稱均衡。對稱均衡是指版面中心兩邊或四周的形具有相同公約量而形成的靜止狀態(tài)，也成為絕對對稱均衡。另外，上下或左右基本相等而略有變化，又稱相對對稱均衡。對絕對稱均衡給人更莊重、嚴肅之感，是高格調(diào)的表現(xiàn)，是古典主義版面設(shè)計風(fēng)格的表現(xiàn)。但處理不好，易單調(diào)、呆板。,6.3對稱與均衡,33,非對稱均衡是指版面中等量不等形，而求取心理上“量”的均衡狀態(tài)。非對稱均衡比對稱均衡更靈活生動，富于變化，是較為流行的均衡手段，有現(xiàn)代感的特征。,34,沃爾特佩特1說：“所有的藝術(shù)都在不斷地向著音樂的境界努力?！惫?jié)奏與韻律來自于音樂概念，也是版面設(shè)計常用的形式。節(jié)奏是均勻的重復(fù)，是在不斷重復(fù)中產(chǎn)生頻率節(jié)奏的變化，如心臟的跳動、季節(jié)的更替等都可視為是一種節(jié)奏。節(jié)奏的重復(fù)使單純的更單純、統(tǒng)一的更統(tǒng)一。另外，節(jié)奏變化小的為弱節(jié)奏，例如舒緩的小夜曲，變化大的為強節(jié)奏，如激烈的搖滾樂。,6.4節(jié)奏與韻律,35,韻律不是簡單的重復(fù)，而是比節(jié)奏要求更高的律動，就象音樂一樣，充滿情趣，好似重復(fù)之中有高音、低音的變化。版面設(shè)計中的韻律，是指其中的視覺要素（圖形、文字、色彩）在組織上合乎某種規(guī)律時所給與受眾的視覺和心理上的節(jié)奏感。靜態(tài)版面的韻律感主要建立在比例、輕重、緩急、反復(fù)、漸變等為基礎(chǔ)的形式規(guī)律之上。韻律是通過節(jié)奏的變化而產(chǎn)生的，如變化太多失去秩序時，也就破壞了韻律的美。,36,6.5虛實與留白,版面中的“虛”，可以是空白，也可是細弱的文字、圖形或色彩，這要依具體版面而定。為了強調(diào)主體，可有意搞其它部分削弱為虛，甚至以留白來襯托主體的實，所以、田白是版面“虛”處理中科特殊的手法。版面中的虛實關(guān)系為以虛襯實，實由虛托。,37,留白是指版面中未配置任何圖文的空間。在閱讀時，讀者一般將興趣投入到文字和圖片上，至于空間的留白，卻往往被忽略。從美學(xué)的意義上講，留白與文字和圖片具有同等重要的意義。沒有空白就難已很好地表現(xiàn)文字和圖片。在中國傳統(tǒng)美學(xué)中有“形得之于形外”和“既白當黑，既黑當白”之說。版面中巧妙得當?shù)亓舭?，是為了更好地烘托主題，渲染氣氛。版面留白量的多少，需根據(jù)所表現(xiàn)的具體內(nèi)容和空間環(huán)境而定。譬如，報刊雜志一類信息量大的讀物，空白少；而休閑抒情類的讀物或廣告，版面的留白率則高。,38,形式法則是創(chuàng)造美感畫面的主要手法。所有形式原，在表面上皆具又不同的特點和作用，但在實際應(yīng)用上都是相關(guān)注而共同為用的。在上述法則中，從單純與秩序中，可獲得整體與完美的組織；從對稱與均衡中，可獲得穩(wěn)定的因素；在韻律和節(jié)奏里，則可產(chǎn)生樂感和情調(diào)。同時，對比產(chǎn)生強調(diào)的效應(yīng)，和諧是統(tǒng)一整體的要素；而留白則位版面獲得莊重和空間感?？梢哉f，編排的形式法則，既幫助設(shè)計師克服了設(shè)計中的盲目性，亦為設(shè)計作品提供了強省力的依據(jù)，豐富設(shè)計的內(nèi)涵。,39,第一步：深入理解資料：在版面設(shè)計之前，需要對文字、圖形進行必要的理解和分析，為后期設(shè)計風(fēng)格和排列方式等提供必要的思維理論依據(jù)。第二步：對信息進行分類：把理解的文字段分成層級和內(nèi)容，把圖片歸納成幾個類別和大小，并為其分配相應(yīng)的空間和大小位置。第三步：勾畫思路草圖：把前面理解和分類的文字段進行初步整合，用草圖勾畫各種方案，在基本規(guī)格拍板上建立一個叫可行的形勢和結(jié)構(gòu)，把構(gòu)想進行視覺形象化。,版式設(shè)計的基本步驟,40,第四步：初排元素關(guān)系：完成草稿后，資料進土電腦實質(zhì)性的初排、檢驗圖片、文字元素占用的基本空間，對文字屬性、版面顏色等元素進行系