（中職）多媒體應(yīng)用技術(shù)任務(wù)1.4 版式設(shè)計教學(xué)課件（）

（中職）多媒體應(yīng)用技術(shù)任務(wù)1.4版式設(shè)計教學(xué)課件（工信版）任務(wù)1.4版式設(shè)計【任務(wù)描述】【任務(wù)分析】宏發(fā)圖文公司讓設(shè)計師李紅向新來的張紅講解版式設(shè)計的知識，要求張紅能在短期內(nèi)掌握版式設(shè)計的基礎(chǔ)知識，李紅該怎樣講解給張紅呢？好的版式設(shè)計可以更好的傳達(dá)信息，增強(qiáng)可讀性，使版面美觀、具有條理性。版式設(shè)計是藝術(shù)構(gòu)思與編排技術(shù)的結(jié)合，是藝術(shù)與技術(shù)的統(tǒng)一體。本任務(wù)從板式設(shè)計的概念、原則、步驟、基本類型方面展開講解?！救蝿?wù)目標(biāo)】識記版式設(shè)計的概念。掌握版式設(shè)計的原則。掌握版式設(shè)計的步驟。了解版式設(shè)計的基本類型及各類型版式設(shè)計的特點(diǎn)。能在實踐中靈活運(yùn)用各類版式設(shè)計。任務(wù)1.4版式設(shè)計一、版式設(shè)計的概念版式設(shè)計是指在有限的設(shè)計版面上,將圖片、圖形、文字和色彩等視覺元素作有機(jī)的排列組合,使畫面主題鮮明、主次明確，充滿藝術(shù)氛圍，達(dá)到信息傳達(dá)的目的。版面設(shè)計廣泛應(yīng)用于書刊、報紙、雜志、招貼、廣告和包裝等平面設(shè)計的各個領(lǐng)域。二、版式設(shè)計的原則1．主題鮮明突出版式設(shè)計的目的是為了更好地傳播信息，突出主題，達(dá)到訴求效果。2．形式與內(nèi)容統(tǒng)一版式設(shè)計的前提是版式形式要符合主題的思想內(nèi)容。3．整體性與協(xié)調(diào)性“整體”是版式設(shè)計的前提，建立信息等級，明確主次關(guān)系。版式設(shè)計要從隨意和混亂中找到條理，使閱讀者知曉信息主次，理解所傳遞的主題。在設(shè)計前，圍繞主題，對文本進(jìn)行分析和提煉，對文本等級配置不同的字形、字號和色彩等。構(gòu)成版式設(shè)計的文字、圖形，稱為版式中的可見元素，不可見的元素是空白空間?？梢娫嘏c空白空間形成黑、白、灰三種空間層次關(guān)系，通過黑、白、灰的明度變化，使主題元素更加突出，各元素之間建立起先后順序，使信息層次明確?！救蝿?wù)實施】任務(wù)1.4版式設(shè)計三、版式設(shè)計的視覺要素1．文字主題內(nèi)容（標(biāo)題、正文等）離不開文字，通過文字傳達(dá)信息。不同的字體給人的心理感受不一樣，美的字體能使讀者感到愉悅，能更好地傳達(dá)主題。2．圖形圖像圖片在版式設(shè)計中，占有很大比例，視覺沖擊力比文字強(qiáng)，使版面立體化，幫助理解。大圖注目程度高，感染力強(qiáng)。小圖插入字群間顯得精致，點(diǎn)綴和呼應(yīng)主題。3．色彩不同的色彩給人的心理感覺不一樣。使主題元素更加突出，各元素之間建立起先后順序，使信息層次明確。四、版式設(shè)計的步驟

1．確定主題。

確定主題就是要明確需要傳達(dá)的信息，首先要進(jìn)行讀者的定位。不同的群體對版式設(shè)計有不同的要求，在做版式設(shè)計之前，需對讀者群進(jìn)行分析定位。例如同樣是書籍排版，小孩看的書要求圖多字少，年輕人看的書要有個性化，老年人看的書，字體要大，版面規(guī)整等。【任務(wù)實施】任務(wù)1.4版式設(shè)計根據(jù)不同的群體設(shè)計不同的版面風(fēng)格和版式結(jié)構(gòu)。其次，明確傳播信息。好的版式不僅要有畫面的美感，還要有明確的傳播目的。在追求文字、圖片與色彩的搭配時，信息傳達(dá)也要準(zhǔn)確、清晰。2．收集關(guān)于主題的素材，包括文字、圖形圖像等。3．繪制草圖，確定版面元素的布局，利用多樣和隨意的繪圖找到合理的版式形式。4．使用圖形圖像處理軟件排版。五、版式設(shè)計的基本類型1．骨骼型骨骼型版式是規(guī)范的、理性的分割方法，在編排上以分欄的形式出現(xiàn)，一豎通欄、雙欄、三欄、四欄等。圖片和文字嚴(yán)格按照骨骼比例編排，形成理性、和諧之美。骨骼之間相互混合，既理性又活潑。如圖1-4-1所示?！救蝿?wù)實施】任務(wù)1.4版式設(shè)計2．滿版型圖像充滿整個版面，版面不留白邊，圖像不受版心約束，文字壓在圖像上層，使圖像視覺傳達(dá)得直觀。主要特點(diǎn)是傳播速度快、視覺表現(xiàn)強(qiáng)烈，給人大方直白的感覺，常用于平面廣告。如圖1-4-2所示，整張畫面采用了一整張照片的形式進(jìn)行信息傳達(dá)，有強(qiáng)烈的視覺效果?！救蝿?wù)實施】任務(wù)1.4版式設(shè)計圖1-4-1骨骼型圖1-4-2滿版型3．分割型整個版面分成上下或左右兩部分，分別排置圖片和文字，即上下分割型（圖1-4-3所示），左右分割（圖1-4-4所示）。特點(diǎn)是畫面各元素易形成平衡，結(jié)構(gòu)穩(wěn)當(dāng)，圖片生動有活力，文字理性而靜止，動靜結(jié)合?！救蝿?wù)實施】任務(wù)1.4版式設(shè)計圖1-4-3上下分割型圖1-4-4左右分割型4．中軸型將圖形作水平或垂直方向排列，文字配置在上下或左右標(biāo)題。水平排列的版面，給人穩(wěn)定、安靜、平和之感。如圖1-4-5、1-4-6所示?！救蝿?wù)實施】任務(wù)1.4版式設(shè)計圖1-4-5中軸型（垂直）圖1-4-6中軸型（水平）5．曲線型在版面上通過線條、色彩、形體、方向等的有規(guī)律的變化，將圖片、文字做曲線的編排，使畫面有韻律、節(jié)奏感。如圖1-4-7所示。6．傾斜型版面主體元素或多個元素傾斜編排，造成版面強(qiáng)烈動感，引人注目。如圖1-4-8所示?！救蝿?wù)實施】任務(wù)1.4版式設(shè)計圖1-4-7曲線型圖1-4-8傾斜型7．對稱型對稱的版式使畫面統(tǒng)一、莊嚴(yán)，給人高品質(zhì)、可信賴的感覺，穩(wěn)定、理性。如圖1-4-9所示?！救蝿?wù)實施】任務(wù)1.4版式設(shè)計圖1-4-9對稱型8．重心型生視覺焦點(diǎn)，有三種類型：直接以獨(dú)立而輪廓分明的形象占據(jù)版面中心；向心－視覺元素向版面中心聚攏的運(yùn)動；離心－猶如石子投入水中，產(chǎn)生一圈一圈向外擴(kuò)散的弧線的運(yùn)動。如圖1-4-10所示。

9．三角型各視覺元素呈三角形排列，正三角形最具穩(wěn)定性，倒三角形活潑、多變，側(cè)三角形既安定又動感。用正三角形時要避免呆板，可通過對文字和圖片的處理打破死板。如圖1-4-11所示?！救蝿?wù)實施】任務(wù)1.4版式設(shè)計圖1-4-10重心型圖1-4-11三角型10．并置型將圖片作大小相同而位置不同的排列，可以是相同圖片或不同圖片，使版面安靜、有秩序。如圖1-4-12、圖1-4-13所示。【任務(wù)實施】任務(wù)1.4版式設(shè)計圖1-4-12并置型（豎）

圖1-4-13并置型（橫）

11．自由型將構(gòu)成要素在版面上做不規(guī)則分散排列，無規(guī)律，隨意的編排，使版面隨意、輕松。但要注意圖像的大小、主次，還應(yīng)考慮要素間的疏密、均衡，視點(diǎn)雖然分散，但整個版面給人以統(tǒng)一完整的感覺。五、版式設(shè)計中的網(wǎng)格系統(tǒng)網(wǎng)格構(gòu)成是現(xiàn)代版式設(shè)計最重要的基礎(chǔ)構(gòu)成之一。作為一種行之有效的版面設(shè)計形式法則，將版面中的構(gòu)成元素點(diǎn)、線、面協(xié)調(diào)一致地編排在版面上。網(wǎng)格在版式設(shè)計中有著約束版面的作用，其設(shè)計特點(diǎn)主要強(qiáng)調(diào)了比例感、秩序感、整體感與嚴(yán)肅感，使整個版面具有簡潔、樸實的版面藝術(shù)表現(xiàn)風(fēng)格，在版式設(shè)計中成為主要的構(gòu)成元素。在版式設(shè)計中，一個好的網(wǎng)格結(jié)構(gòu)可以幫助人們在設(shè)計的時候根據(jù)網(wǎng)格的結(jié)構(gòu)進(jìn)行版式設(shè)計。在編排的過程中有明確的版面結(jié)構(gòu)。網(wǎng)格系統(tǒng)的作用：網(wǎng)格具有版面需求性、信息組織的功能性、閱讀的關(guān)聯(lián)性。網(wǎng)格的類型：對稱式欄狀網(wǎng)格、對稱式單元網(wǎng)格、非對稱式網(wǎng)格、成角網(wǎng)格等?！救蝿?wù)實施】任務(wù)1.4版式設(shè)計1．對稱式欄狀網(wǎng)格對稱式網(wǎng)格的目的主要是組織信息，平衡左右版面的作用。對稱式欄狀網(wǎng)格分為單欄網(wǎng)格、雙欄網(wǎng)格、三欄、四欄、多欄網(wǎng)格等。單欄網(wǎng)格一般用于文字性書籍，如小說、文學(xué)著作等。因此在單欄式網(wǎng)格中文字的長度一般不要超過60字。這類版面，使閱讀更流暢，但版面缺乏變化，文字的編排比較密集，畫面顯得有些單調(diào)。如圖1-4-14所示?！救蝿?wù)實施】任務(wù)1.4版式設(shè)計圖1-4-14雙欄對稱網(wǎng)格

2．對稱式單元網(wǎng)格對稱式單元網(wǎng)格在版面編排中，將版面分成同等大小的網(wǎng)格，再根據(jù)版式的需要編排文字與圖片。這樣的版式具有很大的靈活性，可以隨意編排文字和圖片。在編排過程中，單元格之間的間隔距離可以自由放大或者縮小，但是每個單元格四周的空間距離必須相等。如圖1-4-15所示。【任務(wù)實施】任務(wù)1.4版式設(shè)計圖1-4-15單元對稱網(wǎng)格

3．非對稱網(wǎng)格非對稱網(wǎng)格是指左右版面采用同一種編排方式，但是在編排的過程中并不像對稱網(wǎng)格那樣絕對。非對稱網(wǎng)