基于項目案例的“平面設計”課程設計與教學實踐

摘 ?要：“平面設計”課程對接職業(yè)崗位，融合實際應用，設計了64個項目案例，通過學堂在線的慕課平臺，可以展開線上線下混合的案例實踐教學?；诎咐龑嵺`的教學方法，能夠?qū)⒊橄罄碚撊谌朐O計實踐中，通過讓學生解決面向?qū)嶋H應用的問題，提升其平面設計的能力素質(zhì)，同時將課程思政元素融入其中，在設計逐步美化的過程中培養(yǎng)學生精益求精、不斷創(chuàng)新的精神品質(zhì)。

關(guān)鍵詞：平面設計;項目案例;混合教學;教學設計;在線教學

中圖分類號：TP39;G203 ? ?文獻標識碼：A 文章編號：2096-4706（2021）12-0182-07

Abstract： The "Graphic design" course connects professional posts， integrates practical applications， and 64 project cases are designed in the course. Through the online MOOC platform of the school， online and offline blended cases practice teaching can be carried out. The teaching method based on cases practice can integrate the abstract theory into the design practice， by allowing students to solve the practical application-oriented problems， improve their graphic design ability and quality. At the same time， the ideological and political elements of the course are integrated into it to cultivate students' spiritual quality of excellence and continuous innovation in the process of gradually beautifying the design.

Keywords： graphic design; project case; blended learning; teaching design; online teaching

0 ?引 ?言

項目案例是理論知識與實踐技能應用相結(jié)合的課程教學內(nèi)容載體，是以問題為導向、基于一定的預備知識和背景，完成特定的任務或者解決問題，從而提高學生對實際問題的分析與解決能力。項目案例在課程教學中應用，能夠提升學生實際應用能力，實現(xiàn)學生綜合能力培養(yǎng)，提高學生探索能力，拓展學生思維能力[1]。項目案例能夠較好地融入思政元素，在知識傳授和技能培養(yǎng)中，以潤物細無聲的方式實現(xiàn)價值引領，實現(xiàn)技能培養(yǎng)、職業(yè)素養(yǎng)與思政教育的“三促進效應”[2]。平面設計專業(yè)教師必須高度重視培養(yǎng)學生的綜合素質(zhì)，立足于職業(yè)素養(yǎng)的層面，推動學生專業(yè)技能和思想品質(zhì)的協(xié)調(diào)發(fā)展[3]。以項目案例為載體，教師主導教學，能夠很好地突出學生的能力培養(yǎng)，提高學生的綜合素質(zhì)，在教學環(huán)節(jié)中應用討論、交流、辨析、合作，對學生進行過程性評價，促進學生以知識技能創(chuàng)造性應用為主的高階能力生成。

“平面設計”課程是面向計算機應用技術(shù)、數(shù)字媒體、旅游管理等專業(yè)學生開設的必修課，學生在學習了計算機應用基礎課程的基礎下，來進一步學習掌握平面設計的基本理論知識和軟件的基本操作技能，并掌握摳圖技法、變形操作、創(chuàng)意繪制、色彩應用、光影變化、特殊效果、人像修圖、文字設計，能夠完成圖像合成和作品設計，包括海報設計、網(wǎng)頁設計、相冊設計、插畫設計等。課程的目標是使學生能夠綜合應用色彩、版式、文字等要素，創(chuàng)作符合職業(yè)需求的平面設計作品;通過教學與實訓，既掌握平面設計軟件的操作技能，又提升平面設計美感，滿足專業(yè)平面設計需求，拓展平面設計在專業(yè)上的應用能力，提高學生核心競爭力;培養(yǎng)學生以愛國主義為核心、包括工匠精神、科學精神、創(chuàng)新精神和法制精神在內(nèi)的精神品質(zhì)。

針對過多強調(diào)軟件知識的學習、忽視學生創(chuàng)意思維的訓練的問題傾向[4]，本課程按照“學為中心、課程思政、案例實踐、任務驅(qū)動”的思路，突出實操性、應用性和創(chuàng)新性的特點，結(jié)合學生學習興趣濃厚、基礎較為薄弱、求知欲較強等的學情特點，設計基于真實場景應用需求的項目案例，培養(yǎng)學生面向崗位需求的平面設計實踐能力。

1 ?教學內(nèi)容設計

“平面設計”課程已出版配套教材《Photoshop邊做邊學（微課視頻版）》[5]，通過64個項目案例，讓課程與職業(yè)崗位對接，融合實際應用需求，并配套錄制了111個教學微視頻，使學習者能夠基于在線學習平臺自主學習，或者支持教師線上線下混合式教學，使學生學練結(jié)合，邊做邊學，學以致用。課程教學內(nèi)容設計按照由淺入深、循序漸進的方式，通過思維導圖構(gòu)建課程知識體系，體現(xiàn)從理論基礎到實踐應用、從圖像元素到綜合合成的遞進過程，涵蓋了十個部分。

1.1 ?入門基礎

首先從Photoshop的工作界面說起，介紹圖像的色彩模式和文件格式，全面認識圖像的基本屬性和特征;接著重點詳解圖像的基本操作、圖層操作、工具箱、圖像色彩模式、圖像文件格式、圖層混合模式等，使學習者能夠掌握圖像的基本編輯處理操作。本篇是后續(xù)篇章的起點和基礎，學習者既要熟練掌握Photoshop基本操作要領，又要從不斷操作練習中鞏固加深對平面設計的基本特性和規(guī)律的認識。

1.2 ?摳圖技法

摳圖是圖像處理的基本操作，也最能體現(xiàn)設計者的基本功。摳圖處理不好，被選取的對象邊緣粗糙生硬，難以與背景較好的融合。本章以10個案例，詳解鋼筆工具摳圖、通道摳圖、選擇主體摳圖、蒙版摳圖等摳圖方法。選擇哪一種摳圖方法取決于被扣取的對象的外形是否規(guī)整、與背景的顏色反差、對象本身的透明屬性等等。

1.3 ?變形操作

摳圖選取的各類對象，要整合在平面設計作品的同一個平面內(nèi)，就要進行替換局部區(qū)域、縮放相對大小、旋轉(zhuǎn)變換角度、移動相對位置、修改透視關(guān)系、合理排版布局等處理。本章將以內(nèi)容識別填充、內(nèi)容識別取樣填充等案例深入講解各類不同的變形操作方法，既快速便捷，又別出心裁，很好地實現(xiàn)想要實現(xiàn)的理想效果。

1.4 ?創(chuàng)意繪制

Photoshop雖然在圖形繪制方面相對于專業(yè)矢量繪圖軟件較弱，但是利用畫筆工具、鋼筆工具、形狀工具等也可以繪制出具有特色的圖形。本章細致地講解五個圖形繪制的案例，包括繪制花瓣、彩色飄帶、透明氣泡、Logo設計和版式分割，盡可能將每一個步驟詳細講解到位。學習者可以發(fā)揮自己的想象，激發(fā)創(chuàng)意靈感，為平面設計作品增添動人的元素。

1.5 ?色彩應用

色彩無疑是平面作品最絢麗的元素，色彩影響和決定著作品的整體風格和色調(diào)。色彩應用的關(guān)鍵在于顏色的使用和搭配，即調(diào)色和配色。本章深入講解調(diào)色方法，包括“色相/飽和度”命令或調(diào)整圖層、“匹配顏色”命令、“應用圖像”命令、圖層混合模式、Lab調(diào)色法、曲線調(diào)色、Camera Raw濾鏡調(diào)色等。調(diào)色配色對設計者的美工有較高要求，而美工功底的養(yǎng)成絕非一日之功，需要學習者細心揣摩，從模仿到改進，再到創(chuàng)新，進而設計出心儀的作品。

1.6 ?光影變化

要讓圖像處理得通透，富有層次，光線作用必不可少。日出日落的太陽光、華燈初上的燈光、夜幕中的月光等等，無一不讓圖像傳遞出細膩生動的視覺感受。本章結(jié)合光線與陰影處理的基礎知識，講解圖像中添加光線、逆光調(diào)整等案例，深入分析光線與陰影的后期處理，為圖像增添別致的光影效果。

1.7 ?特殊效果

制作各類不同的畫面效果，有的是通過濾鏡，有的是通過畫筆，有的是通過菜單命令，更多的是融合多種手段。不管哪種方法手段，一定是為了設計目的服務的，是為了凸顯特定的效果、氛圍或場景。本章通過7個案例將知識點串聯(lián)起來，深入講解煙霧效果、雨中效果、下雨效果、漫畫效果等特殊效果的操作步驟。學習者既要掌握方法步驟，更要懂得內(nèi)在原理，將方法和目的結(jié)合起來，靈活應用，激發(fā)創(chuàng)意。

1.8 ?人像修圖

無論是老照片的修復，還是人像的數(shù)碼照片的后期處理，都是人對美的無止境追求。拍攝出來的人像原圖，比如各類身份證件照、生活藝術(shù)照、畢業(yè)集體照等，可能光線、色調(diào)、膚色等等原因，都需要對原圖加以修改，既要保留原來特征，又突出美化人像。本章深入講解通道磨皮、高斯磨皮、表面模糊磨皮、畫筆磨皮、濾鏡插件磨皮五種人臉磨皮方法，還講解了人臉去除油光、增加黑白照片質(zhì)感、人像調(diào)色等局部或者整體修圖的方法。學習者要通過反復練習，領悟其中原理，熟練方法技巧，提升審美品位。

1.9 ?字體設計

文字、圖片和色彩并稱為平面設計的三要素。合理的文字設計，既要把握文字編排的準確性、識別性和易讀性，又要體現(xiàn)一定的藝術(shù)性和個性化。文字設計是在使用文字工具輸入基本文字的基礎上，利用圖層樣式、濾鏡以及各類工具和命令，進行一定的外形設計和排版，從而達到傳情達意、直指主題的作用。本章深入講解火焰字體、木刻字體、高光字體、壓痕字體等多種文字效果，學習者要敏銳地察覺到字體特效的設計理念，更要認識到字體為平面設計的主題服務，要統(tǒng)一到平面設計的整體中來。

1.10 ?合成設計

圖像合成設計是最考驗設計者功底的操作技能，既是對設計者基本功的檢驗，也是對設計成品是否具有創(chuàng)意的最終考核。圖像的合成設計，是對圖像素材的“再創(chuàng)造”，好的合成設計是對素材的有機融合，也是“畫龍點睛”的神來之筆。本章講解圖像合成和作品設計案例，如圖1所示，使學習者由淺入深地領悟合成設計的精髓要義。

2 ?項目案例：招生海報設計

2.1 ?預備知識

平面設計作品類型多樣，需求各異。街邊海報、廣告宣傳、雜志封面、網(wǎng)站首頁、動畫原型等，都是平面設計作品的呈現(xiàn)，因為承載的媒體形式不同，觀看距離不一，設計上有著特定的要求。設計流程一般按照需求分析、素材搜集、設計合成、反饋修改等階段進行，需要根據(jù)應用場景和需求來確定大小、分辨率、色調(diào)、排版、文字等。

海報這一名稱，最早起源于上海。舊時，海報是用于戲劇、電影等演出或球賽等活動的招貼。上海的人通常把職業(yè)性的戲劇演出稱為“海”，作為劇目演出信息的具有宣傳性的招徠顧客性的張貼物被稱為“海報”，這一說法沿用至今。海報是極為常見的招貼形式，多用于電影、戲劇、比賽、文藝演出、演講等各類主題活動，語言要求簡明扼要，形式做到新穎美觀。海報的尺寸大小以實際印刷大小為準，分辨率最少為300 ppi（像素/英寸）。招生海報是學校向外展示形象、宣傳招生的平面設計作品。海報設計是視覺傳達的表現(xiàn)形式之一，通過版面的構(gòu)成在第一時間內(nèi)將人們的目光吸引，并獲得瞬間的刺激;這要求設計者要將各種設計要素進行完美的結(jié)合，以恰當?shù)男问较蛉藗冋故境鲂麄餍畔ⅰ?/p>

2.2 ?教學目標

建立知識傳授、能力培養(yǎng)和價值引領三位一體的教學目標，具體包括：

（1）知識傳授。圖像合成的基本方法，海報設計的概念、特點、基本要求以及流程。

（2）能力培養(yǎng)。針對案例任務需求，培養(yǎng)平面素材處理能力、整體調(diào)色能力以及綜合處理分析能力。

（3）價值引領。利用熟悉的校園風景為母校設計一份招生海報，增進學生對母校的認識和認同，激起學生對美好校園的關(guān)心熱愛，增進學生對母校知恩圖報、回饋社會的奉獻精神，同時在細致的設計過程，潛移默化地培養(yǎng)精益求精、不斷超越的工匠精神。

2.3 ?設計要求

參考使用提供的圖片和文字素材，為旅游學院設計一份招生海報，具體要求有：

（1）圖像大?。簩挒?00厘米，高為900厘米。

（2）圖像分辨率：300像素/英寸。

（3）主色調(diào)：建議以藍色、綠色為主色調(diào)，體現(xiàn)清新淡雅、積極向上的校園氛圍。

2.4 ?參考素材

提供文字素材和圖片素材作為本項目案例的參考素材：

（1）文字素材。為設計海報提供關(guān)鍵詞及語句。愿景：建成中國一流的應用型旅游人才培養(yǎng)高地。建設理念：應用型、開放型、居一流。辦學特色：產(chǎn)教融合、校企合作。

珠?？萍紝W院旅游學院是最早成立的院系之一，其前身旅游管理系成立于2004年，2018年升級為二級學院，下設3個系：旅游管理系、酒店管理系、高爾夫與休閑管理系?，F(xiàn)開設有旅游管理和酒店管理兩個本科專業(yè)，近十年畢業(yè)生近4 000人。地處珠海這個旅游度假和會展發(fā)達的城市，借助粵港澳、大灣區(qū)這樣得天獨厚的區(qū)位優(yōu)勢，經(jīng)過十多年的建設與發(fā)展，在人才培養(yǎng)、科學研究、社會服務與創(chuàng)新發(fā)展等方面取得了階段性成就，已建設成為“廣東省大學生實踐教學基地”，與珠海御溫泉度假村聯(lián)合成立“溫泉產(chǎn)業(yè)與文化研究基地”，是珠海市金灣區(qū)首批命名成立的“金灣區(qū)人文社會科學普及基地”。

（2）圖片素材。圖片素材包括學院?；?、圖書館、教學樓、運動場、學生宿舍、校園風景圖等。

2.5 ?設計樣例

根據(jù)設計要求，提煉出文本素材的關(guān)鍵詞、中心句等內(nèi)容，利用圖片素材，設計招生海報，如圖2、圖3所示，為教學講評學生作品提供參考樣例。

3 ?教學組織實施

基于學堂在線平臺的“平面設計”課程項目案例[6]，按照“理論知識精講、案例實操多練”的方式，通過理論授課、案例教學、作業(yè)練習、在線測試、答疑討論等教學活動，提高學生應用平面設計完成實際任務需求的能力。本案例教學按照講解預備知識、呈現(xiàn)案例任務、分析設計要求、完成任務和總結(jié)評價的過程，以項目案例任務完成為牽引，培養(yǎng)學生任務需求分析、素材整合和整體設計的能力。

3.1 ?教學活動組織

按照課前、課中和課后三個階段組織教學活動：

（1）課前階段。教師通過在線教學平臺發(fā)布課程通知，如圖4所示，明確學習任務及要求，布置項目案例作業(yè)，上傳教學視頻及素材;學生登錄平臺，預習預備知識。

（2）課中階段。首先教師展現(xiàn)本節(jié)課的思維導圖，如圖5所示，說明本課主要知識點;然后明確案例的設計要求，要求學生登錄在線教學平臺下載平臺上發(fā)布的作業(yè)素材，如圖6所示。

其次，教師通過教學課件，講解海報的概念、特點、基本要求及流程，結(jié)合圖層、蒙版、文字工具、畫筆工具等知識點，為學生預備相關(guān)知識和技能，如圖7所示。再次，學生完成案例設計作業(yè)。最后，學生走上講臺展示并講解自己的作品設計理念和方法，如圖8所示;教師結(jié)合圖2、圖3給出的設計樣例，挑選部分優(yōu)秀學生作品，從色彩色調(diào)、版面布局、字體樣式、圖形應用、作品創(chuàng)意等方面進行點評，分析優(yōu)缺點，促進學生對自己作品的反思，在比較辨析中提升設計水平，如圖9所示。

（3）課后階段。學生完成平臺布置的作業(yè)和在線測試，遇有問題通過“答疑討論”模塊發(fā)布問題，教師回復問題，參與互動，并查看學生資源學習情況，如圖10所示。學生也可以通過在線教學平臺配套的移動端APP“課程伴侶”，完成課程作業(yè)、答疑討論或者在線測試，如圖11至圖13所示，但是操作設計類等主觀題作業(yè)仍然需要在電腦端完成。

3.2 ?案例作業(yè)考核評價

按照如下評分標準對學生完成的項目案例作業(yè)考核評分：

（1）實用性（占40%）：主題突出，聚焦學院招生宣傳活動，視覺傳遞效果好;在限定時間內(nèi)利用Photoshop軟件的制作工具和技巧，充分展現(xiàn)主題內(nèi)涵。

（2）創(chuàng)新性（占30%）：主題表達形式新穎，構(gòu)思獨特、巧妙;作品具有想象力和個性表現(xiàn)力;內(nèi)容、結(jié)構(gòu)設計獨到;作品創(chuàng)意獨特、視覺吸引力的記憶力程度。

（3）藝術(shù)性（占30%）：正確運用文字、圖形、色彩等要素;構(gòu)圖完整、合理、和諧，遵循藝術(shù)性與裝飾性、趣味性與獨創(chuàng)性、思想性與單一性、整體性與協(xié)調(diào)性等相統(tǒng)一的原則。

3.3 ?課程綜合考核評價

采用綜合形成性評價和結(jié)果性評價，全面考核評價學生成績，如表1所示。

4 ?結(jié) ?論

“平面設計”課程近兩屆學生及格率到達100%，優(yōu)秀率達到15%，平均分逐年提升。基于類型多樣、生動活潑、結(jié)合實際的項目案例，采用在線教學平臺、思維導圖、移動端APP“課程伴侶”等多種信息化教學手段，實現(xiàn)線下課堂教學和線上學習相結(jié)合，激發(fā)了學生的學習主動性和興趣，同時在學練結(jié)合中提升了學生平面設計的應用能力。以學生為主體的課程教學，既需要學生熟練掌握平面設計相關(guān)軟件的操作，又需要對接未來職業(yè)崗位需求，在設計過程中反復比較分析、調(diào)整修改，通過版面布局、色彩應用、圖形設計、文字應用、創(chuàng)意構(gòu)思等，在美工方面提升審美能力，體現(xiàn)了課程的高階性、創(chuàng)新性以及一定的挑戰(zhàn)性。學生平面設計能力的提高，不是一蹴而就的，需要經(jīng)歷長期的學習領悟和反復磨煉，在項目案例的實操訓練中一步步提高。

參考文獻：

[1] 陳政，黃華東，李澤軍，等.項目教學法在計算機文化基礎教學中的應用 [J].福建電腦，2020，36（12）：197-199.

[2] 李敏，霍韻竹，錢珣.基于“課程思政”教育模式的平面設計教學改革研究 [J].教育教學論壇，2020（19）：181-183.

[3] 黃升峰.“互聯(lián)網(wǎng)+”背景下的平面設計教學改革思路研究 [J].美術(shù)教育研究，2020（11）：126-127.

[4] 林潔，陳歡.圖像處理技術(shù)在平面設計中的應用研究 [J].現(xiàn)代電子技術(shù)，2019，42（15）：63-67.

[5] 龔玉清.Photoshop邊做邊學（微課視頻版） [M].北京：清華大學出版社，2021.

[6] 龔玉清.平面設計 [EB/OL].[2020-11-26].https：//www.xuetangx.com/course/jluzh1305%E5%BC%A0/5897280.

作者簡介：龔玉清（1975—），男，漢族，江西新余人，院長助理，副教授，在讀博士，研究方向：計算機應用公共課程教學、數(shù)字媒體資源開發(fā)、在線教學應用。