《版面設(shè)計》課程單元教學(xué)設(shè)計與實(shí)施

楊志紅　

（邢臺職業(yè)技術(shù)學(xué)院，河北　邢臺　054035）

?

教學(xué)擷貝

《版面設(shè)計》課程單元教學(xué)設(shè)計與實(shí)施

楊志紅

（邢臺職業(yè)技術(shù)學(xué)院，河北邢臺054035）

本文基于四元教學(xué)設(shè)計，對一個學(xué)習(xí)任務(wù)單元進(jìn)行設(shè)計與實(shí)施，通過給學(xué)生提供針對任務(wù)解決方案和問題解決過程的恰當(dāng)指導(dǎo)與幫助，有效促進(jìn)學(xué)生提高完成任務(wù)的質(zhì)量。

學(xué)習(xí)任務(wù)設(shè)計；學(xué)習(xí)支持設(shè)計；教學(xué)實(shí)施

《版面設(shè)計》是視覺傳達(dá)專業(yè)的一門專業(yè)課。版面設(shè)計是指運(yùn)用造型要素及形式原理，對版面內(nèi)的文字字體、圖像圖形、線條、表格、色塊等要素，按照一定的要求進(jìn)行編排，并以視覺方式藝術(shù)地表達(dá)出來，并通過對這些要素的編排，使觀看者直覺的感受并領(lǐng)會作品傳達(dá)的主旨。版面設(shè)計也服務(wù)于書籍設(shè)計、CI設(shè)計等更綜合性的設(shè)計任務(wù)。

《版面設(shè)計》課程在課程整體層面，按照四元教學(xué)設(shè)計中學(xué)習(xí)任務(wù)設(shè)計的“簡化條件+重點(diǎn)調(diào)控”的方法，設(shè)置了八個學(xué)習(xí)情境，分別為：中文信息版面設(shè)計時關(guān)注“減法設(shè)計”的構(gòu)思方法和信息分層次秩序化視覺傳達(dá)、版面設(shè)計時關(guān)注視覺流程、版面設(shè)計時關(guān)注“對稱”編排方法、版面設(shè)計時關(guān)注“方向”編排方法、版面設(shè)計時關(guān)注“對比”編排方法等。本文以“中文信息版面設(shè)計時關(guān)注‘減法設(shè)計’的創(chuàng)意方法和信息分層次秩序化視覺傳達(dá)”學(xué)習(xí)情境為例，介紹單元教學(xué)設(shè)計與實(shí)施。

《版面設(shè)計》課程為單班課，班容量為30人，視覺傳達(dá)專業(yè)二年級第一學(xué)期授課，每周4學(xué)時連排，第1、2學(xué)時在多媒體教室上課，活動桌椅，有電腦投影及實(shí)物投影；后2學(xué)時第3、4學(xué)時在機(jī)房上課。課程共計64學(xué)時，所選教學(xué)單元安排了16學(xué)時。

一、學(xué)習(xí)目標(biāo)與學(xué)習(xí)內(nèi)容

根據(jù)課程整體設(shè)計，本學(xué)習(xí)情境承擔(dān)的學(xué)習(xí)目標(biāo)和學(xué)習(xí)內(nèi)容包括：

1.學(xué)習(xí)目標(biāo)

（1）合理分析信息的類型，運(yùn)用減法設(shè)計的方法進(jìn)行整體構(gòu)思，使信息得到充分視覺化傳達(dá)；

（2）運(yùn)用點(diǎn)、線、面的抽象視覺方式進(jìn)行信息編排，使版面具有現(xiàn)代美感；

（3）依據(jù)審美心理，利用版面特征及場概念將信息合理布置在二維空間中；

（4）依據(jù)內(nèi)容能夠恰當(dāng)選擇字體、字號進(jìn)行編排，使信息內(nèi)涵視覺化；

（5）依據(jù)信息類型進(jìn)行信息群化，合理處理信息間的位置關(guān)系；

（6）能夠充分表達(dá)個人的設(shè)計意圖，理解反饋信息，對設(shè)計作品不斷改進(jìn)，達(dá)到專業(yè)設(shè)計水準(zhǔn)，按時、按要求提交。

2.學(xué)習(xí)內(nèi)容

版面設(shè)計的過程；減法設(shè)計理念和方法；信息層次的劃分及視覺化表現(xiàn)；字體的選擇與應(yīng)用；版面特征；視覺經(jīng)驗(yàn)；場的概念；點(diǎn)、線、面的現(xiàn)代視覺方式；信息的群化與運(yùn)用；設(shè)計意圖的語言表達(dá)與視覺化表現(xiàn)；設(shè)計電子稿的制作與提交。

二、學(xué)習(xí)任務(wù)設(shè)計

1.單元綜合學(xué)習(xí)任務(wù)

本單元綜合學(xué)習(xí)任務(wù)為：中文信息版面設(shè)計。具體要求為：（1）被設(shè)計的是中文信息，具體內(nèi)容由學(xué)生選擇，以文章為主，需要有標(biāo)題、作者和內(nèi)容信息，設(shè)計說明和設(shè)計者信息屬于被設(shè)計信息；（2）版面尺幅為A4單頁；（3）只用文字進(jìn)行設(shè)計，不允許用圖形和色彩。

學(xué)生完成任務(wù)應(yīng)達(dá)成的目標(biāo)為：對中文信息進(jìn)行分層次的秩序化傳達(dá)，并且使版面具有視覺沖擊力和現(xiàn)代視覺美感。

2.學(xué)習(xí)任務(wù)序列設(shè)計

通過分析中文信息版面設(shè)計的階段及經(jīng)驗(yàn)規(guī)則，可知“信息整體構(gòu)思”和“整體構(gòu)思的視覺化表現(xiàn)”是任務(wù)達(dá)成目標(biāo)的關(guān)鍵，為重點(diǎn)解決這兩方面學(xué)生要掌握的知識和技能，幫助學(xué)生順利完成中文信息的版面設(shè)計任務(wù)，設(shè)計如下學(xué)習(xí)任務(wù)：

任務(wù)1：中文信息版面設(shè)計關(guān)注整體構(gòu)思

任務(wù)2：中文信息版面設(shè)計關(guān)注整體構(gòu)思的視覺化表現(xiàn)

任務(wù)3：自選中文文章版面設(shè)計

任務(wù)1重點(diǎn)服務(wù)于“信息整體構(gòu)思”的減法設(shè)計理念與方法的理解和應(yīng)用，主要采用手繪的方式進(jìn)行；任務(wù)2重點(diǎn)服務(wù)于“整體構(gòu)思視覺化表現(xiàn)”中涉及到的信息群化、場、版面特征等概念、原理的理解與運(yùn)用，依據(jù)所要理解的內(nèi)容，選擇手繪或電腦制作的方式進(jìn)行；任務(wù)3服務(wù)于學(xué)生綜合運(yùn)用前兩個任務(wù)中的學(xué)習(xí)內(nèi)容，并達(dá)到設(shè)計要求及專業(yè)水準(zhǔn)，需要電腦制作并打印成稿。

圖1　任務(wù)支持力度區(qū)分模式

表1　學(xué)習(xí)支持設(shè)計的類別

三、學(xué)習(xí)支持設(shè)計

根據(jù)基于解決問題通用模型的“任務(wù)支持力度區(qū)分模式”（見圖1）可知，學(xué)習(xí)支持的提供需要針對“解決方案”及“問題解決過程”兩方面展開（見表1），使學(xué)生得到系統(tǒng)的支持和幫助，有效解決任務(wù)例學(xué)習(xí)為主，通過引導(dǎo)與分析，讓學(xué)生理解優(yōu)秀作品的“目標(biāo)狀態(tài)”中，“減法設(shè)計”方法是如何運(yùn)用完成過程中遇到的問題，高質(zhì)量完成任務(wù)。針對解決方案的學(xué)習(xí)任務(wù)從高支持到低支持分為：案例學(xué)習(xí)、逆向任務(wù)、模仿任務(wù)、多樣達(dá)標(biāo)任務(wù)、補(bǔ)全任務(wù)、日常任務(wù)；針對問題解決過程的支持形式主要有：示范樣例、過程清單、學(xué)業(yè)表現(xiàn)約束條件。

（一）“中文信息版面設(shè)計關(guān)注整體構(gòu)思”的學(xué)習(xí)支持設(shè)計

通過對“中文信息版面設(shè)計整體構(gòu)思”的任務(wù)分析可知，高質(zhì)量完成此任務(wù)，需要掌握“減法”設(shè)計的方法，并針對具象、抽象兩類主題信息都能夠運(yùn)用，由此，該任務(wù)的學(xué)習(xí)支持設(shè)計是從如何幫助學(xué)生構(gòu)建，運(yùn)用“減法”進(jìn)行整體構(gòu)思的心理圖示，以及系統(tǒng)解決該問題的方法著手，考慮以高支持的案的，同時兼顧學(xué)生的直覺認(rèn)知，采用日常任務(wù)將其顯性化，然后針對學(xué)生完成的方案，對如何進(jìn)行設(shè)計的過程進(jìn)行引導(dǎo)，使學(xué)生掌握系統(tǒng)解決“具象主題信息整體構(gòu)思”的方法，然后針對解決方案進(jìn)行比較分析，加強(qiáng)學(xué)生對方法的理解，為后續(xù)的運(yùn)用打下基礎(chǔ)。對抽象主題信息整體構(gòu)思方法的理解采用案例學(xué)習(xí)實(shí)現(xiàn)，針對任務(wù)1設(shè)計的學(xué)習(xí)支持見表2。

表2　“中文信息版面設(shè)計關(guān)注整體構(gòu)思”的學(xué)習(xí)支持設(shè)計

（二）“中文信息版面設(shè)計關(guān)注整體構(gòu)思的視覺化表現(xiàn)”的學(xué)習(xí)支持設(shè)計

要高質(zhì)量完成“整體構(gòu)思的視覺化表現(xiàn)”，需要對群化、場、信息層次等概念、原理的理解與應(yīng)用，并且掌握規(guī)范的操作，為促進(jìn)學(xué)生有效學(xué)習(xí)，設(shè)計了如下學(xué)習(xí)支持（見表3）：通過案例學(xué)習(xí)，分析不完善設(shè)計方案中各概念、原理、規(guī)則的運(yùn)用程度，促進(jìn)學(xué)生理解如何運(yùn)用；針對規(guī)范操作，讓學(xué)生通過完成日常任務(wù)，將依據(jù)直覺認(rèn)知的解決方案及過程顯性化；在此基礎(chǔ)上，運(yùn)用示范樣例（教師示范），通過“出聲思考”邊做邊引導(dǎo)學(xué)生理解為什么這樣做，應(yīng)遵循的規(guī)則有哪些，有效促進(jìn)學(xué)生領(lǐng)會；對于抽象概念則采用具體的活動幫助學(xué)生理解，將抽象的學(xué)習(xí)內(nèi)容具體、形象化，有效降低學(xué)生學(xué)習(xí)的難度；對現(xiàn)代視覺美感的掌握，則設(shè)置專項(xiàng)任務(wù)進(jìn)行訓(xùn)練，使學(xué)生在做的過程中理解。

表3　“中文信息版面設(shè)計關(guān)注整體構(gòu)思的視覺化表現(xiàn)”的學(xué)習(xí)支持設(shè)計　

（三）“自選中文文章版面設(shè)計”的學(xué)習(xí)支持設(shè)計

任務(wù) 3則是讓學(xué)生在理解前兩個任務(wù)涉及的學(xué)習(xí)內(nèi)容后，以獨(dú)立完成為主，分為試做——反思——修正——完善——成稿幾個階段，設(shè)計中問題解決的支持，主要采用“過程清單”的方式，通過針對設(shè)計過程方案進(jìn)行一對一的交流與指導(dǎo)，只有當(dāng)學(xué)生的確不能恰當(dāng)表現(xiàn)時，教師才會針對學(xué)生完成的方案，提供解決方案并進(jìn)行示范（示范樣例），然后通過方案的比較（案例學(xué)習(xí)），引導(dǎo)學(xué)生理解為什么這樣做，從而促進(jìn)學(xué)生有效學(xué)習(xí)。此任務(wù)的學(xué)習(xí)支持設(shè)計見表4。

表4　“自選中文信息版面設(shè)計”的學(xué)習(xí)支持設(shè)計

本學(xué)期通過采用以上方式進(jìn)行教學(xué)實(shí)施，傳達(dá)14級兩個班此任務(wù)完成的優(yōu)秀率分別達(dá)到82%與77%，跟以往相比有顯著提高。

四、教學(xué)實(shí)施實(shí)錄

任務(wù)1的教學(xué)用了一節(jié)課（50分鐘）時間。

任務(wù)1.1：國內(nèi)外設(shè)計師優(yōu)秀作品整體構(gòu)思案例分析的教學(xué)實(shí)施過程（10分鐘）

教師呈現(xiàn)了崗特·蘭堡、王序等國內(nèi)外設(shè)計師的典型作品，針對作品教師提出引導(dǎo)問題，讓學(xué)生參與分析、理解作品蘊(yùn)含的創(chuàng)作意圖，最后歸納總結(jié)出:創(chuàng)意來源于內(nèi)容，應(yīng)用“減法設(shè)計”實(shí)現(xiàn)。

任務(wù)1.2：《月亮與潮水》詩文整體構(gòu)思的教學(xué)實(shí)施過程（20分鐘）

教師布置任務(wù)“《月亮與潮水》詩文整體構(gòu)思”，讓學(xué)生小組現(xiàn)場思考如何進(jìn)行整體構(gòu)思，要求手繪出草圖或用語言表達(dá)，時間5分鐘。教師巡視各個小組的完成情況，其中4個小組繪制了草圖，1個小組用語言表達(dá)。教師先讓大家聽語言表達(dá)小組的結(jié)果，他們要運(yùn)用文字做出“風(fēng)箏和線”的形象，教師把“風(fēng)箏和線”寫在黑板上，然后通過實(shí)物投影給大家展示其他各組的方案，其中三個方案繪制的是月亮和潮水，一個繪制了小橋，教師開始引導(dǎo)學(xué)生進(jìn)行比較分析。

教師問:如果大家做這首詩的形象，應(yīng)是什么形象，有幾個？

學(xué)生回答:應(yīng)是兩個，月亮和潮水。

教師:好，很顯然做“風(fēng)箏和線”、“小橋”是不合適的，因?yàn)檫@些對于內(nèi)容而言是附加的形象，在內(nèi)容信息進(jìn)行傳達(dá)時，只會起“分散”的作用，而不是“加強(qiáng)”，這樣無法達(dá)到增強(qiáng)視覺沖擊力的作用。大家明白這個意思嗎？

學(xué)生:（在聽的過程中，點(diǎn)頭回應(yīng)）

教師:好，那大家看看繪制了“月亮和潮水”的這三個方案，大家認(rèn)為哪個做的最好？

（學(xué)生你一言我一語的說著）

……

任務(wù)1.3：往屆學(xué)生《月亮與潮水》詩文整體構(gòu)思方案對比分析的教學(xué)實(shí)施過程（10分鐘）

討論結(jié)束后，教師呈現(xiàn)了往屆學(xué)生完成的成品。

（學(xué)生認(rèn)真的觀看作品）

教師:從這個作品上，大家是不是能夠感受到主題與形式的統(tǒng)一性？（學(xué)生點(diǎn)頭）她采用的方式與我們前面的分析是一致的，也就是說當(dāng)你選擇的主題具有具象形象，那么信息的編排需要與此形象一致，整體構(gòu)思時就不要再重新塑造形象，這就是“減法設(shè)計”。現(xiàn)在出現(xiàn)了一個問題:如果主題不具備具象形該怎么辦呢？大家先考慮、考慮，你選擇的文字屬于哪一類，針對這個問題在后續(xù)呈現(xiàn)的案例中，會幫助大家進(jìn)行分析并解決。

教師:在這個作品中，設(shè)計說明和設(shè)計者信息是有的，大家看看，這個內(nèi)容的設(shè)計是“加法”還是“減法”？

學(xué)生有的說“加法”有的說“減法”，教師重復(fù)著學(xué)生的答案，有部分學(xué)生表現(xiàn)出了疑惑的表情。

教師:看來大家的觀點(diǎn)不一，那我們就來分析一下。大家看看“設(shè)計說明和設(shè)計者信息”做的是什么形象？

學(xué)生:是沙灘……

教師:那大家說“沙灘”這個形象，就整個畫面而言，算附加的還是不是？

學(xué)生:是附加……應(yīng)該不是吧……

教師:對，不是，就畫面整體而言，它不是，它和“月亮、潮水”是一體的，所以它不是附加，是減法設(shè)計。

……

任務(wù)1.4：往屆學(xué)生優(yōu)秀作品整體構(gòu)思案例分析的教學(xué)實(shí)施過程（10分鐘）

教師呈現(xiàn)往屆學(xué)生完成的優(yōu)秀作品，包括表現(xiàn)具象和審美意象的不同作品進(jìn)行分析和示證。同時呈現(xiàn)本班學(xué)生完成的試做作品，通過比較和問題引導(dǎo)，讓學(xué)生感受不同的構(gòu)思帶來的視覺感受，通過學(xué)生表達(dá)，促進(jìn)學(xué)生加深理解，為后續(xù)完成自選內(nèi)容的整體構(gòu)思和表現(xiàn)奠定基礎(chǔ)。

通過運(yùn)用四元教學(xué)設(shè)計對版面設(shè)計課程第一個單元任務(wù)進(jìn)行設(shè)計并實(shí)施，提高了學(xué)生學(xué)習(xí)的效果和效率，此設(shè)計還需依據(jù)學(xué)生的具體現(xiàn)狀，在教學(xué)實(shí)踐中不斷調(diào)整和完善，實(shí)現(xiàn)在動態(tài)調(diào)整的過程中提高教學(xué)質(zhì)量。

［1］［荷蘭］杰羅姆·范梅里恩伯爾.保羅·基爾希納.綜合學(xué)習(xí)設(shè)計［M］.盛群力，陳麗，王文智譯.福州：福建教育出版社，2012.

［2］盛群力，華煜雯.面向完整任務(wù)的教學(xué)排序與評估——四述梅里爾首要教學(xué)原理［J］.遠(yuǎn)程教育雜志，2008（4）.

（責(zé)任編輯 張 弛）

Unit Teaching Design and Implementation of "Layout"

YANG Zhi-hong

（Xingtai Polytechnic College, Xingtai, Hebei 054035, China）

In this paper，based on the four component instructional design，a learning task unit design and implementation are made，through providing the students with task solution and process proper guidance and help in problem solving process，students'quality to complete the task is effectively promoted.

learning task design；learning support design；teaching

G712

A

1008—6129（2016）01—0001—05

2016—01—04

2016年度河北省高等學(xué)校人文社會科學(xué)研究項(xiàng)目——“任務(wù)中心整體化教學(xué)設(shè)計與實(shí)施”，項(xiàng)目編號:GH161085。

楊志紅（1972—），女，湖北麻城人，邢臺職業(yè)技術(shù)學(xué)院藝術(shù)與傳媒系，教授。