前言：本站為你精心整理了項目驅(qū)動下網(wǎng)頁設計與制作探究范文，希望能為你的創(chuàng)作提供參考價值，我們的客服老師可以幫助你提供個性化的參考范文，歡迎咨詢。

傳統(tǒng)的網(wǎng)頁設計課程偏重于學生的操作技能的培養(yǎng)，而對以用戶為中心的設計思維教學流于表面。本文通過實施基于項目驅(qū)動的網(wǎng)頁設計與制作實踐教學，來探討網(wǎng)頁設計課程教學改革的思路。通過項目驅(qū)動的網(wǎng)頁設計與制作實現(xiàn)學生實踐知識和應用能力的自我構(gòu)建。作為一門置于諸多基礎課程之后的核心專業(yè)課，網(wǎng)頁設計是基于版式設計能力、交互設計、軟件操作能力的綜合運用課程，更是培養(yǎng)學生以用戶為中心的設計思維的課程。傳統(tǒng)的網(wǎng)頁設計課程偏重學生的操作技能的培養(yǎng)，而對適應當下網(wǎng)頁設計需求所強調(diào)的實用性與藝術性未做教法上的平衡。如何設計教學內(nèi)容及方法，讓學生能綜合運用到所學的知識來設計符合市場需求的網(wǎng)頁，是目前網(wǎng)頁設計課程需要解決的問題。

一、項目驅(qū)動的網(wǎng)頁設計與制作教學的意義

項目驅(qū)動教學方法是一種建立在具體項目的教學方法，它以項目完成作為教學目標，以師生共同參與為教學模式。項目驅(qū)動教學方法的整個教學過程以學生為中心。教師作為項目的組織者和指導者，在必要的時候為學生提供意見并引導方向；學生作為項目的實踐者，在理論知識為依據(jù)的情況下進行方案呈現(xiàn)。網(wǎng)頁設計的本質(zhì)是對網(wǎng)站的圖形界面進行設計，也被稱為WUI。高校中的網(wǎng)頁設計課程多依托于Dreamweaver的操作教學，以教師理論講授、上機演示操作步驟，學生通過觀看被動接受為主。傳統(tǒng)的網(wǎng)頁設計教學中存在著一些短板，未能系統(tǒng)地將規(guī)劃網(wǎng)站功能與設計用戶交互流程相結(jié)合；學生對于設計的網(wǎng)站圖形界面過于主觀化，與真實的市場需求有一定的差距。網(wǎng)頁設計課程中中引入項目作為教學驅(qū)動能縮小這一差距，對教學有著積極的意義。第一，學生通過項目化教學能夠初識相對完整的商業(yè)流程，可以讓培養(yǎng)的新型人才更好的適應未來就業(yè)相關崗位。第二，相對于傳統(tǒng)教學，能設計出更功能更完善，交互流程更流暢，視覺效果更個性與統(tǒng)一的網(wǎng)頁項目。第三，教學過程轉(zhuǎn)變?yōu)樘剿魇浇虒W，培養(yǎng)以用戶為主的設計思維，或可助力于創(chuàng)新型人才的培養(yǎng)，提升教學質(zhì)量。第四，以具體的教學項目對應教學任務來驅(qū)動教學，可以提升學生的學習積極性，學生可以根據(jù)自身的知識基礎和理解問題的方式來制定完成項目任務的方式。

二、基于項目驅(qū)動的網(wǎng)頁設計與制作的教學實施

教師在實施教學前應該著手評估甄選具體的項目用作教學，要根據(jù)學生的能力選擇的項目難度要適中，且甄選的項目本身最好具備一定的落地可能。傳統(tǒng)的網(wǎng)頁設計課程教學內(nèi)容涵蓋了兩個部分，一部分是網(wǎng)頁的理論知識教學，一部分是Dreamweaver軟件的操作教學。此兩部分內(nèi)容在項目驅(qū)動的網(wǎng)頁設計與制作實踐教學中不宜與具體的項目作割裂，應盡量融入在項目中作闡釋。實施項目驅(qū)動的網(wǎng)頁設計與制作教學在傳統(tǒng)的網(wǎng)頁設計課程的基礎上，增加了與市場接軌的內(nèi)容，即網(wǎng)站設計與制作之前的內(nèi)容，用戶研究等工作。整個教學內(nèi)容具體被拆分為項目規(guī)劃、內(nèi)容組織、頁面設計、測試、站點推廣、反饋評估六個步驟。教師將學生分成小組來進行項目展開。第一，項目規(guī)劃是前期與市場接軌的重要步驟。首先需要對網(wǎng)頁設計的項目需求進行分析，明確項目的網(wǎng)頁性質(zhì)，針對用戶人群的使用習慣研究，以及這一部分人群所期待網(wǎng)頁能夠提供的服務和產(chǎn)品，形成產(chǎn)品需求文檔、市場文檔、競品調(diào)研文檔。此部分需要配合做大量的問卷調(diào)查和市場調(diào)查。最后再根據(jù)調(diào)研結(jié)果以用戶畫像的方式確定目標用戶群體，再確定項目的產(chǎn)品和服務。第二，內(nèi)容組織是將收集和篩選的網(wǎng)頁內(nèi)容進行組織整理。以樹形圖或者是遞進結(jié)構(gòu)來表現(xiàn)各個頁面之間的交叉鏈接、從屬關系。根據(jù)反復組織推敲合理的界面關系，可用AxureRP進行原型圖階段的設計呈現(xiàn)。通過AxureRP設計出原型圖有助于學生對網(wǎng)頁鏈接的合理性以及交互體驗的流暢感進行自查。第三，頁面設計即需要根據(jù)原型圖確定內(nèi)容和大體版式完成網(wǎng)站的界面設計。在具體的項目中，除了收集素材之外，可以讓學生根據(jù)項目主體設計一個情緒板（MoodBoard）。情緒板是由諸多與主題相關的資料和素材拼貼在一起的視覺概念，有助于指引學生掌握項目的整個需求的設計主題和設計感受。在確立項目的具體風格后，引入Photoshop的圖像處理。在處理網(wǎng)頁界面設計的時候，應引導學生建立一定的設計規(guī)范，例如字體規(guī)范、主題色規(guī)范、圖標規(guī)范、圖片規(guī)范等不同分類。設計規(guī)范能夠確保同一個項目的學生小組能夠輸出統(tǒng)一風格的設計第四，通過Dreamweaver等網(wǎng)頁設計軟件進行項目化驅(qū)動的呈現(xiàn)設計。學生在使用Dreamweaver構(gòu)建網(wǎng)頁的時候為了達到項目規(guī)劃的視覺效果必然會自主地去學習一些初階的代碼，這就激發(fā)了學生學習的積極性第五，測試。這個過程是為了確保網(wǎng)頁的技術卜的完整性，確保頁面內(nèi)容的可用性第六，反饋評估。根據(jù)用戶使用網(wǎng)站的反饋評估，反復改進網(wǎng)頁在被拆解的這六個教學步驟中，教師需要積極地響應小組成員的問題，提供及時、有效地指導和幫助。在教學的過程中，要根據(jù)具體的項目進度，來安排及時的教學，實現(xiàn)“教，學，做”三位一體的教學方法。項目初步完成后，教師應組織學生就項目進行分享交流，各小組就各自的作品進行演示呈現(xiàn)，并由小組長進行初期策劃到最終呈現(xiàn)的過程展示。學生在此交流中達到了自評的目的。及時的總結(jié)與交流不僅能為之前的學習打下基礎，學生還可以從中探討經(jīng)驗與心得，得到一定的成就感。教師參與交流過程，可以結(jié)合作品和小組設計闡述形成定性和定量的評價

三、結(jié)語

基于項目驅(qū)動的網(wǎng)頁設計與制作實踐教學是非常有效的，學生可以在具體的項目語境下主動帶入目的去進行學習，能夠充分調(diào)動學生學習的積極性，也能鍛煉學生分析解決實際問題的能力。同時，學生在整個過程中詳細了解了一個網(wǎng)頁界面設計從前期策劃到最后呈現(xiàn)的完整步驟，這種以用戶為主的設計思維的培養(yǎng)，有利于其獲得相關崗位的職業(yè)技能若要將項目驅(qū)動的網(wǎng)頁設計與制作實踐教學落到實處，首先，在項目甄選方面院校必須加強與社會各方的合作力度，這樣才能夠篩選出適宜教學的項目案例為教學所用。其次，院校需要對實訓室的硬件設施進行優(yōu)化和完善，讓學生能夠在接近工作環(huán)境的場所里進行設計，進而能夠保證學生能夠快速的接受未來的工作環(huán)境。最后，教師作為項目驅(qū)動的網(wǎng)頁設計與制作實踐課程的實施者，需要不斷學習新的技術知識，同市場的大需求接軌

【參考文獻】

[1]王雅婷吳慧林.基于項目驅(qū)動的《網(wǎng)頁設計與制作》一體化教學模式應用研究口].科技信息2012,000(019):182-182

[2]吳獻文陳承歡.“項目驅(qū)動+案例教學”模式在高職教學的探索與應用田.電腦知識與技術:學術交流200鄧)6):282-283

[3]馮林，鄭薇薇.”任務驅(qū)動”與”項目驅(qū)動”相結(jié)合的創(chuàng)新教育研究田.黑龍江教育(高教研究與評估)2010(04):63-65

[#]種子儒.項目教學法在網(wǎng)頁制作教學中的應用田.職業(yè)2018,000(004):72-73

作者:葉琪 單位:四川文理學院美術學院