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

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