藝術(shù)設(shè)計(jì)必修課：平面設(shè)計(jì) 課件 第5章 平面設(shè)計(jì)的版式設(shè)計(jì)

平面設(shè)計(jì)的

版式設(shè)計(jì)第五章通過前面幾章的學(xué)習(xí)，我們了解了平面設(shè)計(jì)最基本的構(gòu)成要素，本章我們將學(xué)習(xí)如何將這些要素通過合理的布置，變成好看的版面。想要看起來布局精美，需要掌握版式設(shè)計(jì)的技巧，它可以幫助我們更加快速、準(zhǔn)確地呈現(xiàn)出較為優(yōu)秀的作品。內(nèi)容概覽01一、版式設(shè)計(jì)基本要素三、版式設(shè)計(jì)方法與技巧二、版式設(shè)計(jì)構(gòu)圖手法一、版式設(shè)計(jì)基本要素了解版式構(gòu)成的三要素及其特點(diǎn)。學(xué)習(xí)目標(biāo)掌握平面設(shè)計(jì)作品營(yíng)造空間感的方法。學(xué)習(xí)重點(diǎn)線：在幾何領(lǐng)域中，線屬于一種具備長(zhǎng)度和位置的幾何要素。其既不存在寬度與厚度，也不存在面積大小的區(qū)別。點(diǎn)：點(diǎn)的定義相對(duì)靈活，它可以是一個(gè)極小的圖形、一個(gè)單獨(dú)的字符、一個(gè)小的圖標(biāo)、一個(gè)標(biāo)點(diǎn)符號(hào)，甚至是畫面中一個(gè)相對(duì)較小的視覺元素。面：任何畫面均由圖和底兩部分構(gòu)成，其中最能吸引注意力的部分是“圖”（比如圖形、圖像等），也稱作正形；圖周邊的部分為“底”（例如底面、底色等），也稱為負(fù)形。0102031.構(gòu)成三要素一、版式設(shè)計(jì)基本要素一、版式設(shè)計(jì)基本要素圖形圖形是傳遞信息的重要表現(xiàn)方式，也是引導(dǎo)讀者閱讀作品內(nèi)容的重要視覺工具。所以，圖形的視覺表現(xiàn)力影響著作品的視覺效果，也影響著是否能給讀者留下深刻的印象。2.視覺

要素文字文字作為信息主體，其設(shè)計(jì)形式除了要能表達(dá)作品內(nèi)容外，還要能傳遞情感。通過改變字體的樣式、色彩或編排形式，營(yíng)造出多姿多彩的版面效果。色彩在版式設(shè)計(jì)中，色彩最能展現(xiàn)作品的情感，從而引導(dǎo)讀者的情緒。色彩相比文字和圖形，能帶來更為強(qiáng)烈的視覺感，是讀者第一眼就能看到的要素。一、版式設(shè)計(jì)基本要素前實(shí)后虛是將文字進(jìn)行疊壓后，對(duì)下層文字進(jìn)一步虛化，制造空間關(guān)系。注意如果文字太虛，可能會(huì)影響識(shí)別度，建議將完整文字放置在其他位置，以保持信息的完整性。3.空間要素01前后遮擋03增加厚度02以小見大04變形改變透視一、版式設(shè)計(jì)基本要素前實(shí)后虛是將文字進(jìn)行疊壓后，對(duì)下層文字進(jìn)一步虛化，制造空間關(guān)系。注意如果文字太虛，可能會(huì)影響識(shí)別度，建議將完整文字放置在其他位置，以保持信息的完整性。3.空間要素05虛化、模糊處理06采用折射、反射二、版式設(shè)計(jì)構(gòu)圖手法了解版式設(shè)計(jì)的構(gòu)圖手法有哪些。學(xué)習(xí)目標(biāo)掌握版式設(shè)計(jì)中不同構(gòu)圖手法的應(yīng)用。學(xué)習(xí)重點(diǎn)二、版式設(shè)計(jì)構(gòu)圖手法前實(shí)后虛是將文字進(jìn)行疊壓后，對(duì)下層文字進(jìn)一步虛化，制造空間關(guān)系。注意如果文字太虛，可能會(huì)影響識(shí)別度，建議將完整文字放置在其他位置，以保持信息的完整性。1.對(duì)角線構(gòu)圖由于我們的閱讀方式是從左至右的，所以當(dāng)我們?cè)谧鰧?duì)角線構(gòu)圖時(shí)，可以優(yōu)先考慮從左上角開始延伸至右下角。因?yàn)檫@樣更符合正常的閱讀習(xí)慣。當(dāng)然反過來從右上角至左下角也完全可以，它們產(chǎn)生的效果都是一樣的。二、版式設(shè)計(jì)構(gòu)圖手法前實(shí)后虛是將文字進(jìn)行疊壓后，對(duì)下層文字進(jìn)一步虛化，制造空間關(guān)系。注意如果文字太虛，可能會(huì)影響識(shí)別度，建議將完整文字放置在其他位置，以保持信息的完整性。2.交叉構(gòu)圖交叉構(gòu)圖中交叉的方式除了對(duì)角線交叉形成一個(gè)X形構(gòu)圖之外，還有一種十字形構(gòu)圖。X形構(gòu)圖由于斜線的存在，動(dòng)感更強(qiáng)，而十字形構(gòu)圖給人的感覺會(huì)更加穩(wěn)重一些。二、版式設(shè)計(jì)構(gòu)圖手法前實(shí)后虛是將文字進(jìn)行疊壓后，對(duì)下層文字進(jìn)一步虛化，制造空間關(guān)系。注意如果文字太虛，可能會(huì)影響識(shí)別度，建議將完整文字放置在其他位置，以保持信息的完整性。3.向心式構(gòu)圖/放射式構(gòu)圖向心式構(gòu)圖能突出主體，強(qiáng)調(diào)核心地位，營(yíng)造穩(wěn)定、和諧的氛圍，適用于表現(xiàn)重要主體，使畫面元素緊湊，增強(qiáng)視覺沖擊力。放射式構(gòu)圖能產(chǎn)生強(qiáng)烈動(dòng)感和張力，創(chuàng)造出充滿活力和動(dòng)態(tài)的效果，常用于表現(xiàn)能量釋放、光芒四射、快速運(yùn)動(dòng)等場(chǎng)景。二、版式設(shè)計(jì)構(gòu)圖手法包圍式構(gòu)圖與向心式構(gòu)圖和放射式構(gòu)圖的表現(xiàn)形式和作用相似，都具有突出主體的作用。但包圍式構(gòu)圖因?yàn)闆]有實(shí)際或虛擬的線條做視線引導(dǎo)，所以很難界定其是向內(nèi)收還是向外放的。包圍式構(gòu)圖可以是以文字包圍圖片或圖形元素，也可以是圖片或圖形元素包圍文字的形式。當(dāng)然，如果一張圖片或圖形都沒有的話，也可以使用文字包圍文字的形式。4.包圍式構(gòu)圖二、版式設(shè)計(jì)構(gòu)圖手法前實(shí)后虛是將文字進(jìn)行疊壓后，對(duì)下層文字進(jìn)一步虛化，制造空間關(guān)系。注意如果文字太虛，可能會(huì)影響識(shí)別度，建議將完整文字放置在其他位置，以保持信息的完整性。5.左右構(gòu)圖進(jìn)行左右構(gòu)圖設(shè)計(jì)時(shí)，可以根據(jù)版面內(nèi)容的信息量劃分畫面的空間，常用的版面分割比例有：1∶1、1∶1.618、1∶1.414、1∶2、1∶3等。二、版式設(shè)計(jì)構(gòu)圖手法前實(shí)后虛是將文字進(jìn)行疊壓后，對(duì)下層文字進(jìn)一步虛化，制造空間關(guān)系。注意如果文字太虛，可能會(huì)影響識(shí)別度，建議將完整文字放置在其他位置，以保持信息的完整性。6.曲線構(gòu)圖在曲線構(gòu)圖中，畫面中的元素沿著曲線的軌跡進(jìn)行分布或排列。曲線可以是規(guī)則的，如圓弧、拋物線等，也可以是不規(guī)則的、自然流暢的形態(tài)。曲線構(gòu)圖的優(yōu)勢(shì)在于它能夠引導(dǎo)觀眾的視線沿著曲線的走向移動(dòng)，從而增加畫面的吸引力和耐看性。曲線的優(yōu)美形態(tài)能夠?yàn)楫嬅鎺砣岷?、靈動(dòng)的感覺，使整個(gè)畫面充滿生機(jī)與活力。二、版式設(shè)計(jì)構(gòu)圖手法01三角形構(gòu)圖02四邊形構(gòu)圖03圓形構(gòu)圖7.幾何形構(gòu)圖二、版式設(shè)計(jì)構(gòu)圖手法前實(shí)后虛是將文字進(jìn)行疊壓后，對(duì)下層文字進(jìn)一步虛化，制造空間關(guān)系。注意如果文字太虛，可能會(huì)影響識(shí)別度，建議將完整文字放置在其他位置，以保持信息的完整性。8.黃金分割構(gòu)圖黃金分割指的是把任意長(zhǎng)度的直線分割成兩部分，使得其中一部分與全長(zhǎng)的比值等于另一部分與這部分的比值，其比例是1∶1.618。因?yàn)槿藗兤毡橛X得這種比例在藝術(shù)造型中具有美學(xué)價(jià)值，所以將其稱作黃金分割比。三、版式設(shè)計(jì)方法與技巧了解版式設(shè)計(jì)常用的手法與技巧。學(xué)習(xí)目標(biāo)掌握版式設(shè)計(jì)手法與技巧的應(yīng)用。學(xué)習(xí)重點(diǎn)三、版式設(shè)計(jì)方法與技巧手稿型網(wǎng)格手稿網(wǎng)格是一個(gè)矩形框，多以文字或者圖片填充頁面空間。除了常出現(xiàn)在傳統(tǒng)書籍刊中，在新聞?lì)惖幕ヂ?lián)網(wǎng)產(chǎn)品中也較常出現(xiàn)。多欄網(wǎng)格多欄網(wǎng)格比手稿型網(wǎng)格更靈活，因?yàn)榫W(wǎng)格越多，靈活性越強(qiáng)，內(nèi)容可以跨欄放置，每欄可單獨(dú)使用，欄與欄可以組合使用。模塊化網(wǎng)格由橫欄和列欄相互疊加形成一個(gè)一個(gè)的模塊，當(dāng)需要設(shè)計(jì)比較復(fù)雜的布局時(shí)，模塊化網(wǎng)格為頁面提供了靈活的內(nèi)容格式，它能更加有秩序地排列內(nèi)容，靈活性比較強(qiáng)。1.運(yùn)用網(wǎng)格三、版式設(shè)計(jì)方法與技巧前實(shí)后虛是將文字進(jìn)行疊壓后，對(duì)下層文字進(jìn)一步虛化，制造空間關(guān)系。注意如果文字太虛，可能會(huì)影響識(shí)別度，建議將完整文字放置在其他位置，以保持信息的完整性。重復(fù)版面中的任何元素，包括文字、圖形、色彩、形狀等，都可以加強(qiáng)版面的統(tǒng)一性，并增強(qiáng)視覺效果2.善用重復(fù)3.利用對(duì)比制造焦點(diǎn)對(duì)比可以體現(xiàn)在多個(gè)方面，比如色彩的對(duì)比、大小對(duì)比、形狀對(duì)比、材質(zhì)對(duì)比、虛實(shí)對(duì)比、疏密對(duì)比等。三、版式設(shè)計(jì)方法與技巧前實(shí)后虛是將文字進(jìn)行疊壓后，對(duì)下層文字進(jìn)一步虛化，制造空間關(guān)系。注意如果文字太虛，可能會(huì)影響識(shí)別度，建議將完整文字放置在其他位置，以保持信息的完整性。4.巧用留白留白能夠營(yíng)造簡(jiǎn)潔和純凈的視覺效果。通過減少元素的堆砌，給予畫面適當(dāng)?shù)目瞻?，使整體顯得更加清爽、高雅，避免了過度繁雜帶來的視覺疲勞。三、版式設(shè)計(jì)方法與技巧前實(shí)后虛是將文字進(jìn)行疊壓后，對(duì)下層文字進(jìn)一步虛化，制造空間關(guān)系。注意如果文字太虛，可能會(huì)影響識(shí)別度，建議將完整文字放置在其他位置，以保持信息的完整性。當(dāng)版面中的信息較多時(shí)，可以盡量將有關(guān)聯(lián)的元素放在一起，形成比較完整的視覺效果。5.統(tǒng)一關(guān)聯(lián)元素6.善用指示性元素指示性元素指的是一些能夠憑借人物動(dòng)作、人物視線、邏輯指向等方面的因素，使人的視線朝著某一方向移動(dòng)的元素。三、版式設(shè)計(jì)方法與技巧前實(shí)后虛是將文字進(jìn)行疊壓后，對(duì)下層文字進(jìn)一步虛化，制造空間關(guān)系。注意如果文字太虛，可能會(huì)影響識(shí)別度，建議將完整文字放置在其他位置，以保持信息的完整性。7.根據(jù)需求調(diào)節(jié)版面重心版面中最為突出的視覺元素即為視覺重心。在版式設(shè)計(jì)過程中，為了能夠滿足某些特殊的視覺需要或者情感表達(dá)，可以對(duì)版面重心進(jìn)行調(diào)節(jié)，從而實(shí)現(xiàn)預(yù)期的設(shè)計(jì)目標(biāo)。三、版式設(shè)計(jì)方法與技巧前實(shí)后虛是將文字進(jìn)行疊壓后，對(duì)下層文字進(jìn)一步虛化，制造空間關(guān)系。注意如果文字太虛，可能會(huì)影響識(shí)別度，建議將完整文字放置在其他位置，以保持信息的完整性。文字或圖形采用統(tǒng)一的方向排列，會(huì)讓畫面看起來簡(jiǎn)潔，容易閱讀，但如果想讓版面多一些變化，可以嘗試改變統(tǒng)一的排列方向，使用橫豎混排的手法，在視覺上形成對(duì)比感，