《版式設(shè)計(jì)》543-0（吳永堅(jiān)）教案 第6節(jié) 圖版率及圖片編排方式

PAGE4PAGE4PAGE5PAGE5

課題圖版率及圖片基本編排形式課時(shí)2課時(shí)（90min）教學(xué)目標(biāo)知識(shí)技能目標(biāo)：（1）了解高、中、低三種圖版率的形式及優(yōu)缺點(diǎn)（2）掌握?qǐng)D片的基本編排形式素質(zhì)目標(biāo):提高學(xué)生的職業(yè)素養(yǎng)，培養(yǎng)學(xué)生感受美、創(chuàng)造美、鑒賞美的能力教學(xué)重難點(diǎn)教學(xué)重點(diǎn)：圖片的基本編排形式教學(xué)難點(diǎn)：圖片的基本編排形式教學(xué)方法案例分析法、問答法、討論法、講授法、課堂實(shí)踐法教學(xué)用具電腦、投影儀、多媒體課件、教材、文旌課堂APP教學(xué)設(shè)計(jì)第1節(jié)課：→→傳授新知（23min）→課堂討論（15min）第2節(jié)課：→傳授新知（25min）→課堂討論（10min）→課堂小結(jié)（3min）→作業(yè)布置（2min）教學(xué)過程主要教學(xué)內(nèi)容及步驟設(shè)計(jì)意圖第一節(jié)課考勤

（2min）【教師】使用文旌課堂APP進(jìn)行簽到【學(xué)生】按照老師要求簽到培養(yǎng)學(xué)生的組織紀(jì)律性，掌握學(xué)生的出勤情況問題導(dǎo)入（5min）【教師】提出問題：什么是圖版率？【學(xué)生】思考、舉手回答通過問題導(dǎo)入，引導(dǎo)學(xué)生主動(dòng)思考，激發(fā)學(xué)生的學(xué)習(xí)興趣傳授新知

（23min）【教師】總結(jié)學(xué)生的回答，并引入新知，講解圖版率的相關(guān)知識(shí)所謂圖版率，是指圖片或插圖等視覺直觀要素所占面積與整體頁面之間的比率。圖版率的高低由版面中圖片的實(shí)際面積決定，它是影響版面視覺效果的重要因素。通常情況下，設(shè)計(jì)師要根據(jù)設(shè)計(jì)對(duì)象的需求來設(shè)定頁面的圖版率，以獲得不同的主題情感表達(dá)。版面中的圖版率通常分為高、中、低三種形式。一、高圖版率?【教師】多媒體展示高圖版率版面效果圖片，并講解新知高圖版率指版面中的圖片占據(jù)了大量的面積，成為畫面的主導(dǎo)元素。在高圖版率的版面中，文字信息變得相對(duì)較少，大篇幅的圖片代替文字呈現(xiàn)給人們更多的內(nèi)容和信息，并使讀者感受到一種閱讀的活力。高圖版率的編排方式視覺沖擊力強(qiáng)，能有效地增強(qiáng)版面的傳播能力。二、中圖版率?【教師】多媒體展示中圖版率版面效果圖片（詳見教材），并講解新知簡(jiǎn)單來說，中圖版率就是在同一版面中，圖片與文字要素所占的面積比例為1∶1。需要注意的是，這種等量比例是相對(duì)的。適中的圖版率使版面體現(xiàn)出均衡感，給人一種舒適的視覺感受。三、低圖版率?【教師】多媒體展示低圖版率版面效果圖片，并講解新知低圖版率就是指圖片在版面中占據(jù)的面積相對(duì)較小，文字內(nèi)容充斥著大部分的版面面積。在低圖版率的版面中，讀者將面對(duì)大量的文字信息，通過少量的圖片來豐富版式的結(jié)構(gòu)，避免視覺疲勞，給人一種沉穩(wěn)、安靜的視覺效果?！緦W(xué)生】聆聽、思考、理解、記憶通過教師的講解和課堂提問的方式，使學(xué)生了解三種圖版率的相關(guān)內(nèi)容課堂討論

（15min）【教師】組織學(xué)生以小組為單位討論以下問題：編排多張圖片時(shí)，要根據(jù)其重要性分出主次，以便將重點(diǎn)內(nèi)容更明確地傳達(dá)給讀者。下面給出了兩個(gè)某雜志版式設(shè)計(jì)方案，說一說哪個(gè)方案更有張力，更能突出內(nèi)容主題，為什么？【學(xué)生】思考、討論、小組代表回答【教師】與學(xué)生一起評(píng)價(jià)各組的發(fā)言，并進(jìn)行總結(jié)通過課堂討論，鞏固所學(xué)內(nèi)容，加深學(xué)生對(duì)版圖率的理解第二節(jié)課問題導(dǎo)入（5min）【教師】提出問題：常見的圖片編排形式有哪些？【學(xué)生】思考、舉手回答通過問題導(dǎo)入，引導(dǎo)學(xué)生主動(dòng)思考，激發(fā)學(xué)生的學(xué)習(xí)興趣傳授新知

（25min）【教師】總結(jié)學(xué)生的回答，并引入新知，講解圖片的基本編排形式的相關(guān)知識(shí)圖片作為版面設(shè)計(jì)中的重要構(gòu)成元素之一，不但能直觀、形象地傳達(dá)信息，還能使讀者從中獲得美的感受，它比文字更能吸引讀者的注意。因此，圖片的編排對(duì)版面效果起著至關(guān)重要的作用。版式設(shè)計(jì)中的圖片表現(xiàn)形式多種多樣，包括方形圖、圓形圖、去底圖、特寫圖和出血圖片等，不同的形式可以實(shí)現(xiàn)不同的設(shè)計(jì)效果。一、方形圖與圓形圖?【教師】提出問題：方形圖與圓形圖給人的感受有哪些區(qū)別？?【學(xué)生】思考、主動(dòng)回答問題?【教師】總結(jié)學(xué)生的回答，并講解新知方形圖又稱角版圖，是最常見的一種圖片形式，一般通過照相機(jī)、掃描儀等途徑獲得。方形圖構(gòu)成的版面給人大氣而平穩(wěn)的視覺印象。圓形圖削弱了方形圖四角的銳利感，呈現(xiàn)出更加圓潤(rùn)、柔和的視覺印象，使版面充滿輕松、活潑之感?！菊n堂討論】【教師】利用多媒體展示以下兩個(gè)方案，并組織學(xué)生以小組為單位討論以下問題：方形圖與圓形圖的選擇要根據(jù)設(shè)計(jì)主題和版面效果來確定。下圖展示的是介紹甜品的對(duì)開頁的兩個(gè)方案，說一說哪一個(gè)方案看起來更有誘惑力，為什么？【學(xué)生】思考、討論、小組代表發(fā)言【教師】總結(jié)學(xué)生的發(fā)言二、去底圖與特寫圖?【教師】多媒體展示去底圖與特寫圖版式設(shè)計(jì)圖片（詳見教材），并講解新知去底圖又稱挖版圖，就是刪除圖片背景，使圖片主體獨(dú)立呈現(xiàn)的一種方式。這種方式能輕松、靈活地運(yùn)用圖片，使畫面空間感強(qiáng)烈，版面形式靈活多變。需要注意的是，使用去底圖片時(shí)要將背景圖刪除干凈，避免留下難看的雜邊。此外，圖片通過特寫、拉近并進(jìn)行合理裁切，能使原本普通的畫面呈現(xiàn)出意想不到的視覺效果，令人驚喜。三、出血圖片?【教師】提出問題：舉例說明什么是出血圖片？?【學(xué)生】思考、主動(dòng)回答問題?【教師】總結(jié)學(xué)生的回答，并講解新知出血圖片是指超出頁面大小的圖片，由于它沒有邊框的束縛，使版面具有一種向外的張力，同時(shí)還具有一種運(yùn)動(dòng)感。出血圖片拉近了版面與讀者的距離，增加了版面的聯(lián)想性，豐富了版面的內(nèi)容?！咎崾尽吭诶贸鲅獔D片進(jìn)行版面設(shè)計(jì)時(shí)，不要將對(duì)頁的四邊全部填滿，否則會(huì)給人一種憋悶、不透氣的感覺，可以在對(duì)角線的位置上留出一些空隙。而且應(yīng)注意不要將圖片的重要內(nèi)容放在訂口處，以避免裝訂時(shí)對(duì)其造成破壞。四、圖片的裁剪圖片裁剪是排版設(shè)計(jì)中最基本、最常用的方法之一。通過裁剪去掉不需要的部分，改變圖片的長(zhǎng)寬比，調(diào)整圖片效果，使圖片更為美觀，更適合版面的需要。（一）通過裁剪放大版面圖像?【教師】多媒體展示通過裁剪放大圖像的圖片，并講解新知放大裁剪圖片是截取圖片中的某一部分，形成了局部放大的效果，以減少圖片多余信息。這種方法能有效地將讀者的視線集中到想要展示的內(nèi)容上。需要注意的是，裁剪后的圖片應(yīng)有足夠大的分辨率，以保證印刷成品的清晰度。（二）通過剪裁刪除多余圖像?【教師】多媒體展示通過剪裁刪除多余圖像的圖片對(duì)比，并講解新知剪裁刪除多余的圖像是將多余的部分刪除以完善圖片效果，使版面效果更協(xié)調(diào)。需要注意的是，裁剪時(shí)應(yīng)把握好尺度，盡量避免因過度裁剪而刪除本需要保留的信息，或者因?yàn)椴眉舨粡氐锥鴼埩袅瞬恍枰男畔?，給讀者帶來錯(cuò)誤的印象。（三）通過裁剪調(diào)整圖像位置?【教師】多媒體展示通過裁剪調(diào)整圖像的圖片對(duì)比，并講解新知圖片位置的不同給讀者帶來的視覺印象也不一樣。當(dāng)拍攝的照片原圖沒有達(dá)到預(yù)想的效果和排版要求時(shí)，可以通過裁剪來調(diào)整物體的位置，以突出主題，增強(qiáng)信息傳達(dá)力度。【學(xué)生】聆聽、思考、理解、記憶通過教師的講解和課堂提問的方式，使學(xué)生掌握?qǐng)D片基本編排形式的相關(guān)內(nèi)容課堂討論

（10min）【教師】組織學(xué)生以小組為單位討論以下問題：圖片的出血與裁剪處理有什么異同？分別呈現(xiàn)出怎樣的版式效果？【學(xué)生】思考、討論、小組代表發(fā)言【教師】總結(jié)學(xué)生的發(fā)言通過課堂討論，鞏固所學(xué)知識(shí)，加深學(xué)生對(duì)圖片編排形式的認(rèn)識(shí)課堂小結(jié)（3min）【教師】簡(jiǎn)要總結(jié)本節(jié)課的要點(diǎn)本節(jié)課學(xué)習(xí)了圖片率，以及圖片的基本編排形式等知識(shí)，希望大家在課下多加復(fù)習(xí)，鞏固所學(xué)知識(shí)，掌握?qǐng)D片的基本編排形式?！緦W(xué)生】總結(jié)回顧知識(shí)點(diǎn)總結(jié)知識(shí)點(diǎn)，鞏固學(xué)生對(duì)版式設(shè)計(jì)等相關(guān)知識(shí)的印象作業(yè)布置（2min）【教師】布置課