版式設(shè)計(jì)基礎(chǔ)與實(shí)戰(zhàn)（第2版）（慕課版）-教案 第5-9章 版式設(shè)計(jì)中圖片圖形的處理和表現(xiàn)-版式設(shè)計(jì)綜合運(yùn)用

《版式設(shè)計(jì)》教案授課班級(jí)授課形式多媒體演示(PPT)案例教學(xué)頁(yè)碼5授課日期授課時(shí)數(shù)6課時(shí)授課章節(jié)名稱第五章版式設(shè)計(jì)中圖片圖形的處理和表現(xiàn)教學(xué)目的掌握?qǐng)D片的分類選擇方法、掌握?qǐng)D片的調(diào)整方法、掌握?qǐng)D文的組合方法。教學(xué)重點(diǎn)圖片的分類選擇方法教學(xué)難點(diǎn)圖片的調(diào)整方法更新、補(bǔ)充、刪節(jié)、內(nèi)容無(wú)教學(xué)手段多媒體演示(PPT)案例教學(xué)課外作業(yè)汽車雜志頁(yè)面設(shè)計(jì)課后體會(huì)學(xué)生知識(shí)點(diǎn)掌握情況較好，但是軟件技術(shù)上有欠缺，需要加強(qiáng)教學(xué)過(guò)程設(shè)計(jì)圖形源于人們對(duì)事物的認(rèn)識(shí)，相對(duì)于文字，能夠更加直接的傳遞信息，給人留下深刻的印象，接受程度也更廣泛。因此，學(xué)習(xí)圖的版式（圖形和圖片）很重要。一對(duì)于圖的一般認(rèn)識(shí)圖片在版面設(shè)計(jì)中是有著記錄功能、藝術(shù)功能、交流功能的信息載體。如圖：二排版中圖的處理方式1圖片的選擇在排版過(guò)程圖片不是拿來(lái)即用的，在排版之前對(duì)提供的圖做適當(dāng)?shù)乃伎己秃Y選是十分必要的，以便能夠更好的在設(shè)計(jì)過(guò)程中使用。首先，根據(jù)圖片的功能和意味來(lái)分。委托方需要什么樣的頁(yè)面結(jié)構(gòu)，根據(jù)這些具體的內(nèi)容和要求，圖片各自的功能和呈現(xiàn)方式也不同。例如：按照?qǐng)鼍胺诸悾ㄉ酱?，河流，花草，建筑……），按照季?jié)分類（春，夏，秋，冬……），按照地域分類（鄉(xiāng)村，城市……），按照?qǐng)D片遠(yuǎn)近特寫分類，按照?qǐng)D片質(zhì)量分類等。其次，按照?qǐng)D片的色調(diào)分，可以為后面的排版設(shè)計(jì)中制定好圖片的前后層次關(guān)系和圖底關(guān)系。例如色彩明亮或暖色調(diào)的圖片可以事先歸為一類，用于版面需要設(shè)計(jì)的前景內(nèi)容。色彩深成或冷色調(diào)的圖片也可以歸為一類，用于版面需要設(shè)計(jì)的背景內(nèi)容。當(dāng)然，想調(diào)整同一色調(diào)的圖片之間的層次，也可以通過(guò)增加中間色的方式。再次，根據(jù)圖片的構(gòu)圖或拍攝角度進(jìn)行分類，正式、俯視、仰視、朝左、朝右、特寫、遠(yuǎn)景等不同圖片可以在排版過(guò)程中分配在版面相應(yīng)的不同位置。2圖片的信息層次調(diào)整對(duì)于在版面中圖片順序和大小的調(diào)整首先是需要對(duì)頁(yè)面結(jié)構(gòu)的基本脈絡(luò)和文章意圖有所把握，然后做主次大小的排列，需要注意的是圖形大小的比例在設(shè)計(jì)排版過(guò)程中要大一些，過(guò)多的大小變化容易造成版面的雜亂。避免此種效果出現(xiàn)的最好方式就是整合和拼貼圖片素材。3巧用圖片的動(dòng)勢(shì)效果在一些圖像中本身就存在著動(dòng)態(tài)效果，這些效果可以在排版過(guò)程中巧妙的采用到。4自由邊形圖片的使用自由邊形圖片是指沿著圖像中形象地輪廓裁減出來(lái)的圖形，由于沒(méi)有規(guī)則直線或曲線的束縛，這些圖像在版面中采用會(huì)顯得自由親切。5圖片和文字關(guān)系的調(diào)整版面中圖文組合十分頻繁，因此處理好圖文的關(guān)系十分重要。常規(guī)排版中需要注意統(tǒng)一好文字和圖形的邊線，不能使用圖片隨意切斷文字的閱讀方向，誤導(dǎo)受眾的閱讀。靈活的版面設(shè)計(jì)中也需要注意圖文在疊加過(guò)程中的效果處理，不能以圖蓋文，也不能夠以文蓋圖。6圖片和圖片的關(guān)系把握在圖與圖組合的過(guò)程中，需要注意圖片中的內(nèi)部邊線的對(duì)齊，注意圖片在頁(yè)面中的朝向，以及圖片裁減的問(wèn)題等。三小結(jié)與練習(xí)版式設(shè)計(jì)中對(duì)于以個(gè)體為主的圖片處理表現(xiàn)的練習(xí)練習(xí)重點(diǎn)：恰當(dāng)剪裁圖片、巧用自由邊緣圖片、正確的劃分頁(yè)面、正確運(yùn)用圖片在畫面中構(gòu)圖、圖片與文字的關(guān)系、圖片與背景的關(guān)系、圖標(biāo)logo的恰當(dāng)使用2版式設(shè)計(jì)中對(duì)于多張的圖片排版練習(xí)練習(xí)重點(diǎn)：如何整合版面中的圖片、如何調(diào)控圖片的分布與節(jié)奏、如何調(diào)整圖片的層次以上布局過(guò)程中需要注意的問(wèn)題：1圖片排版前需要根據(jù)文本或設(shè)計(jì)內(nèi)容分類（黑白彩色室內(nèi)室外視角圖片質(zhì)量)2圖片需要去除水印和標(biāo)注3圖片色調(diào)需要根據(jù)整體設(shè)計(jì)效果調(diào)整4圖片布局盡量在網(wǎng)格的基礎(chǔ)上多樣化5圖文排版完成后需要加入適當(dāng)?shù)牡咨蛘咻o助色調(diào)整6圖片必須等比例縮放不需要的部分可以裁切思考與提升：1請(qǐng)結(jié)合上面的參考案例進(jìn)一步完善優(yōu)化圖片布局2圖片色調(diào)需要根據(jù)整體設(shè)計(jì)效果調(diào)整3結(jié)合文字排版的知識(shí)將文字部分與網(wǎng)格和圖片結(jié)合完成整體的圖文一體化排版4可以在完成效果的基礎(chǔ)上添加細(xì)節(jié)（頁(yè)眉頁(yè)腳頁(yè)碼等）3版式設(shè)計(jì)中對(duì)于多張的圖片排版練習(xí)練習(xí)重點(diǎn)：如何整合版面中的圖片、如何調(diào)控圖片的分布與節(jié)奏、如何調(diào)整自由邊圖片和非自由邊圖案在版面中的層次。授課班級(jí)授課形式多媒體演示(PPT)案例教學(xué)頁(yè)碼6授課日期授課時(shí)數(shù)4學(xué)時(shí)授課章節(jié)名稱第六章版式設(shè)計(jì)中色彩的處理和表現(xiàn)教學(xué)目的復(fù)習(xí)色彩的基本原理，掌握排版過(guò)程中配色的思路和步驟。教學(xué)重點(diǎn)排版過(guò)程中配色的思路和步驟教學(xué)難點(diǎn)排版過(guò)程中配色的思路和步驟更新、補(bǔ)充、刪節(jié)、內(nèi)容無(wú)教學(xué)手段輔導(dǎo)練習(xí)課外作業(yè)數(shù)碼產(chǎn)品版面色彩搭配練習(xí)課后體會(huì)教學(xué)過(guò)程設(shè)計(jì)色彩是版面上必不可少的要素,整體色彩的把握直接關(guān)系到版面的視覺(jué)效果.合理的使用色彩能夠使畫面豐富而有活力,同時(shí)不同基調(diào)的色彩能夠準(zhǔn)確的表現(xiàn)不同的設(shè)計(jì)風(fēng)格,畫面的色彩關(guān)系直接引導(dǎo)了版式風(fēng)格的表達(dá)。如果說(shuō)圖形和文字人本身，那么色彩就好比穿著的外衣，各式各樣的色彩點(diǎn)綴和妝扮的人們，形成不同的風(fēng)格效果。一色彩概念和基本理論色彩是可視的，對(duì)人有情感影響的，客觀存在的顏色狀態(tài)。色彩的三要素包括色相、明度、純度。色相是每種色彩的相貌，是區(qū)分色彩的主要依據(jù)，是色彩的最大特征。在色相搭配中，同類色的搭配及色相環(huán)中相鄰色彩的搭配給人統(tǒng)一整體的感覺(jué)。對(duì)比色搭配及色相環(huán)中相對(duì)著的色彩組合在活躍畫面的同時(shí)給人不安定感。明度是色彩的明暗差別，即深淺差別。明度高的色彩組合的版面輕松、明快，明度低的色彩組合的版面深沉、穩(wěn)重。純度是各種色彩中包含的單種標(biāo)準(zhǔn)色的成分的多少，純度越高，色彩感覺(jué)越強(qiáng)。兒童類讀物往往采用純度高的色彩展示，其鮮亮、飽滿的色澤往往是孩子的最愛(ài)。文學(xué)書(shū)籍、畫冊(cè)的設(shè)計(jì)在色彩選擇上往往適于采用純度低的色彩，能夠體現(xiàn)其品位和穩(wěn)重感。二版面色彩設(shè)計(jì)的方法仔細(xì)觀察每一個(gè)版面，會(huì)發(fā)現(xiàn)其中均有貫穿的主色調(diào)和變化的復(fù)制色彩存在。1確定主色調(diào)因此，在版面色彩設(shè)計(jì)的過(guò)程中，根據(jù)設(shè)計(jì)內(nèi)容定位設(shè)計(jì)風(fēng)格后，首先要定位版面的主色調(diào)，為了避免雜亂,增強(qiáng)視覺(jué)效果,一般版式設(shè)計(jì)都應(yīng)該根據(jù)所表現(xiàn)的內(nèi)容確定一種起支配作用的主色,從而獲得統(tǒng)一整體的色彩效果。2確定色彩搭配可視度（注重版面中色不過(guò)三的原則）在主色調(diào)定位的前提下，根據(jù)主色調(diào)和設(shè)計(jì)主題可以選擇搭配色彩運(yùn)用到版面中，搭配色與主色調(diào)色相、明度、純度接近，整個(gè)畫面的可視度柔和，搭配色與主色調(diào)差異大，整個(gè)畫面的可視度強(qiáng)烈。3最終調(diào)整整和。以上利用色彩基本原理搭配進(jìn)行版面設(shè)計(jì)可以使版面產(chǎn)生脹縮感，進(jìn)退感，輕重感等，這些都有利于更好的完善構(gòu)圖。三小結(jié)與練習(xí)練習(xí)一：同樣蘋果產(chǎn)品宣傳單頁(yè)，如何形成兩個(gè)不同的版面色彩風(fēng)格。練習(xí)二：請(qǐng)給一下一則海報(bào)色彩重新搭配顏色（至少兩種方案）。（photoshop軟件輔助）授課班級(jí)授課形式多媒體演示(PPT)案例教學(xué)頁(yè)碼7授課日期授課時(shí)數(shù)12課時(shí)授課章節(jié)名稱第七章版式設(shè)計(jì)的基本版型教學(xué)目的掌握網(wǎng)格版式的概念和特點(diǎn)，掌握級(jí)數(shù)和網(wǎng)格布局的關(guān)系，掌握網(wǎng)格排版的步驟。掌握自由版式的四大特點(diǎn)，能夠通過(guò)圖文的自由組合調(diào)整版面節(jié)奏。教學(xué)重點(diǎn)級(jí)數(shù)和網(wǎng)格布局的關(guān)系、網(wǎng)格排版的步驟、自由版式的特點(diǎn)教學(xué)難點(diǎn)級(jí)數(shù)和網(wǎng)格布局的關(guān)系、網(wǎng)格排版的步驟、自由版式版心的定位和節(jié)奏調(diào)整更新、補(bǔ)充、刪節(jié)、內(nèi)容無(wú)教學(xué)手段多媒體演示(PPT)案例教學(xué)課外作業(yè)網(wǎng)格宣傳折頁(yè)設(shè)計(jì)課后體會(huì)無(wú)教學(xué)過(guò)程設(shè)計(jì)網(wǎng)格版式設(shè)計(jì)一）網(wǎng)格版面設(shè)計(jì)的概念網(wǎng)格是用來(lái)設(shè)計(jì)版面元素的一種方法，主要目的是幫助設(shè)計(jì)師在設(shè)計(jì)版面時(shí)有明確的設(shè)計(jì)思路，創(chuàng)建系統(tǒng)化的版面。網(wǎng)格的采用能夠讓設(shè)計(jì)師在設(shè)計(jì)過(guò)程中考慮的更全面，更精細(xì)地版式設(shè)計(jì)元素，更好的調(diào)整頁(yè)面的節(jié)奏。網(wǎng)格的設(shè)計(jì)規(guī)則起源于北歐，起初是通過(guò)采用數(shù)學(xué)中的級(jí)數(shù)關(guān)系在頁(yè)面中設(shè)置成比例變化的塊面，并調(diào)整組合。如圖：后來(lái)轉(zhuǎn)化為欄的分割來(lái)體現(xiàn)這種關(guān)系。設(shè)計(jì)師可以將頁(yè)面分為一欄、兩欄、三欄、多欄，然后將文字和圖片版式在欄中。網(wǎng)格在版面設(shè)中的使用是嚴(yán)謹(jǐn)、簡(jiǎn)潔、規(guī)則、樸實(shí)的。二）網(wǎng)格版面設(shè)計(jì)的類型在版式設(shè)計(jì)中主要有對(duì)稱式網(wǎng)格和非對(duì)稱式網(wǎng)格兩種。1對(duì)稱式網(wǎng)格對(duì)稱式網(wǎng)格是指版面中左右兩個(gè)頁(yè)面結(jié)構(gòu)完全相同。如圖：對(duì)稱式欄狀網(wǎng)格的主要作用是對(duì)左右頁(yè)面的平衡。欄是文字排版的區(qū)域，欄的寬窄直接影響到文字和圖片的最小塊面效果。單欄式對(duì)稱網(wǎng)格設(shè)計(jì)一般用于文字性書(shū)籍如小說(shuō)的排版中，版面篇幅小。比較單調(diào)，所以在控制每行文字上盡量不超過(guò)60個(gè)。雙欄式對(duì)稱網(wǎng)格較單欄能夠使版面效果更加靈活流暢，在雜志、企業(yè)宣傳冊(cè)的設(shè)計(jì)中使用較多，形成的版面效果較為嚴(yán)肅。三欄式或多欄式對(duì)稱網(wǎng)格可以進(jìn)一步活躍版式，減輕視覺(jué)疲勞，在篇幅較大的報(bào)紙、圖表說(shuō)明的內(nèi)容上使用較多。很多設(shè)計(jì)師為了進(jìn)一步追求排版的嚴(yán)謹(jǐn)，在欄和網(wǎng)格的基礎(chǔ)上，會(huì)運(yùn)用基線將網(wǎng)格進(jìn)一步劃分，甚至可以細(xì)節(jié)到把每一個(gè)字符的面積作為一個(gè)單元格進(jìn)行排版。2成角式網(wǎng)格成角網(wǎng)格的原理和普通的網(wǎng)格設(shè)計(jì)一樣，但由于成角網(wǎng)格是傾斜的，形成的版面效果可以打破常規(guī)。在設(shè)置成角網(wǎng)格角度的時(shí)候，還是要注意版面的可讀性。一般在一個(gè)設(shè)計(jì)體系中（例如一本雜志、一份宣傳冊(cè)、一則系列海報(bào)中）只選用一個(gè)或兩個(gè)角度（45度或60度），從而體現(xiàn)整體性和系統(tǒng)性。三）網(wǎng)格版面設(shè)計(jì)的應(yīng)用

1首先在設(shè)置網(wǎng)格之前要設(shè)定好出血線。出血線是用來(lái)界定圖片或色地的哪些部分需要被裁切掉的線。（出血線以外的部分會(huì)在印刷品裝訂前被裁切掉。所以也叫裁切線。出血就是出血線以外的圖片或色地，也就是會(huì)被裁切掉的部分。出血線的寬度一般是3mm，設(shè)定出血線主要是考慮到排版在后期印刷裁切過(guò)程中不留白邊的效果。2設(shè)定好單元格，單元格可以細(xì)節(jié)到以字符為單位。3嵌入圖片和文字4調(diào)整整體的節(jié)奏效果。這包括在畫面中增加余白。減少畫面的壓迫感。添加邊框或底色，增加信息的層次感。通過(guò)視覺(jué)符號(hào)引導(dǎo)頁(yè)面。添加頁(yè)碼、頁(yè)頭等細(xì)節(jié)元素。四）手繪網(wǎng)格草圖稿的制作主題：制作企業(yè)文化宣傳冊(cè)草圖要求：手繪部分——25P扉頁(yè)1P章節(jié)頁(yè)3P后記1P正文20P繪制標(biāo)準(zhǔn)合理而有變化的網(wǎng)格布局電腦制作部分——單面16K300dpi25P扉頁(yè)1P章節(jié)頁(yè)3P后記1P正文20P繪制標(biāo)準(zhǔn)合理而有變化的網(wǎng)格布局文字用橫線標(biāo)注圖片用灰色快標(biāo)注注明各個(gè)層級(jí)文字的字體字符行間距注明欄間距版心位置頁(yè)眉頁(yè)腳位置和字符二自由版式設(shè)計(jì)一）自由版式的概念字面理解就是無(wú)任何限制的設(shè)計(jì)，它是通過(guò)版式版式中自身元素自由組合排列的設(shè)計(jì)方式。自由版式設(shè)計(jì)的特點(diǎn)1版心的無(wú)疆界性需要注意的是自由不等于漫無(wú)目的的瞎涂亂畫，也須遵守合理安排視覺(jué)元素以及內(nèi)在的基本原則：色彩搭配、肌理、空間等。2字圖一體性使字體成為圖形的一部分；運(yùn)用虛實(shí)相結(jié)合的手法達(dá)到字圖融為一體的目的；運(yùn)用疊加法創(chuàng)造層次，增加畫面的空間厚度。3解構(gòu)性解構(gòu)就是對(duì)原有古典和以數(shù)理為基礎(chǔ)的排版秩序結(jié)構(gòu)的肢解，是對(duì)正統(tǒng)版面的解散和破壞。它運(yùn)用了不和諧的點(diǎn)線面等元素與破碎的文化符號(hào)去重組新型的版面形式。4局部不可讀性“可讀”設(shè)計(jì)者在安排版式過(guò)程中認(rèn)為讀者應(yīng)該讀的部分，包括字體的大小和清晰度?！安豢勺x”是無(wú)需讀的部分，在處理手法上常常把字體縮小、虛化、重疊、復(fù)加、拆分等等，使增強(qiáng)視覺(jué)沖擊力的有效方式之一.三網(wǎng)格與自由版式設(shè)計(jì)練習(xí)1網(wǎng)格版式設(shè)計(jì)練習(xí)2自由版式設(shè)計(jì)練習(xí)思考1網(wǎng)格版式設(shè)計(jì)的基本原理是什么？2網(wǎng)格版式設(shè)計(jì)的基本步驟是什么？3留白對(duì)于網(wǎng)格版式設(shè)計(jì)布局起到什么樣的作用？4什么是自由版式？5自由版式的特點(diǎn)有哪些？授課班級(jí)授課形式多媒體演示(PPT)案例教學(xué)頁(yè)碼8授課日期授課時(shí)數(shù)2課時(shí)授課章節(jié)名稱第八章版式細(xì)節(jié)設(shè)計(jì)與印刷尺寸教學(xué)目的掌握版面頁(yè)邊設(shè)計(jì)、裝訂線區(qū)域設(shè)計(jì)方法，掌握網(wǎng)格版式和自由版式的劃分方式和圖文組合方式、掌握常規(guī)紙張和展示媒體的尺寸。教學(xué)重點(diǎn)常規(guī)紙張和展示媒體的尺寸教學(xué)難點(diǎn)常規(guī)紙張和展示媒體的尺寸更新、補(bǔ)充、刪節(jié)、內(nèi)容無(wú)教學(xué)手段多媒體演示(PPT)案例教學(xué)課外作業(yè)無(wú)課后體會(huì)教學(xué)過(guò)程設(shè)計(jì)一版面細(xì)節(jié)設(shè)計(jì)（頁(yè)眉、頁(yè)邊、頁(yè)碼、目錄）二版面和劃分方式和圖文組合方式三常規(guī)紙張和展示媒體的尺寸四練習(xí)練習(xí)主題：請(qǐng)根據(jù)版面設(shè)計(jì)的整體風(fēng)格定位為下則版面的文字、頁(yè)眉、頁(yè)碼、章節(jié)頁(yè)小結(jié)本章主要介紹了版面設(shè)計(jì)中包括頁(yè)眉、頁(yè)碼、裝訂線等細(xì)節(jié)設(shè)計(jì)部分的樣式和規(guī)范，以及和設(shè)計(jì)者相關(guān)的需要了解的常見(jiàn)版面尺寸、分割方式和術(shù)語(yǔ)。思考1常見(jiàn)的頁(yè)眉頁(yè)腳有哪些設(shè)計(jì)形式？2常見(jiàn)標(biāo)準(zhǔn)紙張尺寸是什么？不同類型的尺寸一般用于什么樣的版面設(shè)計(jì)內(nèi)容？授課班級(jí)授課形式多媒體演示、案例教學(xué)頁(yè)碼9授課日期授課時(shí)數(shù)12課時(shí)授課章節(jié)名稱第九章版式設(shè)計(jì)綜合運(yùn)用教學(xué)目的前面的章節(jié)中我們主要講述了版式設(shè)計(jì)的基礎(chǔ)構(gòu)成元素，如何有效合理地組織元素進(jìn)行視覺(jué)流向和構(gòu)圖的安排，如何抓住版面設(shè)計(jì)中字體、圖片圖形、色彩的屬性和特點(diǎn)排版，以及兩種常見(jiàn)的版