《版式設(shè)計(jì)》藝術(shù)設(shè)計(jì)專業(yè)全套教學(xué)課件

版式設(shè)計(jì)版式設(shè)計(jì)概述版式設(shè)計(jì)的基礎(chǔ)知識(shí)文字的組合編排圖片的編排版式設(shè)計(jì)中的網(wǎng)格與色彩不同形式的版式設(shè)計(jì)版式設(shè)計(jì)與印刷版式設(shè)計(jì)的具體運(yùn)用全套可編輯PPT課件第一章版式設(shè)計(jì)概述目錄02版式設(shè)計(jì)的原則01版式設(shè)計(jì)的概念、目的及意義03版式設(shè)計(jì)的基本流程01版式設(shè)計(jì)的概念、目的及意義一、版式設(shè)計(jì)的概念版式設(shè)計(jì)是現(xiàn)代設(shè)計(jì)的重要組成部分，是視覺傳達(dá)的重要手段。它是在有限的版面空間里將諸多視覺要素，如圖片、圖形、文字和色彩等，根據(jù)版面內(nèi)容的需要進(jìn)行有組織、有秩序的編排組合，使畫面產(chǎn)生新的形象和風(fēng)貌。版式設(shè)計(jì)應(yīng)用范圍廣泛，涉及書刊、報(bào)紙、雜志、招貼、廣告等領(lǐng)域。一、版式設(shè)計(jì)的概念一、版式設(shè)計(jì)的概念二、版式設(shè)計(jì)的目的版式設(shè)計(jì)的目的在于通過合理的組織和編排，突出版面主題，有效傳達(dá)信息，并以版面特有的藝術(shù)感染力吸引觀賞者注意。02版式設(shè)計(jì)的原則設(shè)計(jì)主題一般位于版面的重點(diǎn)視覺區(qū)域，是版面的精髓所在。設(shè)計(jì)主題的合理編排能使版面在有效傳達(dá)視覺信息的同時(shí)，還具備形式美感，能最大限度地提升版面吸引力。一、突出設(shè)計(jì)主題放大主體形象，使其成為視覺重心通過留白突出主體形象形式與內(nèi)容的統(tǒng)一是版式設(shè)計(jì)的前提。這就要求設(shè)計(jì)師對(duì)視覺要素的整合、編排必須符合設(shè)計(jì)主題，通過完美、新穎的形式表達(dá)主題，提升版面的悅目度。二、形式與內(nèi)容的統(tǒng)一形式與內(nèi)容的統(tǒng)一欣賞下列各類創(chuàng)意的廣告設(shè)計(jì)，思考并討論設(shè)計(jì)師如何實(shí)現(xiàn)了形式與內(nèi)容的統(tǒng)一？三、優(yōu)化整體布局通過標(biāo)題文字的貫穿編排，使頁(yè)面左右聯(lián)系起來(lái)主體圖片、背景圖片和文字融為一體，使版面顯得緊致、飽滿03版式設(shè)計(jì)的基本流程一、版式信息定位→（一）讀者群體定位讀者群體定位是首先要解決的問題。應(yīng)先明確該出版物或商品所要面向的大眾群體，根據(jù)這類群體的年齡、喜好等特點(diǎn)來(lái)確定版式的定位，才能更好、更有效地傳達(dá)信息。充滿時(shí)尚氣息的雜志版面設(shè)計(jì)一、版式信息定位→（一）讀者群體定位中老年雜志字體較大，版面簡(jiǎn)潔、大方一、版式信息定位→（二）主題內(nèi)容定位除了對(duì)讀者群體進(jìn)行定位外，還需對(duì)版面的主題內(nèi)容定位。只有明確了版面主題內(nèi)容，才能根據(jù)主題選擇適合的元素，才能進(jìn)行更準(zhǔn)確、更恰當(dāng)?shù)木幣旁O(shè)計(jì)二、信息傳達(dá)定位在確定了讀者群體和版面主題內(nèi)容后，緊接著就需要明確設(shè)計(jì)主旨，確保版面信息的準(zhǔn)確傳達(dá)。版面簡(jiǎn)潔，形象生動(dòng)圖統(tǒng)一色調(diào)明確設(shè)計(jì)主旨三、確認(rèn)設(shè)計(jì)方案與版面風(fēng)格版面風(fēng)格的形成實(shí)際上是一個(gè)主動(dòng)、有意識(shí)的方案實(shí)施過程。它作為版面的整體表現(xiàn)形式，最終以直觀的模式呈現(xiàn)在大眾面前。四、手繪草圖，完成制作稿在確定了版式信息定位、信息傳達(dá)定位及設(shè)計(jì)方案和版面風(fēng)格后，就可以進(jìn)入實(shí)際的設(shè)計(jì)階段。第一章謝謝觀賞！第二章版式設(shè)計(jì)的基礎(chǔ)知識(shí)目錄02版式設(shè)計(jì)的視覺流程01版式設(shè)計(jì)的構(gòu)圖元素01版式設(shè)計(jì)的構(gòu)圖元素一、點(diǎn)的編排構(gòu)成點(diǎn)是視覺設(shè)計(jì)的最小單位，越小的形越容易被認(rèn)為是點(diǎn)，所以，點(diǎn)是相對(duì)于其他元素的比例而言的。在版式設(shè)計(jì)中，點(diǎn)的形態(tài)多種多樣，它可以是一個(gè)字母，也可以是一個(gè)標(biāo)點(diǎn)符號(hào)，其不同的構(gòu)成形式、大小和數(shù)量都能形成不同的視覺效果。設(shè)計(jì)師應(yīng)根據(jù)設(shè)計(jì)需要和版面效果靈活處理。一、點(diǎn)的編排構(gòu)成→（一）點(diǎn)的構(gòu)成與表現(xiàn)→1．點(diǎn)的視覺張力將版面中的點(diǎn)元素以不同的形式進(jìn)行排列，利用點(diǎn)與空間的相互作用，使版面呈現(xiàn)出相應(yīng)的視覺張力。一、點(diǎn)的編排構(gòu)成→（一）點(diǎn)的構(gòu)成與表現(xiàn)→2．點(diǎn)的線化當(dāng)多點(diǎn)按照某個(gè)路徑排列就會(huì)形成線的感覺，這便是點(diǎn)的線化。點(diǎn)的線化能平衡版面構(gòu)成，使版面具有充滿動(dòng)感的視覺效果。點(diǎn)的面化是將點(diǎn)按照平面或曲面進(jìn)行排列，同時(shí)可以有大小、深淺的變化。點(diǎn)的面化能增強(qiáng)版面層次感，有利于信息的直觀表達(dá)，使版面更形象，更富有立體感。一、點(diǎn)的編排構(gòu)成→（一）點(diǎn)的構(gòu)成與表現(xiàn)→3．點(diǎn)的面化一、點(diǎn)的編排構(gòu)成→（二）點(diǎn)的編排方式→1．密集型編排密集型編排就是數(shù)量眾多的點(diǎn)以聚集的方式進(jìn)行編排，使版面具有較強(qiáng)的視覺注目度。一、點(diǎn)的編排構(gòu)成→（二）點(diǎn)的編排方式→2．分散型編排分散型編排是將多個(gè)點(diǎn)元素以散構(gòu)的形式分布在版面的各個(gè)角落，使畫面呈現(xiàn)出擴(kuò)散、飽滿的視覺效果。觀察下面幾幅圖片，說一說每幅圖片都是以點(diǎn)的哪種形式表現(xiàn)的。二、線的編排構(gòu)成→（一）線的構(gòu)成與表現(xiàn)→1．線的情感線的表現(xiàn)形式豐富多樣，不同的線型傳達(dá)的情感也不一樣。線的形式主要分為直線和曲線兩種，直線包括斜線、垂直線和水平線等，曲線主要包括幾何曲線和自由曲線。二、線的編排構(gòu)成→（一）線的構(gòu)成與表現(xiàn)→1．線的情感

線的斜線在視覺空間中具有強(qiáng)烈的失衡感，給人不穩(wěn)定的感覺，但在方位上呈現(xiàn)出向上或向下的運(yùn)動(dòng)感，充滿了活力；垂直線筆直堅(jiān)挺，給人以嚴(yán)肅、堅(jiān)毅之感；水平線給人無(wú)限遼闊的視覺感受，帶給觀賞者穩(wěn)重、平靜和強(qiáng)烈的安全感。二、線的編排構(gòu)成→（一）線的構(gòu)成與表現(xiàn)→1．線的情感常見的幾何曲線有弧線、S形線和O形線等，在版式設(shè)計(jì)中，這類線條給人以明顯的約束感，但會(huì)使版面整體呈現(xiàn)出飽滿、圓滑的視覺效果；自由曲線在形態(tài)上沒有固定的外形和結(jié)構(gòu)，常表現(xiàn)出強(qiáng)烈的隨機(jī)性，使畫面展現(xiàn)出明朗、流暢的空間個(gè)性。二、線的編排構(gòu)成→（一）線的構(gòu)成與表現(xiàn)→2．線的節(jié)奏節(jié)奏是指一種有規(guī)律的跳動(dòng)，版面元素的重復(fù)、漸變、放射、聚散等變化都能形成節(jié)奏感。版式設(shè)計(jì)中常用文字來(lái)構(gòu)成線條，文字在大小、方向等方面的改變構(gòu)成了線條有節(jié)奏的運(yùn)動(dòng)，使版面充滿節(jié)奏感。二、線的編排構(gòu)成→（一）線的構(gòu)成與表現(xiàn)→3．線的空間線還具有方向性、流動(dòng)性、延續(xù)性和空間性。線條的起伏蕩漾能產(chǎn)生視覺上的深度和廣度，使畫面具有強(qiáng)烈的視覺表現(xiàn)力和爆發(fā)力。二、線的編排構(gòu)成→（二）線的編排方式→1．版面的分割與引導(dǎo)（1）量的分割量的分割是指運(yùn)用線條將版面切割成等量或不等量的區(qū)域，隨后將視覺要素，如圖形、文字等，排列到預(yù)先設(shè)定好的區(qū)域內(nèi)，使版面中的圖文信息得到合理分配，從而打造出科學(xué)化的版式結(jié)構(gòu)。等量分割后的版面在形狀和面積上大致相等，這種版式結(jié)構(gòu)較為嚴(yán)謹(jǐn)，給人一種和諧、統(tǒng)一的視覺效果。二、線的編排構(gòu)成→（二）線的編排方式→1．版面的分割與引導(dǎo)（1）量的分割不等量版面分割由于沒有形的限制，表現(xiàn)出更強(qiáng)的結(jié)構(gòu)靈活性和編排自由性，給人一種秩序上的平衡美感。二、線的編排構(gòu)成→（二）線的編排方式→1．版面的分割與引導(dǎo)（2）圖文分割為了將包含大量圖片和文字的版面進(jìn)行有效的布局，可以采用線條切割的方式，在版式結(jié)構(gòu)上準(zhǔn)確地區(qū)分圖片和文字兩種視覺元素。二、線的編排構(gòu)成→（二）線的編排方式→1．版面的分割與引導(dǎo)（3）線的引導(dǎo)作用線還可以引導(dǎo)人們的視線按照一定的方向進(jìn)行移動(dòng)，使版面元素聯(lián)系更緊密，閱讀更流暢。需要注意的是，線的指示位置一定要明確，不然很難讓人理解；同時(shí)還要統(tǒng)一線的角度和長(zhǎng)度，盡量使其保持一致，以使版面顯得更加整齊、統(tǒng)一。二、線的編排構(gòu)成→（二）線的編排方式→2．線框的運(yùn)用（1）版面的分割與限定線框還影響著版面結(jié)構(gòu)，通過線框的組織和限定，將版面元素進(jìn)行規(guī)則設(shè)計(jì)，使版面更加穩(wěn)定，具有很強(qiáng)的理性秩序感，使閱讀更流暢。利用線框?qū)Π婷婵臻g進(jìn)行分割和限定，能使版面具有一種被限制的緊張感，并使版面劃分出明確的閱讀區(qū)域，提高閱讀效率。二、線的編排構(gòu)成→（二）線的編排方式→2．線框的運(yùn)用（2）線框的強(qiáng)調(diào)與裝飾作用線框使被分割和限定的內(nèi)容在線框的范圍內(nèi)產(chǎn)生緊張感，增強(qiáng)其視覺表現(xiàn)力，進(jìn)而引起觀賞者的注意?！€框在強(qiáng)調(diào)信息的同時(shí)也起著裝飾版面的作用，因此對(duì)線框樣式的選擇也是非常重要的。優(yōu)美的線框能吸引觀賞者的注意力并使版面美觀。?二、線的編排構(gòu)成→（二）線的編排方式→2．線框的運(yùn)用（3）線框的粗、細(xì)線框的粗細(xì)不同，給人的視覺感受也不一樣，同樣會(huì)影響版面的視覺效果。一般來(lái)講，粗而實(shí)的線框有很強(qiáng)的強(qiáng)調(diào)和限制意味，增強(qiáng)視覺注視度，版面顯得穩(wěn)重、大氣。二、線的編排構(gòu)成→（二）線的編排方式→2．線框的運(yùn)用（3）線框的粗、細(xì)細(xì)而虛的線框則給人一種輕快而富有彈性的印象，與版面的其他元素沒有太強(qiáng)烈的對(duì)比，使其很容易融入版面的整體結(jié)構(gòu)中。觀察下列幾幅圖片，說出圖中的線元素分別運(yùn)用了哪種構(gòu)成和編排方式？三、面的編排構(gòu)成→（一）面的構(gòu)成與表現(xiàn)面可以理解為線移動(dòng)的軌跡和線的密集形態(tài)，也可以理解為點(diǎn)的放大、集中和重復(fù)。在二維空間中，面是表情最豐富的元素，它通過形狀、大小、虛實(shí)、色彩的變化帶來(lái)不同的情感體驗(yàn)。面在版式中具有平衡、豐富空間層次，烘托及深化主題的作用。規(guī)則形態(tài)的面具有明確的形狀。三、面的編排構(gòu)成→（一）面的構(gòu)成與表現(xiàn)不規(guī)則形態(tài)的面具有隨機(jī)性與偶然性，給人以自由、灑脫的視覺感受。三、面的編排構(gòu)成→（一）面的構(gòu)成與表現(xiàn)→1．面的分割構(gòu)成將一張圖片或多張圖片進(jìn)行分割，使其整齊有序地排列在版面上。這樣分割編排的版面極具整體感和秩序感，給人獨(dú)特、新穎、高級(jí)的視覺效果。三、面的編排構(gòu)成→（一）面的構(gòu)成與表現(xiàn)→2．面的情感構(gòu)成面可以用來(lái)塑造多重情感，展現(xiàn)出不同的性格和豐富的內(nèi)涵，帶給人穩(wěn)重、強(qiáng)勢(shì)、開闊、立體、飽滿、積極和消極等視覺感受。四、點(diǎn)線面的混排一個(gè)完整的版式設(shè)計(jì)是點(diǎn)、線、面的有機(jī)結(jié)合。點(diǎn)的流向編排就形成了線，線的密集排列形成面。點(diǎn)、線、面是相對(duì)而言的，主要根據(jù)它們?cè)诋嬅嬷械谋壤P(guān)系決定。五、版面空間構(gòu)成→（一）比例關(guān)系形成的空間層次比例關(guān)系的空間層次是由構(gòu)成元素的面積大小所形成的。在版式編排時(shí)應(yīng)將主體形象放大，次要形象縮小，使版式形成良好的主次、強(qiáng)弱的空間層次關(guān)系，使版面富有立體感。五、版面空間構(gòu)成→（二）位置關(guān)系形成的空間層次位置關(guān)系的空間層次是由文字與圖形的前后、上下排列產(chǎn)生的。版式編排時(shí)應(yīng)將重要的信息安排在注目度高的位置，其他信息則編排在注目度相對(duì)較低的位置，從而形成版面的空間層次感。通過對(duì)版面元素的疊壓編排，也能形成很強(qiáng)的層次感，但信息的注目度卻相對(duì)較低。五、版面空間構(gòu)成→（三）色調(diào)明暗關(guān)系形成的空間層次色調(diào)明暗關(guān)系的空間層次是由色調(diào)的黑白灰所形成的遠(yuǎn)、中、近的空間層次。黑白灰不僅表示無(wú)彩色，在有彩色系中，色調(diào)間的關(guān)系（如純度、明度等）也屬于黑白灰的空間層次。黑色代表陰影，白色代表高光，灰色則代表所有的中間色。五、版面空間構(gòu)成→（四）肌理形成的空間層次肌理空間層次主要表現(xiàn)為肌理的粗細(xì)、質(zhì)感與色彩的變化，它能使平面拉大層次，使版面富有立體感。說一說下面圖片分別從哪些方面使畫面形成了空間層次感。02版式設(shè)計(jì)的視覺流程橫向視覺流程又稱水平視覺流程，是通過版面元素的有序排列，引導(dǎo)視線在水平線上左右移動(dòng)，它是最符合人們閱讀習(xí)慣的流程安排。橫向視覺流程使版面構(gòu)圖趨向于平穩(wěn)，給人帶來(lái)一種穩(wěn)定感與平和感。一、單向視覺流程→（一）橫向視覺流程縱向視覺流程使版面具有很強(qiáng)的穩(wěn)定性，給人一種直觀、堅(jiān)定的感受。一、單向視覺流程→（二）縱向視覺流程斜向視覺流程給人一種不穩(wěn)定的心理感受，具有強(qiáng)烈的視覺沖擊力，能有效地吸引觀賞者的注意力。一、單向視覺流程→（三）斜向視覺流程人們觀看一個(gè)版面時(shí)，視線最終停留的位置就是視覺的重心，它是版面中最具吸引力的地方。重心視覺流程使版面產(chǎn)生強(qiáng)烈的視覺焦點(diǎn)，具有穩(wěn)定版式的效果，使設(shè)計(jì)主題更為鮮明。二、重心視覺流程指示性視覺流程是在版面中添加某一類具有指示導(dǎo)向作用的元素，如誘導(dǎo)性的文字、方向性的箭頭或手勢(shì)，以及人物的視線等，使版面具有清晰的脈絡(luò)關(guān)系，富有條理性和邏輯性。三、導(dǎo)向視覺流程→（一）指示性視覺流程文字、箭頭的導(dǎo)向效果更為直觀、明了人物視線的導(dǎo)向效果內(nèi)斂而不張揚(yáng)三、導(dǎo)向視覺流程→（二）十字形視覺流程十字形視覺流程是在版面上制造交叉性的構(gòu)圖形式，既可以是垂直線和水平線的交叉，也可以是斜線的交叉，將讀者的視線從版面四周以類似十字架的方式向版面中心集中，以達(dá)到突出重點(diǎn)、穩(wěn)定版面的效果。三、導(dǎo)向視覺流程→（三）放射式視覺流程放射式視覺流程是在版面上確定一個(gè)視覺中心，用文字或點(diǎn)、線等元素來(lái)引導(dǎo)視線，將版面的多種元素集中到這一個(gè)中心點(diǎn)上，達(dá)到畫面統(tǒng)一的視覺效果，使版面虛實(shí)相生，富有動(dòng)感。四、反復(fù)視覺流程反復(fù)視覺流程是以相同或相似的元素在版面中反復(fù)排列，形成視覺上的重復(fù)感。它增強(qiáng)了圖形的識(shí)別性和畫面的生動(dòng)感，形成了畫面的統(tǒng)一性和連續(xù)性，給人整齊、穩(wěn)定、有規(guī)律的感覺，增添了整個(gè)版式的節(jié)奏感與韻律感。五、曲線視覺流程曲線視覺流程具有流暢的曲線美，版面組織結(jié)構(gòu)飽滿而富有變化，具有強(qiáng)烈的節(jié)奏感和韻律感。六、散點(diǎn)視覺流程散點(diǎn)視覺流程是將版面元素打散后重新進(jìn)行編排。例如將一個(gè)完整的東西分割成幾個(gè)部分，然后再根據(jù)具體的要求進(jìn)行重新組合。這種版面構(gòu)成方式可以從不同的角度展示事物，把事物的內(nèi)部結(jié)構(gòu)表達(dá)得更加充分。第二章謝謝觀賞！第三章文字的組合編排目錄02文字的排列方式01文字的編排原則03多語(yǔ)言文字混排設(shè)計(jì)04文字與圖片的編排01文字的編排原則一、易讀性→（一）按視覺習(xí)慣進(jìn)行編排人們經(jīng)過長(zhǎng)時(shí)間的閱讀培養(yǎng)了一定的視覺習(xí)慣，即文字在視覺接觸上的先后順序，如從左到右、從上到下，所以文字的編排應(yīng)符合大多數(shù)人的視覺習(xí)慣，從而提高文字的易讀性。對(duì)文字進(jìn)行有秩序的劃分，給人以規(guī)整的視覺效果字號(hào)指字的大小，具體是指從文字的最頂端到最底端的距離。計(jì)算機(jī)中的字號(hào)通常采用號(hào)數(shù)制和點(diǎn)數(shù)制表示。點(diǎn)數(shù)制是世界流行的計(jì)算機(jī)字體的標(biāo)準(zhǔn)制度，也就是磅值，每一點(diǎn)等于0.35毫米。一、易讀性→（二）合理的字號(hào)、字距、行距和欄間距→1．字號(hào)大而粗的字體具有強(qiáng)烈的視覺沖擊力。細(xì)而小的字體給人纖細(xì)、典雅之感。

字距是指字與字之間的距離，是一種十分細(xì)微的關(guān)系，也是文字編排的重要組成部分。字距不僅關(guān)系到閱讀的方便性，還能體現(xiàn)出版面的風(fēng)格。一、易讀性→（二）合理的字號(hào)、字距、行距和欄間距→2．字距縮小文字間距使版面具有強(qiáng)烈的現(xiàn)代感拉大字間距使版面更為明朗、清晰行距是指每行文字間的距離。行距不能太窄，否則閱讀會(huì)受上下行文字的干擾；太寬則會(huì)在版面留下大量的空白，使版面缺少延續(xù)感和整體感。一、易讀性→（二）合理的字號(hào)、字距、行距和欄間距→3．行距較窄的行距給人節(jié)奏感，富有現(xiàn)代感常規(guī)行距給人以整齊、典雅之感行距的設(shè)置并不是固定不變的。設(shè)計(jì)者應(yīng)根據(jù)具體的情況來(lái)把握，只要在整體節(jié)奏上保持一致并使視覺上感到舒適即可。一、易讀性→（二）合理的字號(hào)、字距、行距和欄間距→3．行距欄間距不能太窄，否則會(huì)使視線在換行時(shí)受到另一欄的干擾，減慢閱讀速度；太寬又不利于文字的轉(zhuǎn)換。欄間距一般控制在行距的兩倍左右。當(dāng)然這個(gè)距離應(yīng)根據(jù)版面的具體情況而定，只要能使閱讀輕松、流暢，就是合理的間隔。一、易讀性→（二）合理的字號(hào)、字距、行距和欄間距→4．欄間距觀察下面兩幅相同內(nèi)容的版式設(shè)計(jì)，分析方案一和方案二哪個(gè)更吸引讀者的眼球，那幅設(shè)計(jì)的文字排列方式更易于閱讀？把握文字間的邏輯關(guān)系，主要是指處理好版面文字在功能上的主次關(guān)系，如標(biāo)題和正文、主要信息和輔助信息等。以實(shí)現(xiàn)主題突出，內(nèi)容易讀，版面效果和諧、統(tǒng)一為最終目的。一、易讀性→（三）把握文字間的邏輯關(guān)系編排文字時(shí)，設(shè)計(jì)師應(yīng)從版面的整體布局出發(fā)，主次有序，層次分明，給人良好的視覺效果，避免發(fā)生視覺沖突，引起視覺混亂。二、協(xié)調(diào)性→（一）考慮版面整體布局文字位置的安排也影響著版面的整體風(fēng)格，合理的安排會(huì)使版面效果更加美觀、生動(dòng)。二、協(xié)調(diào)性→（一）考慮版面整體布局二、協(xié)調(diào)性→（二）與版面風(fēng)格相協(xié)調(diào)文字是為整個(gè)版面服務(wù)的，從字體樣式選擇到大小設(shè)置再到文字距離的確定，這些細(xì)節(jié)的變化都會(huì)影響到版面風(fēng)格，所以在文字編排前一定要深入分析并熟悉版面風(fēng)格，結(jié)合設(shè)計(jì)主題恰當(dāng)?shù)剡x擇編排文字。三、藝術(shù)性→（一）字體藝術(shù)化處理在版式的文字設(shè)計(jì)中，將個(gè)別文字進(jìn)行藝術(shù)化處理，使版面局部的表現(xiàn)力得到加強(qiáng)，同時(shí)讓觀賞者有眼前一亮的感覺，并對(duì)該段信息產(chǎn)生強(qiáng)烈的閱讀興趣。三、藝術(shù)性→（二）文字編排藝術(shù)化文字編排的藝術(shù)化就是在編排時(shí)打破常規(guī)、單調(diào)的結(jié)構(gòu)形式，使整段文字具有獨(dú)特的藝術(shù)表現(xiàn)力。下圖是以“少女的憧憬”為主題的時(shí)尚雜志的內(nèi)頁(yè)，觀察方案一和方案二的設(shè)計(jì)，分析哪個(gè)文字的編排方式更符合雜志的主題。為什么？02文字的排列方式左右對(duì)齊是指文字段落的每一行中從左到右的長(zhǎng)度是完全相等的。這種文字組合使字群齊整、嚴(yán)謹(jǐn)美觀，體現(xiàn)出編排的條理性。常用于處理文字信息較多的版面。一、文字的基本排列方式→1．左右對(duì)齊橫向左右對(duì)齊縱向左右對(duì)齊齊左或齊右對(duì)齊的編排方式追求的是文字一端的對(duì)齊，采用這種文字編排方式能使結(jié)構(gòu)松緊有度、虛實(shí)結(jié)合，參差不齊的文字組合使版面充滿節(jié)奏感。一、文字的基本排列方式→2．齊左與齊右對(duì)齊文字的齊左對(duì)齊更符合常規(guī)的閱讀習(xí)慣，給人輕松、自然的閱讀體驗(yàn)文字的齊右對(duì)齊具有強(qiáng)烈的現(xiàn)代感，給人新穎、別致的閱讀感受一、文字的基本排列方式→2．齊左與齊右對(duì)齊居中對(duì)齊是指文字的排列以版面的中心線為準(zhǔn)，左右兩端的文字字距大致相等。這種文字排列方式使視線更加集中，重心更為突出，并加強(qiáng)版面的整體感，具有簡(jiǎn)潔、莊重和優(yōu)雅的視覺效果。一、文字的基本排列方式→3．居中對(duì)齊文字對(duì)比編排是指通過文字大小、形態(tài)及色彩等方面的對(duì)比使版面效果更為生動(dòng)，更具有活力。二、文字的創(chuàng)意編排→1．文字對(duì)比編排文字留白編排是指將文字四周進(jìn)行適當(dāng)?shù)牧舭滋幚?。這種文字編排方法能使畫面張弛有度，充滿節(jié)奏感和韻律感，同時(shí)突出文字，增強(qiáng)了版面的空間感和品質(zhì)感。文字四周留白處理使版面張弛有度，充滿節(jié)奏感二、文字的創(chuàng)意編排→2．文字留白編排文字傾斜編排是指將文段整體或局部排列成傾斜狀，構(gòu)成非對(duì)稱的畫面形式。這種編排方式使版面具有動(dòng)感、方向感與節(jié)奏感，具有強(qiáng)烈的視覺效果，常用于招貼設(shè)計(jì)。二、文字的創(chuàng)意編排→3．文字傾斜編排文字立體化編排是以文字的基本結(jié)構(gòu)為依據(jù)，將文字在三維空間中進(jìn)行拉伸、站立等變化。這種文字編排方式能增強(qiáng)視覺沖擊力和版面空間感，使版面充滿立體感。二、文字的創(chuàng)意編排→4．文字立體化編排文字圖形化編排是指將文字與圖形結(jié)構(gòu)組合在一起，構(gòu)成文字的圖形化效果。這種編排方式使圖文相互融合和補(bǔ)充，利用圖形化的文字來(lái)表達(dá)主題思想，具有獨(dú)特、新穎的視覺效果。二、文字的創(chuàng)意編排→5．文字圖形化編排首字突出是指將文字開頭的一個(gè)字或字母突出放大，在版面中起著強(qiáng)調(diào)和吸引視線的作用。這種文字編排方式打破了版面的平庸感，給人新穎而活潑的視覺效果。三、文字的個(gè)性化處理→1．首字突出文字的動(dòng)感處理是指對(duì)文字進(jìn)行變形、夸張或傾斜等處理，使其具有動(dòng)勢(shì)，為版面增添動(dòng)感和節(jié)奏感。三、文字的個(gè)性化處理→2．文字動(dòng)感處理文字自由編排是根據(jù)設(shè)計(jì)師的愛好和設(shè)計(jì)需要將文字靈活處理，使其具有活潑、自由、無(wú)拘無(wú)束的視覺效果，也是最能體現(xiàn)設(shè)計(jì)師的創(chuàng)意與風(fēng)格的編排方式。三、文字的個(gè)性化處理→3．文字自由編排欣賞下列幾幅版式設(shè)計(jì)的作品，說一說版面中的文字信息分別使用了哪些編排方式？03多語(yǔ)言文字混排設(shè)計(jì)一、英文字體編排英文的編排方式具有很大的靈活性，可以以曲線形式出現(xiàn)，也可以以直線形式出現(xiàn)。英文中每個(gè)單詞的形態(tài)都不一樣，在版式上容易形成不規(guī)則的錯(cuò)落現(xiàn)象，使版式內(nèi)容豐富、生動(dòng)。二、中文字體編排中文字體編排主要以字塊的形式出現(xiàn)，具有字體的輪廓性。在排版時(shí)受各種因素的限制，不如英文排版那樣自由靈活，中文排版很難出現(xiàn)錯(cuò)落有致的效果，但整體卻顯得規(guī)整，富有氣勢(shì)。三、中英文混排明確主次關(guān)系1中英文混排應(yīng)注意設(shè)計(jì)創(chuàng)意與主次關(guān)系，版面應(yīng)有明確的層次感，有一定的側(cè)重點(diǎn)，避免出現(xiàn)平均現(xiàn)象，導(dǎo)致版面過于呆板。由于中英文字體的樣式不同，給人的視覺感受也不同。字體的變化過多會(huì)使版面顯得雜亂，失去整體協(xié)調(diào)感，所以中英文混排一定要注意字體風(fēng)格的統(tǒng)一。字體風(fēng)格的統(tǒng)一2三、中英文混排中英文形態(tài)上的差異是由它們自身不同的構(gòu)成方式?jīng)Q定的，漢字以假想框作為基本框架，英文字體則是以水平基線為構(gòu)成基礎(chǔ)。因此，在中英文內(nèi)容沒有主次關(guān)系差異時(shí)，需要統(tǒng)一二者之間的文字大小與基準(zhǔn)線，以使文字高度在一行上的變化不會(huì)太明顯。字號(hào)和基準(zhǔn)線的統(tǒng)一3三、中英文混排觀察下面兩幅版式設(shè)計(jì)，相同的內(nèi)容采用不同的排版方式會(huì)給人不同的視覺感受。分析方案一和方案二哪個(gè)更好，為什么？04圖片與文字的編排一、圖片與文字位置的編排圖文位置的編排大致可分為分組編排和散點(diǎn)編排。圖文相對(duì)獨(dú)立的成組編排，使版面富有秩序感和條理性圖文交叉編排使版面顯得輕松活潑一、圖片與文字位置的編排→1．統(tǒng)一圖文邊線同一版面中文字與圖片的編排應(yīng)該協(xié)調(diào)，這并不是要求版面中的所有元素都采用同樣的編排形式，而是在統(tǒng)一中有變化，否則會(huì)使版面呆板無(wú)趣。其中，統(tǒng)一圖文邊線是一種行之有效的處理方式。文字繞圖編排是指版面中的文字與圖形以互動(dòng)的方式進(jìn)行排列組合，使兩者融為一體，實(shí)現(xiàn)更為和諧、統(tǒng)一的版面效果。一、圖片與文字位置的編排→2．文字繞圖版式設(shè)計(jì)中的文字說明與圖片內(nèi)容是緊密相關(guān)的，這就要求設(shè)計(jì)師在交代清楚文字與圖片的對(duì)應(yīng)關(guān)系時(shí)，要處理好圖文的距離問題。圖文距離過于疏松會(huì)使兩者失去聯(lián)系，過于緊密則會(huì)降低版面空間感，使版面顯得小氣、不協(xié)調(diào)。一、圖片與文字位置的編排→3．圖片與文字保持適當(dāng)距離二、圖片與文字色彩的編排通常情況下，版面文字較多使用黑白兩色，因?yàn)楹诎變缮梢愿魏紊蔬M(jìn)行和諧的搭配，且可視性強(qiáng)，并使閱讀流暢。除了黑白兩色，其他色彩也都可用于文字。但應(yīng)注意，文字色彩應(yīng)與整個(gè)版面風(fēng)格搭配，并注意文字的可識(shí)別性。圖文混排時(shí)應(yīng)注意文字不要放在圖片重點(diǎn)展示區(qū)域上，以免破壞整個(gè)版式的完整性。圖文重疊時(shí)應(yīng)注意文字的可識(shí)別性，適當(dāng)區(qū)分文字與圖片的色彩，以免造成版式混淆，影響視覺清晰度。二、圖片與文字色彩的編排第三章謝謝觀賞！第四章圖片的編排目錄02圖片的基本編排形式01圖版率03圖片的基本編排法則04圖片的表現(xiàn)類型01圖版率一、高圖版率高圖版率指版面中的圖片占據(jù)了大量的面積，成為畫面的主導(dǎo)元素。在高圖版率的版面中，文字信息變得相對(duì)較少，大篇幅的圖片代替文字呈現(xiàn)給人們更多的內(nèi)容和信息，并使讀者感受到一種閱讀的活力。簡(jiǎn)單來(lái)說，中圖版率就是在同一版面中，圖片與文字要素所占的面積比例為1∶1。需要注意的是，這種等量比例是相對(duì)的。適中的圖版率使版面體現(xiàn)出均衡感，給人一種舒適的視覺感受。二、中圖版率低圖版率就是指圖片在版面中占據(jù)的面積相對(duì)較小，文字內(nèi)容充斥著大部分的版面面積。在低圖版率的版面中，讀者將面對(duì)大量的文字信息，通過少量的圖片來(lái)豐富版式的結(jié)構(gòu)，避免視覺疲勞，給人一種沉穩(wěn)、安靜的視覺效果。三、低圖版率02圖片的基本編排形式一、方形圖與圓形圖方形圖構(gòu)成的版面給人大氣而平穩(wěn)的視覺印象圓形圖削弱了方形圖四角的銳利感，呈現(xiàn)出更加圓潤(rùn)、柔和的視覺印象，使版面充滿輕松、活潑之感下圖展示的是介紹甜品的對(duì)開頁(yè)的兩個(gè)方案，說一說哪個(gè)方案看起來(lái)更有誘惑力，為什么？去底圖又稱挖版圖，就是刪除圖片背景，使圖片主體獨(dú)立呈現(xiàn)的一種方式。這種方式能輕松、靈活地運(yùn)用圖片，使畫面空間感強(qiáng)烈，版面形式靈活多變。二、去底圖與特寫圖去底圖可使版面空間感更強(qiáng)二、去底圖與特寫圖圖片通過特寫、拉近并進(jìn)行合理裁切，能使原本普通的畫面呈現(xiàn)出意想不到的視覺效果，令人驚喜。二、去底圖與特寫圖出血圖片是指超出頁(yè)面大小的圖片，由于它沒有邊框的束縛，使版面具有一種向外的張力，同時(shí)還具有一種運(yùn)動(dòng)感。出血圖片拉近了版面與讀者的距離，增加了版面的聯(lián)想性，豐富了版面的內(nèi)容。三、出血圖片三、出血圖片

放大裁剪圖片是截取圖片中的某一部分，形成了局部放大的效果，以減少圖片多余信息。這種方法能有效地將讀者的視線集中到想要展示的內(nèi)容上。四、圖片的裁剪→（一）通過裁剪放大版面圖像剪裁刪除多余的圖像是將多余的部分刪除以完善圖片效果，使版面效果更協(xié)調(diào)。四、圖片的裁剪→（二）通過剪裁刪除多余圖像圖片位置的不同給讀者帶來(lái)的視覺印象也不一樣。當(dāng)拍攝的照片原圖沒有達(dá)到預(yù)想的效果和排版要求時(shí)，可以通過裁剪來(lái)調(diào)整物體的位置，以突出主題，增強(qiáng)信息傳達(dá)力度。四、圖片的裁剪→（三）通過裁剪調(diào)整圖像位置03圖片的基本編排法則一、圖片的組合→（一）圖片數(shù)量對(duì)版面效果的影響圖片數(shù)量直接影響到版面效果，也影響到讀者的閱讀興趣。一般來(lái)說，圖片數(shù)量較多的版面更能引起讀者的閱讀興趣。但也不能純粹為了吸引人的眼球而濫用圖片，應(yīng)根據(jù)具體的版面需求來(lái)決定圖片的數(shù)量。單幅圖片使版面顯得大氣、舒暢一、圖片的組合→（一）圖片數(shù)量對(duì)版面效果的影響多圖片版面顯得飽滿、熱鬧圖片的組合編排是將若干圖片合理地編排在同一個(gè)版面上，形成一個(gè)新的結(jié)構(gòu)樣式，并將信息傳遞給觀賞者。它的主要表現(xiàn)形式為圖文組合及圖片之間的組合，這里主要講圖片間的組合。一、圖片的組合→（二）不同的圖片組合編排統(tǒng)一尺寸的圖片組合，給人豐富的信息量一、圖片的組合→（二）不同的圖片組合編排將一張圖片放大，與其他圖片形成對(duì)比，增加版面層次感圖片間相同的間隔，使版面有透氣感在版式設(shè)計(jì)中，應(yīng)將含有重要信息的圖片放大，因?yàn)榇蟪叽绲膱D片通常更能引起讀者注意，同時(shí)縮小次要圖片。這種圖片編排能形成空間層次感。?二、圖片大小及位置關(guān)系→（一）圖片的大小對(duì)圖片進(jìn)行一定程度上的協(xié)調(diào)統(tǒng)一，將圖片大致分為大、中、小三個(gè)級(jí)別，還能制造版面節(jié)奏感。二、圖片大小及位置關(guān)系→（一）圖片的大小通過主體圖片的左置處理，使版面展現(xiàn)出統(tǒng)一的方向性，同時(shí)還能增強(qiáng)版式結(jié)構(gòu)的條理性，使畫面產(chǎn)生由左向右的閱讀順。二、圖片大小及位置關(guān)系→（二）圖片的位置→1．左側(cè)二、圖片大小及位置關(guān)系→（二）圖片的位置→2．右側(cè)將主要圖片放置在版面的右側(cè)，與人們的閱讀習(xí)慣恰好相反，產(chǎn)生了顛覆性的視覺流程，有效地打破了常規(guī)，在感官上給讀者留下深刻的印象。二、圖片大小及位置關(guān)系→（二）圖片的位置→3．中央位置中心是整個(gè)版面中最容易聚集視線的位置，將主要圖片放置版面中心，能夠提升圖片的視覺表現(xiàn)力，吸引讀者的眼球。同時(shí)，將文字以環(huán)繞的形式排列在圖片四周，使畫面顯得飽滿、集中。二、圖片大小及位置關(guān)系→（二）圖片的位置→4．上方將圖片擺放在版面的上方，可以為文字信息提供更多的表現(xiàn)空間，通過規(guī)范有度的編排形式，反映出版面設(shè)計(jì)的專業(yè)性與務(wù)實(shí)性，該方式常用于報(bào)刊、雜志中。同時(shí)，從上往下的閱讀順序同樣符合人們的閱讀習(xí)慣，使讀者從圖片中快速得知文字所要表達(dá)的內(nèi)容。二、圖片大小及位置關(guān)系→（二）圖片的位置→5．下方在一些文字較少的海報(bào)設(shè)計(jì)中，版面的視覺要素非常有限。為了使觀賞者在第一時(shí)間獲取主要信息，設(shè)計(jì)者通常會(huì)將圖片放在版面下方，以突出文字要素，更清晰、準(zhǔn)確地傳達(dá)相關(guān)信息。常見的圖片對(duì)齊方式有上對(duì)齊、下對(duì)齊、左對(duì)齊和右對(duì)齊四種方式。二、圖片大小及位置關(guān)系→（三）圖片的對(duì)齊方式二、圖片大小及位置關(guān)系→（三）圖片的對(duì)齊方式下圖所展示的是某面向追求生活質(zhì)量的女性雜志的內(nèi)頁(yè)，觀察給出的兩個(gè)設(shè)計(jì)方案，說一說哪個(gè)設(shè)計(jì)方案更好，為什么？三、圖片的方向圖片本身是不具備方向性的。方向是由圖片上主體所呈現(xiàn)的方向決定的，如物體的造型、傾斜方向、人物的動(dòng)作、面部朝向及視線等，都可以使讀者感受到圖片的方向性與運(yùn)動(dòng)感，從而使版面有一種躍動(dòng)感。三、圖片的方向圖片方向不但能起到引導(dǎo)視線的作用，同時(shí)，還能保持版面的平衡感和邏輯性。比如圖片人物視線一般朝向版面內(nèi)部，這樣會(huì)有一種穩(wěn)定感。三、圖片的方向談話類內(nèi)容的版面中，圖片人物視線一般相對(duì)，以便形成較強(qiáng)的互動(dòng)性。圖片的動(dòng)感可以由拍攝對(duì)象的動(dòng)勢(shì)來(lái)體現(xiàn)，還可以通過將圖片倒置、傾斜或?qū)⑷舾蓤D片按照一定的路徑編排等方法，來(lái)打破平衡以增強(qiáng)動(dòng)感，使版面更加生動(dòng)和豐富。四、圖片的動(dòng)感四、圖片的動(dòng)感四、圖片的動(dòng)感肌理體現(xiàn)物質(zhì)的表面特征，使人產(chǎn)生觸覺感受，凸顯視覺質(zhì)感，豐富視覺感受。在版式設(shè)計(jì)中，合理地運(yùn)用肌理圖片，能豐富版面的藝術(shù)表現(xiàn)力，增加版面生動(dòng)性和趣味性。五、圖片的肌理五、圖片的肌理04圖片的表現(xiàn)類型一、夸張圖片夸張的圖片能直接、鮮明地揭示事物本質(zhì)，突出設(shè)計(jì)主題，增強(qiáng)藝術(shù)傳達(dá)效果，賦予版面新奇而變化的情趣，使版面效果更加生動(dòng)。二、具象圖片具象圖片是寫實(shí)性與裝飾性的結(jié)合，這樣的圖片給人帶來(lái)一種親切感，留下直觀的視覺印象，使版面構(gòu)成一目了然。抽象圖片運(yùn)用簡(jiǎn)單的點(diǎn)、線、面等元素提煉而成，它體現(xiàn)的是事物本質(zhì)的特性，是規(guī)律的概括。抽象圖片為版面營(yíng)造了想象空間，引導(dǎo)讀者去聯(lián)想與體味，使版面具有一種廣闊感和深遠(yuǎn)感，并富有時(shí)代氣息。三、抽象圖片符號(hào)性圖片是一種高度凝練和概括的圖片，其本質(zhì)就是一種視覺符號(hào)，它暗示與啟發(fā)觀賞者產(chǎn)生聯(lián)想，進(jìn)而揭示內(nèi)在的設(shè)計(jì)意圖。四、符號(hào)性圖片五、文字性圖片文字性圖片包括圖片文字和文字圖片兩層意思。圖片文字是指將文字用圖片的形式表現(xiàn)出來(lái)，最常見的是文字類的logo設(shè)計(jì)。五、文字性圖片文字圖片是利用文字作為基本構(gòu)成元素形成圖片，進(jìn)而構(gòu)成版面，使版面圖文并茂。第四章謝謝觀賞！第五章版式設(shè)計(jì)中的網(wǎng)格與色彩目錄02版式設(shè)計(jì)與色彩01版式設(shè)計(jì)與網(wǎng)格01

版式設(shè)計(jì)與網(wǎng)格一、網(wǎng)格的概念及作用→（一）網(wǎng)格的概念

網(wǎng)格是一種起源于20世紀(jì)的版面構(gòu)成方式，是平面構(gòu)成中“骨格”概念的延伸。它能使版面層次分明、井然有序，更好地掌控版面的比例和空間感，同時(shí)，也能提高版面的精準(zhǔn)性和連貫性。如今，網(wǎng)格已成為版式設(shè)計(jì)中普遍使用的版面組織方式。01

版式設(shè)計(jì)與網(wǎng)格名詞解釋骨格是用來(lái)組織和管理基本形在圖形中的基本結(jié)構(gòu)的框架。它決定了構(gòu)成中基本形的設(shè)置及關(guān)系，包括基本形的形狀、大小、方向和位置等的變化。

網(wǎng)格的主要目的是方便設(shè)計(jì)師有效地組織版面元素，充分提升版面的可讀性。通過網(wǎng)格對(duì)

版面的約束力構(gòu)建一個(gè)更為完整的版面，給人一種穩(wěn)定的、可信賴的視覺效果。網(wǎng)格在版式設(shè)

計(jì)中的作用有以下幾點(diǎn)。組織版面信息是網(wǎng)格最基本也是最重要的一項(xiàng)功能，通過網(wǎng)格的組織使版面中的文字、圖

片等構(gòu)成元素變得更加精確、協(xié)調(diào)，更具條理性。網(wǎng)格組織版面信息01

版式設(shè)計(jì)與網(wǎng)格一、網(wǎng)格的概念及作用→（二）網(wǎng)格的作用→1．組織版面信息

網(wǎng)格的編排形式多種多樣，設(shè)計(jì)師可以根據(jù)版面信息的具體情況和設(shè)計(jì)需要選擇合適的網(wǎng)格形式，充分運(yùn)用網(wǎng)格編排的靈活性，將各項(xiàng)信息安置在基本的網(wǎng)格框架內(nèi)，在不影響版面的整體平衡的前提下，對(duì)一些細(xì)節(jié)進(jìn)行適當(dāng)?shù)恼{(diào)整，有利于呈現(xiàn)出符合需求的版面效果。圖片大小的對(duì)比，文字的個(gè)性編排，使版面充滿活力，令人印象深刻01

版式設(shè)計(jì)與網(wǎng)格一、網(wǎng)格的概念及作用→（二）網(wǎng)格的作用→2．符合版面需求

運(yùn)用網(wǎng)格進(jìn)行編排能使版面整體結(jié)構(gòu)更為明確，視覺流程更為清晰，從而提升閱讀關(guān)聯(lián)性，使版面效果統(tǒng)一、整齊。圖片大小的對(duì)比，文字的個(gè)性編排，使版面充滿活力，令人印象深刻01

版式設(shè)計(jì)與網(wǎng)格一、網(wǎng)格的概念及作用→（二）網(wǎng)格的作用→3．提升閱讀關(guān)聯(lián)性二、網(wǎng)格的分類→（二）對(duì)稱式網(wǎng)格→1．對(duì)稱欄網(wǎng)格

網(wǎng)格作為組織版面元素的一種方法，形式多樣，具體可分為對(duì)稱式網(wǎng)格、非對(duì)稱式網(wǎng)格、基線網(wǎng)格和成角網(wǎng)格四大類。對(duì)稱欄網(wǎng)格中的“欄”指的是版面中編排文字的區(qū)域，它使文字編排更有秩序，版式更為嚴(yán)謹(jǐn)。對(duì)稱欄網(wǎng)格又可細(xì)分為單欄對(duì)稱網(wǎng)格、雙欄對(duì)稱網(wǎng)格、三欄對(duì)稱網(wǎng)格和多欄對(duì)稱網(wǎng)格。對(duì)稱網(wǎng)格并不局限于雜志、書籍類的對(duì)頁(yè)，在單一的版面中也同樣適用，只是它的對(duì)稱線不再是對(duì)頁(yè)的交接線，而變成了頁(yè)面的中線。01

版式設(shè)計(jì)與網(wǎng)格

單欄對(duì)稱網(wǎng)格使版面顯得簡(jiǎn)潔、單純，提升了頁(yè)面的可讀性雙欄對(duì)稱網(wǎng)格使版面整齊、統(tǒng)一，閱讀更為流暢01

版式設(shè)計(jì)與網(wǎng)格三欄對(duì)稱網(wǎng)格適用于字量較大的版面二、網(wǎng)格的分類→（二）對(duì)稱式網(wǎng)格→1．對(duì)稱欄網(wǎng)格

單欄對(duì)稱網(wǎng)格使版面顯得簡(jiǎn)潔、單純，提升了頁(yè)面的可讀性單頁(yè)雙欄、多欄對(duì)稱使版面顯得干凈、整齊，閱讀流暢自然01

版式設(shè)計(jì)與網(wǎng)格二、網(wǎng)格的分類→（二）對(duì)稱式網(wǎng)格→1．對(duì)稱欄網(wǎng)格

對(duì)稱單元格網(wǎng)格的版面整齊、規(guī)整對(duì)稱單元格網(wǎng)格編排是將版面分成同等大小的單元格，再根據(jù)版式的需要編排文字和圖片。單元格的大小可以自由調(diào)節(jié)，但須保證每個(gè)單元格周圍的空間是相等的。這種網(wǎng)格結(jié)構(gòu)具有很大的靈活性，版面具有很強(qiáng)的空間感和規(guī)律性，給人規(guī)則、整潔、有規(guī)律的視覺效果。01

版式設(shè)計(jì)與網(wǎng)格二、網(wǎng)格的分類→（二）對(duì)稱式網(wǎng)格→2．對(duì)稱單元格網(wǎng)格

下面展示的是某信息雜志的內(nèi)頁(yè)，分別給出了兩種版面設(shè)計(jì)的方案，觀察并分析哪個(gè)方案使版面更有條理。同時(shí)，思考在圖片較多的情況下，如何編排才能使版面效果更加規(guī)整、合理。課堂討論方案一方案二01

版式設(shè)計(jì)與網(wǎng)格

非對(duì)稱欄網(wǎng)格中左右頁(yè)面的網(wǎng)格欄數(shù)基本一致，每一欄垂直對(duì)齊，但左右頁(yè)面并不對(duì)稱，且左右頁(yè)面的頁(yè)邊距也可以不同。這種編排方式有效地打破了對(duì)稱的呆板樣式，使版面更富有生氣與活力。非對(duì)稱欄網(wǎng)格使版面編排更具靈活性01

版式設(shè)計(jì)與網(wǎng)格二、網(wǎng)格的分類→（二）非對(duì)稱式網(wǎng)格→1．非對(duì)稱欄網(wǎng)格非對(duì)稱單元格網(wǎng)格依然采用單元格來(lái)劃分版面，只是不像對(duì)稱單元格網(wǎng)格那樣進(jìn)行絕對(duì)的平均劃分，也不要求所有的區(qū)域都大小一樣。運(yùn)用非對(duì)稱單元格網(wǎng)格的編排方式使版面變得靈活多樣、錯(cuò)落有致、層次清晰，增添了版面的活力。非對(duì)稱單元格網(wǎng)格的版面元素排列井然有序且富有變化，更具有靈活性01

版式設(shè)計(jì)與網(wǎng)格二、網(wǎng)格的分類→（二）非對(duì)稱式網(wǎng)格→

2．非對(duì)稱單元格網(wǎng)格

非對(duì)稱單元格網(wǎng)格常被應(yīng)用于圖片量和信息量都較多的頁(yè)面編排中，根據(jù)不同的版面需要，將圖片和文字隨意編排于一個(gè)或多個(gè)單元格中，產(chǎn)生不對(duì)稱的左右頁(yè)面效果。這樣的編排方式既簡(jiǎn)化了版面結(jié)構(gòu)，又使整個(gè)版面表現(xiàn)出較高的自由性，體現(xiàn)出版式設(shè)計(jì)的多樣性，既生動(dòng)又有趣，營(yíng)造出獨(dú)特的版面效果。非對(duì)稱單元格網(wǎng)格用于較多信息量的版面中，提升了版面的活躍度01

版式設(shè)計(jì)與網(wǎng)格二、網(wǎng)格的分類→（二）非對(duì)稱式網(wǎng)格→

2．非對(duì)稱單元格網(wǎng)格

基線網(wǎng)格提供了一種視覺參考，是版式設(shè)計(jì)的基礎(chǔ)。它幫助版式元素按照要求準(zhǔn)確對(duì)齊，為編排版式提供了一個(gè)基準(zhǔn)，有助于設(shè)計(jì)師制作出規(guī)范化的版面。基線網(wǎng)格不僅是輔助對(duì)齊版面元素的基礎(chǔ)線，有時(shí)也會(huì)作為版面的一個(gè)構(gòu)成元素，直觀地呈現(xiàn)于頁(yè)面上，常被用來(lái)強(qiáng)化正文內(nèi)容，引導(dǎo)讀者視線，使版面更具吸引力?；€網(wǎng)格的間距根據(jù)字體的大小而變化，以滿足不同字體的需求01

版式設(shè)計(jì)與網(wǎng)格二、網(wǎng)格的分類→（三）基線網(wǎng)格基線網(wǎng)格的間距根據(jù)字體的大小而變化，以滿足不同字體的需求課堂討論

下面展示的是一本介紹甜品的雜志內(nèi)頁(yè)，分別給出了兩種版面設(shè)計(jì)的方案，觀察并分析哪個(gè)方案使介紹更加明確，展現(xiàn)了版面的愉悅感。方案一方案一01

版式設(shè)計(jì)與網(wǎng)格

成角網(wǎng)格是指版面中的所有元素都朝向同一個(gè)或兩個(gè)角度進(jìn)行分欄編排。成角網(wǎng)格可以根據(jù)需要設(shè)置成任何角度，由于使用了傾斜的角度，打破了常規(guī)，可以展現(xiàn)出新穎的、具有創(chuàng)意感的效果。需要注意的是，在設(shè)置成角網(wǎng)格的傾斜角度與文字的方向時(shí)，應(yīng)考慮到人們的閱讀習(xí)慣，使其與版面結(jié)構(gòu)和閱讀習(xí)慣達(dá)到最大限度上的協(xié)調(diào)統(tǒng)一。另外，在使用成角網(wǎng)格時(shí)，通常只會(huì)選擇一個(gè)或兩個(gè)角度進(jìn)行傾斜，傾斜角度過多會(huì)造成版面的混亂，不利于人們閱讀。使用成角網(wǎng)格的版面新穎，富有創(chuàng)意01

版式設(shè)計(jì)與網(wǎng)格二、網(wǎng)格的分類→（四）成角網(wǎng)格

不要一味地拘泥于網(wǎng)格的束縛，有時(shí)打破網(wǎng)格能使版面更具靈活性，更富有創(chuàng)意。

當(dāng)然，打破網(wǎng)格并不是徹底地摒棄網(wǎng)格，而是通過對(duì)網(wǎng)格進(jìn)行局部的調(diào)整，以網(wǎng)格的某一條或某幾條線為基礎(chǔ)進(jìn)行編排，也可將有網(wǎng)格與無(wú)網(wǎng)格進(jìn)行混排，使版面在變化中保持平穩(wěn)。01

版式設(shè)計(jì)與網(wǎng)格三、打破網(wǎng)格02

版式設(shè)計(jì)與色彩一、色彩與版式設(shè)計(jì)元素→1．色彩與圖像的關(guān)系運(yùn)用不同的色彩來(lái)表現(xiàn)圖像，可以使圖像效果更加豐富，形式美感更加強(qiáng)烈，從而增加版面的視覺感染力。02

版式設(shè)計(jì)與色彩一、色彩與版式設(shè)計(jì)元素→2．色彩與文字的關(guān)系色彩也會(huì)影響文字的可讀性。白底黑字是最常用的色彩搭配，因?yàn)楹诎變缮木薮蟛町惐ＷC了文字極高的辨識(shí)度。根據(jù)版式和設(shè)計(jì)的需要，設(shè)計(jì)師應(yīng)靈活地變換字符色彩以增強(qiáng)其表現(xiàn)力和視覺美感。02

版式設(shè)計(jì)與色彩一、色彩與版式設(shè)計(jì)元素→3．色彩對(duì)版面率的影響版面率主要由頁(yè)邊的留白量決定，頁(yè)邊的留白量越大，版面率越低；反之，版面率越高。除此之外，色彩對(duì)版面率也有很大的影響。02

版式設(shè)計(jì)與色彩二、色彩與消費(fèi)的關(guān)系→1．消費(fèi)群體對(duì)版面配色的影響消費(fèi)者的年齡、性別、職業(yè)、文化程度及經(jīng)濟(jì)狀況等因素都會(huì)影響到其消費(fèi)行為。色彩是產(chǎn)品給消費(fèi)者的第一印象，因此對(duì)于色彩的選擇，應(yīng)充分考慮消費(fèi)者群體的差異性，進(jìn)行有針對(duì)性的色彩設(shè)計(jì)，才能抓住消費(fèi)者心理，從而促進(jìn)其購(gòu)買欲望。男生香水廣告用色低調(diào)沉穩(wěn)女士香水廣告用色艷麗02

版式設(shè)計(jì)與色彩二、色彩與消費(fèi)的關(guān)系→2．產(chǎn)品屬性對(duì)版面配色的影響消費(fèi)者的年齡、性別、職業(yè)、文化程度及經(jīng)濟(jì)狀況等因素都會(huì)影響到其消費(fèi)行為。色彩是產(chǎn)品給消費(fèi)者的第一印象，因此對(duì)于色彩的選擇，應(yīng)充分考慮消費(fèi)者群體的差異性，進(jìn)行有針對(duì)性的色彩設(shè)計(jì)，才能抓住消費(fèi)者心理，從而促進(jìn)其購(gòu)買欲望。奔馳廣告用色簡(jiǎn)潔，版面干凈利落，彰顯貴族氣質(zhì)洗發(fā)水廣告用色淡雅、柔和02

版式設(shè)計(jì)與色彩課堂討論下面展示的是面向中年商務(wù)人士的某雜志內(nèi)頁(yè)，分別給出了兩種版面設(shè)計(jì)的方案，觀察并分析哪個(gè)方案更能展現(xiàn)中年男人沉穩(wěn)、成熟的形象。02

版式設(shè)計(jì)與色彩方案一方案一三、色彩在版式設(shè)計(jì)中的應(yīng)用技巧→（一）版式設(shè)計(jì)中的色彩搭配技巧影響色彩表現(xiàn)效果的因素有很多，如色彩的色相、純度、明度及面積大小等。設(shè)計(jì)師應(yīng)對(duì)多方面的因素進(jìn)行綜合考慮，明確設(shè)計(jì)定位，以呈現(xiàn)出良好的視覺效果。版面中的色彩搭配02

版式設(shè)計(jì)與色彩三、色彩在版式設(shè)計(jì)中的應(yīng)用技巧→（一）版式設(shè)計(jì)中的色彩搭配技巧→1．以色相為主的配色以色相為主的配色是指根據(jù)色彩的相貌來(lái)進(jìn)行的色彩搭配，這種搭配方式以色相環(huán)為依據(jù)，根據(jù)色彩在色相環(huán)上位置，分為同類色搭配、類似色搭配、鄰近色搭配、對(duì)比色搭配和互補(bǔ)色搭配五大類。以色相為主的配色形成的版面具有很強(qiáng)注目度和辨別度，令人印象深刻。02

版式設(shè)計(jì)與色彩（1）同類色搭配同類色彩在色相上的差別是非常微弱的，為了加強(qiáng)畫面中的對(duì)比度，可以在畫面中適當(dāng)?shù)卦黾右恍┰摲N色彩的過渡色。02

版式設(shè)計(jì)與色彩三、色彩在版式設(shè)計(jì)中的應(yīng)用技巧→（一）版式設(shè)計(jì)中的色彩搭配技巧→1．以色相為主的配色（2）類似色搭配為了在版面中有效地區(qū)分類似色，可以在該組色彩中加入無(wú)彩色或其他色彩，以制造畫面的對(duì)比性。通過這種方式能有效地打破類似色搭配所帶來(lái)的呆板感與單一性，使版面產(chǎn)生跳躍感。02

版式設(shè)計(jì)與色彩三、色彩在版式設(shè)計(jì)中的應(yīng)用技巧→（一）版式設(shè)計(jì)中的色彩搭配技巧→1．以色相為主的配色（3）鄰近色搭配與同類色和類似色相比，鄰近色在色相上的差異較大，因此在進(jìn)行色彩組合時(shí)，能夠呈現(xiàn)出豐富、活潑的視覺效果。鄰近色搭配可以使畫面展現(xiàn)出柔美、別致的一面，同時(shí)還能提升版面的藝術(shù)性，賦予畫面美妙的視覺感受。02

版式設(shè)計(jì)與色彩三、色彩在版式設(shè)計(jì)中的應(yīng)用技巧→（一）版式設(shè)計(jì)中的色彩搭配技巧→1．以色相為主的配色（4）對(duì)比色搭配對(duì)比色在色相上有著明顯的差異性，在版式設(shè)計(jì)中，配合主題合理地將對(duì)比色進(jìn)行組合與搭配，可以使畫面展現(xiàn)出鮮明且具有個(gè)性化的視覺效果。對(duì)比色的搭配有強(qiáng)對(duì)比與弱對(duì)比兩種。02

版式設(shè)計(jì)與色彩三、色彩在版式設(shè)計(jì)中的應(yīng)用技巧→（一）版式設(shè)計(jì)中的色彩搭配技巧→1．以色相為主的配色（5）互補(bǔ)色搭配

在色彩搭配中，補(bǔ)色的對(duì)比性是最強(qiáng)的，將互補(bǔ)色組合在一起可使版面產(chǎn)生強(qiáng)烈的視覺沖擊力，打造出具有奇特魅力的視覺效果，如圖5-33所示。需要注意的是，由于補(bǔ)色搭配對(duì)比強(qiáng)烈，容易造成視覺疲勞。02

版式設(shè)計(jì)與色彩三、色彩在版式設(shè)計(jì)中的應(yīng)用技巧→（一）版式設(shè)計(jì)中的色彩搭配技巧→1．以色相為主的配色課堂討論

下面展示的是某化妝品的宣傳頁(yè)，分別給出了兩種版面設(shè)計(jì)的方案，觀察并分析哪個(gè)方案更能體現(xiàn)出商品的品牌特質(zhì)。02

版式設(shè)計(jì)與色彩方案一方案一高純度的色彩搭配能有效地提升版面整體的艷麗感，帶給觀賞者生動(dòng)、鮮艷、華麗的視覺印象；低純度的色彩搭配可以有效地降低畫面整體的鮮艷度，使版面表現(xiàn)出沉穩(wěn)、冷靜的視覺效果；中純度的色彩搭配使版面呈現(xiàn)出一種平緩、溫和、淡定的視覺效果，富有浪漫氣息。高純度色彩搭配使版面視覺醒目低純度色彩搭配給人以典雅、柔和的視覺感受中純度色彩搭配給人以夢(mèng)幻、浪漫之感02

版式設(shè)計(jì)與色彩三、色彩在版式設(shè)計(jì)中的應(yīng)用技巧→（一）版式設(shè)計(jì)中的色彩搭配技巧→2．以純度為主的配色高明度色彩搭配在視覺上給人積極、明朗、亮麗的感覺，常用以表達(dá)積極、活潑的版面主題，低明度色彩搭配給人莊重、沉穩(wěn)的視覺效果，常用以表達(dá)冷峻、嚴(yán)肅的版面主題，中明度色彩搭配給人一種含蓄的感覺，常用以表達(dá)平淡、緩和的版面主題。另外，色彩的明暗對(duì)比也會(huì)使版面富有立體感和空間感。02

版式設(shè)計(jì)與色彩三、色彩在版式設(shè)計(jì)中的應(yīng)用技巧→（一）版式設(shè)計(jì)中的色彩搭配技巧→3．以明度為主的配色10/14/2024三、色彩在版式設(shè)計(jì)中的應(yīng)用技巧→（一）版式設(shè)計(jì)中的色彩搭配技巧→3．以明度為主的配色

下面展示的是某室內(nèi)裝飾公司促銷的宣傳頁(yè)，分別給出了兩種版面設(shè)計(jì)的方案，觀察并分析哪個(gè)方案更能突出主題。02

版式設(shè)計(jì)與色彩

在版面設(shè)計(jì)中，色彩與設(shè)計(jì)主題息息相關(guān)。恰當(dāng)?shù)剡\(yùn)用色彩，可以突出設(shè)計(jì)主題，使版面更具有感染力。02

版式設(shè)計(jì)與色彩三、色彩在版式設(shè)計(jì)中的應(yīng)用技巧→（二）運(yùn)用色彩體現(xiàn)設(shè)計(jì)主題利用色彩的對(duì)比突出重要信息，使讀者能快速而準(zhǔn)確地將目光定位在重點(diǎn)內(nèi)容上，從而達(dá)到有效傳達(dá)信息的目的。02

版式設(shè)計(jì)與色彩三、色彩在版式設(shè)計(jì)中的應(yīng)用技巧→（二）運(yùn)用色彩體現(xiàn)設(shè)計(jì)主題→1．利用色彩突出版面重要信息在版式設(shè)計(jì)中，有時(shí)為了突出版面中的主體元素，設(shè)計(jì)師用色彩將其突出顯示，并將其放置在版面中心位置，或通過放大面積等手段來(lái)增強(qiáng)其視覺注目度。02

版式設(shè)計(jì)與色彩三、色彩在版式設(shè)計(jì)中的應(yīng)用技巧→（二）運(yùn)用色彩體現(xiàn)設(shè)計(jì)主題→2．利用色彩突出版面主體課堂討論

下面展示的是某日式點(diǎn)心店的促銷宣傳頁(yè)，分別給出了兩種版面設(shè)計(jì)的方案，觀察并分析哪個(gè)方案更能營(yíng)造出日式點(diǎn)心美味且具有高級(jí)感的視覺效果。02

版式設(shè)計(jì)與色彩單純的冷色系色彩搭配與暖色系色彩搭配，能給觀賞者不同的心理感受。暖色調(diào)版面給人溫暖、熱情之感；而冷色調(diào)則使人感覺清爽。02

版式設(shè)計(jì)與色彩三、色彩在版式設(shè)計(jì)中的應(yīng)用技巧→（三）運(yùn)用色彩表現(xiàn)版面情感→1．色彩的冷與暖在版式設(shè)計(jì)中，高純度、高明度的色彩搭配能有效地刺激觀賞者的視覺神經(jīng)，并使其產(chǎn)生亢奮、激動(dòng)的心理變化，使畫面呈現(xiàn)出熱鬧、歡快的視覺效果。相反地，低純度、低明度的色彩相結(jié)合則使畫面呈現(xiàn)出沉寂、壓抑的視覺氛圍；低純度的色彩搭配也會(huì)使版面看起來(lái)更加高級(jí)、有質(zhì)感。02

版式設(shè)計(jì)與色彩三、色彩在版式設(shè)計(jì)中的應(yīng)用技巧→（三）運(yùn)用色彩表現(xiàn)版面情感→2．色彩的歡快與悲傷

思考與練習(xí)下面展示的是某雜貨店的名片設(shè)計(jì)，觀察并分析哪個(gè)設(shè)計(jì)使信息排列得更加整齊，更便于閱讀。02

版式設(shè)計(jì)與色彩

思考與練習(xí)下面分別給出了兩幅針對(duì)幼兒和老年人設(shè)計(jì)的雜志內(nèi)頁(yè)，但兩個(gè)設(shè)計(jì)的顏色搭配都不夠符合所針對(duì)的人群，挑選一幅作品進(jìn)行修改，通過改變色彩使版面更加符合幼兒、老年人這兩種特殊人群特點(diǎn)。老年人雜志內(nèi)頁(yè)設(shè)計(jì)幼兒園春游通知宣傳頁(yè)02

版式設(shè)計(jì)與色彩第六章不同形式的版式設(shè)計(jì)目錄01版式設(shè)計(jì)的基本類型02版式設(shè)計(jì)的經(jīng)典形式01版式設(shè)計(jì)的基本類型一、滿版型

版式設(shè)計(jì)的構(gòu)圖樣式多種多樣，常見有滿版型、分割型、對(duì)稱型、對(duì)角型、三角型、重復(fù)型等。滿版型滿版型版面以圖片信息為重點(diǎn)。它是將圖片鋪滿整個(gè)版面，具有強(qiáng)烈的視覺沖擊力，給人以直觀、明了的視覺感受，整體效果大方、舒展，且層次分明，常用于平面廣告。滿版型構(gòu)圖的廣告主題明確，給人以豐滿、生動(dòng)的視覺效果。01版式設(shè)計(jì)的基本類型二、分割型→（一）上下分割

分割型版面布局是將整個(gè)版面分割成大小不同的區(qū)域，并將圖片和文字分別安置在合適的位置。分割包括對(duì)圖片、文字等版面構(gòu)成元素的分割。分割型版面注重比例和位置的劃分，通過對(duì)版面進(jìn)行上下、左右、水平、垂直等區(qū)域的劃分，達(dá)到一種視覺美感。上下分割是一種比較簡(jiǎn)單、快捷的版面劃分方式，它是將整個(gè)版面劃分為上、下兩個(gè)部分，使圖文分工更為明確，版面更為簡(jiǎn)潔并易于閱讀。上下分割的版面布局顯得干凈、利索，給人直觀明了的視覺感受01版式設(shè)計(jì)的基本類型二、分割型→（二）左右分割

左右分割版面是將整個(gè)版面劃分為左、右兩個(gè)部分，分別放置圖片和文字。這種分割類型的版面通過圖片、文字的強(qiáng)弱對(duì)比帶來(lái)一種視覺上的不平衡感，從而增強(qiáng)版面活躍性。左圖右文式分割01版式設(shè)計(jì)的基本類型二、分割型→（二）左右分割二、分割型→（三）水平分割

水平分割型版面符合橫向的視覺流向，是將版面中的圖片、文字等版面元素以水平的方向進(jìn)行排列，引導(dǎo)視線以水平方向來(lái)回移動(dòng)。水平分割版面給人以穩(wěn)定、安靜而含蓄的視覺感受。水平方向的視覺引導(dǎo)給人規(guī)整、穩(wěn)定的印象01版式設(shè)計(jì)的基本類型二、分割型→（四）垂直分割

垂直分割型版面符合縱向視覺流程，是將版面中的圖片、文字等版面元素在垂直方向上進(jìn)行排列，使視線形成由上至下的移動(dòng)模式。相對(duì)于水平分割版面，垂直分割型版面更富有動(dòng)感，充滿活力。垂直式版面分割的視覺流程清晰，版面結(jié)構(gòu)明確01版式設(shè)計(jì)的基本類型二、分割型→（五）黃金分割

黃金分割法是由古希臘人發(fā)明的，即將整體一分為二，較大部分與較小部分之比等于整體與較大部分之比，其比值為1∶0.618或1.618∶1。這種比例最能引起人的美感，是一種接近完美的比例，因此被稱為黃金分割。黃金分割法是眾多設(shè)計(jì)者推崇的版面分割手法之一，將版面中的重要部分置于版面黃金比例位置處，最易引起視覺上的美感，同時(shí)可有效地突出主體，達(dá)到吸引視線的目的。

將視覺主體放置于黃金分割點(diǎn)上，結(jié)合光影的明暗變化，使產(chǎn)品形象更為清晰、生動(dòng)。

背景橙色色塊與白色色塊形成黃金比例分割，給人以和諧、舒適的視覺美感。01版式設(shè)計(jì)的基本類型三、對(duì)稱型

對(duì)稱型版面是利用版面中的軸心將版面元素進(jìn)行上下、左右或其他方式的對(duì)稱。對(duì)稱型版面具有統(tǒng)一、莊嚴(yán)的特點(diǎn)。01版式設(shè)計(jì)的基本類型10/14/2024三、對(duì)稱型

課堂討論：

沿中心線左右對(duì)稱設(shè)置元素，能夠營(yíng)造出均衡對(duì)稱的效果。想給出了兩個(gè)設(shè)計(jì)方案，觀察并分析哪個(gè)方案看起來(lái)更加簡(jiǎn)潔、高雅？為什么？

01版式設(shè)計(jì)的基本類型四、對(duì)角型

對(duì)角型版面是指版式中的主要元素分別位于版面的對(duì)角線上，形成了變化中相呼應(yīng)的視覺效果。對(duì)角型版面具有不穩(wěn)定感，視覺沖擊力較強(qiáng)。

對(duì)角型構(gòu)圖增添了版面的趣味性01版式設(shè)計(jì)的基本類型五、三角型

三角形又稱金字塔形，是基本圖形中最具有安全感的圖形。版式設(shè)計(jì)中的三角形構(gòu)圖又可分為正三角形和倒三角形兩種。正三角形構(gòu)圖有著最為穩(wěn)定的圖形結(jié)構(gòu)，給人穩(wěn)定、安全、值得信賴的感覺。倒三角形的版式結(jié)構(gòu)給人以動(dòng)感和不穩(wěn)定感，使版面充滿緊張感。正三角形版面給人穩(wěn)定、牢固的視覺感受倒三角形式版面充滿動(dòng)感和緊張感01版式設(shè)計(jì)的基本類型六、重復(fù)型與重疊型

重復(fù)型版面是將多個(gè)圖片，以相同的大小按照一定的規(guī)律進(jìn)行有秩序的重復(fù)排列，多用于展現(xiàn)一組或一系列相近的圖片。由于圖片大小一致，形式相同或相近，很容易造成視覺上的重復(fù)印象，富有規(guī)律性，給人以整齊、統(tǒng)一的視覺感受。重復(fù)型版面具有強(qiáng)烈的秩序感，給人以視覺上的統(tǒng)一感01版式設(shè)計(jì)的基本類型六、重復(fù)型與重疊型

重疊型版面布局是指版面中的主要元素以相同或相似的形式反復(fù)出現(xiàn)，排列時(shí)表現(xiàn)為層層重疊的樣式。這種構(gòu)圖使版面具有較強(qiáng)的整體感和豐富感，能夠營(yíng)造出活潑、動(dòng)感的版面效果，適合于表現(xiàn)時(shí)尚、年輕的主題。重疊型版面具有豐富的視覺感受，充滿動(dòng)感和時(shí)尚氣息01版式設(shè)計(jì)的基本類型七、坐標(biāo)型

坐標(biāo)型版面構(gòu)圖是指版面中的文字或圖片等元素以類似坐標(biāo)線的形式，呈垂直與水平交叉式排列。這種構(gòu)圖方式比較特殊，具有較強(qiáng)的視覺注目度，能給觀者留下較深的印象。坐標(biāo)型版面適宜于表現(xiàn)輕松、活潑的主題，但注意文字量不宜過多。坐標(biāo)型版面給人以輕松、活潑之感01版式設(shè)計(jì)的基本類型八、傾斜型

傾斜型版面構(gòu)圖是指將版面中的文字或圖片等元素傾斜編排，形成版式強(qiáng)烈的動(dòng)感和不穩(wěn)定性，使人產(chǎn)生一種重心不穩(wěn)的感覺，具有很強(qiáng)的視覺沖擊力，引人注目。01版式設(shè)計(jì)的基本類型九、組合型

組合型構(gòu)圖是將版面分成左右、上下兩部分，再將富有對(duì)比意味的元素拼貼在一起，形成新的版面，統(tǒng)一中有變化，形成趣味性極強(qiáng)的版式效果。組合型版面具有極強(qiáng)的趣味性，令人印象深刻01版式設(shè)計(jì)的基本類型十、自由型

自由型構(gòu)圖是指版面結(jié)構(gòu)沒有任何規(guī)律，通過隨意的編排組織相關(guān)元素。自由型版面形式靈活多變，畫面活潑、輕松，是最能施展創(chuàng)意的構(gòu)圖形式。但自由構(gòu)圖并不代表雜亂無(wú)章，還需要把握整體的協(xié)調(diào)性。自由型版面在布局上打破常規(guī)，體現(xiàn)出無(wú)限的創(chuàng)造力和獨(dú)特的個(gè)性01版式設(shè)計(jì)的基本類型

課堂討論：下圖所展示的是某面向20歲女性的雜貨信息雜志的內(nèi)頁(yè)。該篇內(nèi)容的主題是“法國(guó)跳蚤市場(chǎng)”，觀察給出的兩個(gè)設(shè)計(jì)方案，說一說哪個(gè)方案既能突出所要表達(dá)的主題，又使內(nèi)容充滿趣味感。（掃描的圖片，調(diào)清楚一些）方案一方案二01版式設(shè)計(jì)的基本類型十一、聚集型

聚集型版式是指版面中的大部分元素按照一定的規(guī)律朝向同一個(gè)中心點(diǎn)聚集。聚集型構(gòu)圖能夠強(qiáng)化版面的重點(diǎn)元素，同時(shí)具有向內(nèi)的聚攏感和向外的發(fā)散感。01版式設(shè)計(jì)的基本類型十二、分散型

分散型構(gòu)圖是指版面中的主要元素按照一定的規(guī)律分散地排列在版面中。這樣的構(gòu)圖通常分布較為平均，元素之間的空間較大，給人以輕松、舒適之感。分散型版面規(guī)律中有變化，給人輕松愜意之感01版式設(shè)計(jì)的基本類型十三、破型

破型版面構(gòu)圖是指打破傳統(tǒng)的網(wǎng)格結(jié)構(gòu)，擺脫平衡和拘束，形成特殊的版面效果。破型版面的創(chuàng)意空間很大，給人以自由、另類之感，充滿個(gè)性。但這種版式構(gòu)成控制起來(lái)比較難，設(shè)計(jì)時(shí)還應(yīng)注意尺度的把握。破型版面版式靈活多變，具有較強(qiáng)的視覺沖擊力01版式設(shè)計(jì)的基本類型02

版式設(shè)計(jì)常用的形式美法則一、變化與統(tǒng)→（一）變化帶來(lái)的視覺跳躍感

變化與統(tǒng)一是版面形式美的總法則，是構(gòu)成版面最根本的要求，同時(shí)也是體現(xiàn)藝術(shù)表現(xiàn)力的首要法則之一。在眾多的視覺信息中，色彩的變化可以表現(xiàn)出極強(qiáng)的視覺跳躍感，更易引起讀者的注意。色彩的跳躍，使版面充滿活力和生氣02

版式設(shè)計(jì)常用的形式美法則一、變化與統(tǒng)→（二）保持版面的統(tǒng)一性統(tǒng)一性主要是強(qiáng)調(diào)版面元素間的一致性，在富有變化的版面中，運(yùn)用統(tǒng)一法則，如均衡、調(diào)和、秩序等，使版面達(dá)到協(xié)調(diào)。豐富的色彩變化中富有統(tǒng)一性人物衣著色彩與背景色彩呼應(yīng)，使版面呈現(xiàn)出很好的統(tǒng)一性02

版式設(shè)計(jì)常用的形式美法則一、變化與統(tǒng)→（三）圖形的特異變化圖形特異變化，是在保證整體規(guī)律的情況下，版面中某小部分與整體秩序不和，但又與規(guī)律不失聯(lián)系。如在許多重復(fù)或近似的元素中出現(xiàn)一小部分特異的元素，與其他統(tǒng)一的元素形成差異對(duì)比，從而制造視覺焦點(diǎn)，引人注目。圖形的特異變化使版面充滿趣味性02

版式設(shè)計(jì)常用的形式美法則課堂討論：

下圖為某舞臺(tái)演出的宣傳單，觀察并分析這兩種設(shè)計(jì)方案，你認(rèn)為哪個(gè)方案更好？為什么？02

版式設(shè)計(jì)常用的形式美法則二、對(duì)比與調(diào)和→（一）色彩關(guān)系的對(duì)比與調(diào)和

對(duì)比使版面充滿矛盾，形成強(qiáng)烈的視覺效果，而調(diào)和則是在對(duì)比中尋求共同點(diǎn)，以緩和版面元素間的對(duì)比矛盾。對(duì)比與調(diào)和能使版面既富有變化，同時(shí)又具有和諧的視覺美感。色彩分為無(wú)彩色與有彩色兩種。無(wú)彩色的對(duì)比因?yàn)闆]有色相和純度上的區(qū)別，只存在明度上的差別，因此調(diào)和后的版面顯得干凈、簡(jiǎn)潔、利索，給人一種大方，充滿個(gè)性的視覺效果。無(wú)彩色版面的對(duì)比與調(diào)和02

版式設(shè)計(jì)常用的形式美法則二、對(duì)比與調(diào)和→（一）色彩關(guān)系的對(duì)比與調(diào)和

有彩色的對(duì)比有很多方面，如色相、純度、明度以及色彩的冷暖等都能形成對(duì)比關(guān)系。有彩色的對(duì)比與調(diào)和具有豐富的視覺信息，能使版面充滿層次感，生動(dòng)而醒目，引人注目。02

版式設(shè)計(jì)常用的形式美法則二、對(duì)比與調(diào)和→（二）大小關(guān)系的對(duì)比與調(diào)和版面中視覺要素的大小對(duì)比影響著版面的結(jié)構(gòu)。通過元素的大小對(duì)比，使觀者清楚地認(rèn)識(shí)到版面中的主次關(guān)系，同時(shí)有利于增強(qiáng)畫面的層次感。通過版面圖片的大小對(duì)比，使廣告主題突出，充滿趣味性02

版式設(shè)計(jì)常用的形式美法則二、對(duì)比與調(diào)和→（三）主從關(guān)系的對(duì)比與調(diào)和

版面中的各元素之間應(yīng)遵循主從關(guān)系，通過主從關(guān)系的對(duì)比與調(diào)和，突出主題的同時(shí)，使版面富有層次感。

02

版式設(shè)計(jì)常用的形式美法則

課堂討論：

黑色沉穩(wěn)大氣，富有質(zhì)感，是設(shè)計(jì)中的常用色，但在使用時(shí)，需要處理好與其他色彩的調(diào)和與對(duì)比的關(guān)系，否則就會(huì)給人灰暗、沉重、壓抑的印象。觀察下面兩幅版式設(shè)計(jì)的作品，分析哪一個(gè)設(shè)計(jì)更能體現(xiàn)出高品質(zhì)的效果？為什么？02

版式設(shè)計(jì)常用的形式美法則三、對(duì)稱與均衡→（一）對(duì)稱均衡

對(duì)稱均衡是利用版面結(jié)構(gòu)的左右或上下的對(duì)稱，使版面在“量”和“形”上達(dá)到一種絕對(duì)或相對(duì)的平衡。這種版式呈現(xiàn)出一種莊重、嚴(yán)肅的視覺效果。02

版式設(shè)計(jì)常用的形式美法則三、對(duì)稱與均衡→（二）非對(duì)稱均衡

非對(duì)稱均衡版面追求心理上“量”的均衡狀態(tài)，而不要求形式上的絕對(duì)對(duì)稱，相對(duì)于對(duì)稱均衡版面，非對(duì)稱均衡版式表現(xiàn)更為靈活、生動(dòng)，引人注目。非對(duì)稱均衡版面效果生動(dòng)、活潑，充滿趣味性02

版式設(shè)計(jì)常用的形式美法則四、節(jié)奏與韻律→（一）通過圖片的遞增或遞減表現(xiàn)出的節(jié)奏感

將版面中的視覺元素按照由大到小或由小到大的順序依次進(jìn)行擺放，能使版面富有節(jié)奏感，同時(shí)遞增或遞減的排列方式還能體現(xiàn)出版面的方向感，使版面富有動(dòng)感和層次感。將圖片以大小的次序規(guī)律排列，使版面產(chǎn)生節(jié)奏，富有強(qiáng)烈的秩序感02

版式設(shè)計(jì)常用的形式美法則四、節(jié)奏與韻律→（二）通過遠(yuǎn)近方向表現(xiàn)的節(jié)奏感

將版面中的元素按照一定的方向進(jìn)行編排，可以使原本平淡、無(wú)趣的版面變得富有動(dòng)感和秩序感，使版面具有指向性和延伸感，給人以整齊、規(guī)律的視覺感受，富有氣勢(shì)。圖片具有方向性的重復(fù)排列，使版面生動(dòng)有趣，并富有力量02

版式設(shè)計(jì)常用的形式美法則四、節(jié)奏與韻律→（三）重復(fù)圖形產(chǎn)生的節(jié)奏感與韻律感

版面中的圖形、文字、色彩等視覺要素，在符合某種規(guī)律的情況下發(fā)生連續(xù)不斷的變化，能夠給人以視覺上的節(jié)奏感和韻律感。節(jié)奏與韻律往往相互依存，互為因果。節(jié)奏是簡(jiǎn)單的重復(fù)，是韻律的基礎(chǔ)；韻律是對(duì)節(jié)奏的深化，是有變化的重復(fù)。節(jié)奏帶有一定程度的機(jī)械美，韻律在節(jié)奏變化中產(chǎn)生無(wú)窮的情趣。02

版式設(shè)計(jì)常用的形式美法則五、虛實(shí)與留白→（一）利用留白突出主體

留白是指在版面中巧妙地留出空白區(qū)域，使其更好地突出和襯托主體，使觀者視線集中在主體之上，同時(shí)也能使版面更具空間感。02

版式設(shè)計(jì)常用的形式美法則五、虛實(shí)與留白→（二）利用留白營(yíng)造意境

留白除了用于突出主體外，它對(duì)意境的創(chuàng)造也有很重要的作用。巧妙的留白可以使畫面呈現(xiàn)出不一樣的意境效果，給人無(wú)限的遐想空間。恰當(dāng)?shù)牧舭资拱婷骘@得干凈、空靈，充滿浪漫氣息

留白配合簡(jiǎn)單的色調(diào)，烘托出一種寂寥、孤獨(dú)的意境02

版式設(shè)計(jì)常用的形式美法則五、虛實(shí)與留白→（三）利用留白營(yíng)造意境用圖形的強(qiáng)弱表現(xiàn)虛實(shí)

在版式設(shè)計(jì)中，利用圖形強(qiáng)弱對(duì)比營(yíng)造出的虛實(shí)效果，可以使版面更具空間感，引人注目。

明暗對(duì)比的版面簡(jiǎn)潔有力，使視覺主體得以鮮明突出02

版式設(shè)計(jì)常用的形式美法則

思考與練習(xí)

1．版式設(shè)計(jì)有哪些基本類型？2．版式設(shè)計(jì)的常用形式美法則有哪些？3．下面展示的是某雜貨店開業(yè)的促銷海報(bào)，觀察并分析哪種設(shè)計(jì)更時(shí)尚華麗？為什么？02

版式設(shè)計(jì)常用的形式美法則第七章版式設(shè)計(jì)與印刷目錄02出血設(shè)置及各種標(biāo)示01版式與紙張03印刷制作01

版式與紙張一、開本的認(rèn)識(shí)→（一）開本的大小

開本主要表現(xiàn)為出版物頁(yè)面的大小。把一張全開紙切成尺寸相同的紙張，所裁切的張數(shù)就稱之為開本。如一張完整的全開紙經(jīng)4次對(duì)折后，其單頁(yè)面為全張紙的1/16，那么這樣大小的頁(yè)面就稱為16開。開本大小的劃分有正度紙張與大度紙張兩種不同的標(biāo)準(zhǔn)。在實(shí)際版式應(yīng)用中，有時(shí)也會(huì)采用異型開本。無(wú)論選擇哪種開本，都應(yīng)注意版式尺寸的選擇，盡量以節(jié)約紙張為原則。01

版式與紙張

大度紙張與正度紙張開本大小規(guī)格開數(shù)類型成品尺寸大度32開標(biāo)準(zhǔn)210×140mm32開長(zhǎng)型285×100mm16開標(biāo)準(zhǔn)210×285mm16開長(zhǎng)型420×140mm8開標(biāo)準(zhǔn)420×285mm8開長(zhǎng)型570×205mm4開標(biāo)準(zhǔn)420×570mm4開長(zhǎng)型840×280mm正度32開標(biāo)準(zhǔn)185×125mm32開長(zhǎng)型255×90mm16開標(biāo)準(zhǔn)185×260mm16開長(zhǎng)型370×125mm8開標(biāo)準(zhǔn)370×260mm8開長(zhǎng)型520×180mm4開標(biāo)準(zhǔn)370×520mm4開長(zhǎng)型740×255mm01

版式與紙張一、開本的認(rèn)識(shí)→（一）開本的大小一、開本的認(rèn)識(shí)→（二）開本的選擇1．書籍開本的選擇書籍的開本主要由印刷品的特征及其用途來(lái)決定，最常用的書籍開本有以下幾種類型。普通理論書籍：常用大32開。詩(shī)集：通常使用比較狹長(zhǎng)的小開本。兒童讀物：接近正方形的開本。小字典：通常采用64開以下的尺寸，如100mm×140mm?？萍紩和ǔ３叽巛^大、較寬。畫冊(cè)：多接近于正方形，近年發(fā)展趨勢(shì)多元化，有各種各樣的開本。2．雜志開本的選擇雜志的開本一般有大16開、16開、大32開及32開等。在我國(guó)使用最為廣泛的是大16開，即210mm×285mm。01

版式與紙張一、開本的認(rèn)識(shí)→（二）開本的選擇

3．報(bào)紙開本的選擇目前世界上各國(guó)的報(bào)紙幅面主要有對(duì)開、四開兩種，我國(guó)的對(duì)開報(bào)紙幅面為780mm×550mm，版心尺寸為350mm×490mm×2，通常分為8欄，橫排與豎排所占的比例約為8:2。四開報(bào)紙的幅面尺寸為540mm×390mm，版心尺寸為490mm×350mm。目前也出現(xiàn)了一些幅面不規(guī)則的報(bào)紙版面，如寬幅、窄幅報(bào)紙等。4．招貼開本的選擇招貼的宣傳方式多種多樣，尺寸的選擇很重要，適當(dāng)?shù)某叽绮拍苓_(dá)到更好的宣傳效果。招貼最常用的尺寸有380mm×540mm、420mm×570mm、500mm×700mm。01

版式與紙張一、開本的認(rèn)識(shí)→（二）開本的選擇5．DM單開本的選擇DM單的表現(xiàn)形式多樣，在開本的選擇上也各有所異。由于DM單多采用郵寄的方式進(jìn)行傳遞，因此，在開本的選擇上需要考慮到人們的閱讀習(xí)慣和攜帶的便利性。根據(jù)DM單開本的形式，我們將其分為單頁(yè)版式和折頁(yè)版式。最常用的尺寸有210mm×285mm和420mm×285mm。01

版式與紙張一、開本的認(rèn)識(shí)→（三）