網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)教學(xué)大綱

網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)教學(xué)大綱目錄TOC\o"1-5"\h\z\o"CurrentDocument"一、本大綱適用專業(yè)I\o"CurrentDocument"二、編寫本教學(xué)大綱的說(shuō)明I三、教學(xué)內(nèi)容：2第一章網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)概論2第一節(jié)網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的原則2第二節(jié)網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的內(nèi)容2第三節(jié)網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的特點(diǎn)2第四節(jié)網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的過(guò)程2第五節(jié)網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的工具2課后作業(yè)及輔導(dǎo)：2第二章網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)形式美的法則2第一節(jié)形式美法則2第二節(jié)圖像2課后作業(yè)及輔導(dǎo)：3第三章網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)視覺(jué)流程及版式類型3第一節(jié)視覺(jué)流程的策劃3第二節(jié)版式類型3課后作業(yè)及輔導(dǎo)：3第四章網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)多媒體技術(shù)4第一節(jié)photoshop設(shè)計(jì)軟件的應(yīng)用4第二節(jié)Dreamweaver設(shè)計(jì)軟件的應(yīng)用4第三節(jié)Flash設(shè)計(jì)軟件的應(yīng)用4第四節(jié)Fireworks設(shè)計(jì)軟件的應(yīng)用4課后作業(yè)及輔導(dǎo)：4第五章網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)實(shí)例4第一節(jié)網(wǎng)站瀏覽4第二節(jié)網(wǎng)站功能區(qū)分與評(píng)價(jià)4第三節(jié)網(wǎng)頁(yè)設(shè)計(jì)實(shí)例4課后作業(yè)及輔導(dǎo)：4四、課程的進(jìn)度安排4\o"CurrentDocument"五、課程考核5\o"CurrentDocument"六、主要參考書目5一、本大綱適用專業(yè)本大綱適用于廣告學(xué)本科專業(yè)二、編寫本教學(xué)大綱的說(shuō)明（一）本課程的性質(zhì)和任務(wù)網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)是廣告學(xué)專業(yè)的一門主干專業(yè)必修課。網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)是網(wǎng)站建設(shè)從技術(shù)形態(tài)的延伸，以視覺(jué)藝術(shù)為主要表現(xiàn)形式。本課程將網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)與其他藝術(shù)設(shè)計(jì)形式進(jìn)行比較，嘗試從網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的內(nèi)容、原則和特點(diǎn)等方面在理論上進(jìn)行深入探討，并對(duì)網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的具體技巧進(jìn)行專門分析。知識(shí)層面涵蓋視覺(jué)傳達(dá)設(shè)計(jì)、計(jì)算機(jī)應(yīng)用、因特網(wǎng)應(yīng)用、多媒體應(yīng)用等領(lǐng)域。教學(xué)的重點(diǎn)是對(duì)網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的各要素和設(shè)計(jì)法則進(jìn)行講解、分析和運(yùn)用。知識(shí)層面涵蓋視覺(jué)傳達(dá)設(shè)計(jì)、計(jì)算機(jī)應(yīng)用、因特網(wǎng)應(yīng)用、多媒體應(yīng)用等領(lǐng)域。（二）本課程的基本要求本課程首先要明確網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的概念，了解網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的范疇與特征；掌握網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)中圖像的應(yīng)用，掌握?qǐng)D像的編排與設(shè)計(jì)；把握好視覺(jué)流程及版式類型，使頁(yè)面的設(shè)計(jì)更具可讀性；掌握多媒體技術(shù)的應(yīng)用，使網(wǎng)頁(yè)的現(xiàn)代感和互動(dòng)性增強(qiáng)；發(fā)揮創(chuàng)意思維，培養(yǎng)學(xué)生在設(shè)計(jì)實(shí)踐中熟練把握各設(shè)計(jì)要素，進(jìn)行綜合配置，更好地為創(chuàng)意理念服務(wù)的能力；構(gòu)建整個(gè)網(wǎng)站的視覺(jué)識(shí)別系統(tǒng)，使網(wǎng)頁(yè)的風(fēng)格，形式更加統(tǒng)一；還要了解當(dāng)今國(guó)內(nèi)外網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的發(fā)展?fàn)顟B(tài)，始終站在網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的前沿陣地。（三）本課程的重點(diǎn)與難點(diǎn)教學(xué)重點(diǎn)：是對(duì)網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的系統(tǒng)、設(shè)計(jì)各要素和設(shè)計(jì)法則的講解、分析和運(yùn)用。目的是通過(guò)該課程系統(tǒng)的理論學(xué)習(xí)和實(shí)際操作，使學(xué)生掌握視覺(jué)傳達(dá)設(shè)計(jì)的理論，運(yùn)用多媒體技術(shù)進(jìn)行網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)；獨(dú)立進(jìn)行網(wǎng)站整體形象設(shè)計(jì)、動(dòng)畫設(shè)計(jì)，制作完整的網(wǎng)站界面。教學(xué)難點(diǎn)：1、通過(guò)該課程系統(tǒng)的理論學(xué)習(xí)和實(shí)際操作，掌握視覺(jué)傳達(dá)設(shè)計(jì)的理論。運(yùn)用多媒體技術(shù)進(jìn)行網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)；2、獨(dú)立.進(jìn)行網(wǎng)站整體形象設(shè)計(jì)、動(dòng)畫設(shè)計(jì)，制作完整的網(wǎng)站界面。（四）本課程與其它相關(guān)課程的聯(lián)系和后續(xù)課程先修課程《電腦圖文設(shè)計(jì)》、《圖形創(chuàng)意》、《平面設(shè)計(jì)》、《藝術(shù)設(shè)計(jì)概論》、《平面設(shè)計(jì)與色彩構(gòu)成》等。（五）學(xué)時(shí)與學(xué)分安排本課程共48學(xué)時(shí)，理論32學(xué)時(shí)，實(shí)驗(yàn)16學(xué)時(shí)，計(jì)3個(gè)學(xué)分。（六）本課程的教學(xué)方式和其他教學(xué)環(huán)節(jié)的安排本課程的教學(xué)包括課堂理論講授、專業(yè)調(diào)研與課堂匯報(bào)、課題設(shè)計(jì)與指導(dǎo)等環(huán)節(jié)。理論教學(xué)采取課堂講授與專業(yè)調(diào)研相結(jié)合的形式，采用多媒體手段，側(cè)重知識(shí)的全面性和引導(dǎo)性。采取重方法、重實(shí)踐、重思路的啟發(fā)式教學(xué)，充分調(diào)動(dòng)學(xué)生的主觀能動(dòng)性和自覺(jué)參與性，引導(dǎo)學(xué)生按照科學(xué)的知識(shí)構(gòu)架循序漸進(jìn)的學(xué)習(xí)與鉆研。三、教學(xué)內(nèi)容：第一章網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)概論基本要求：主要論述網(wǎng)頁(yè)設(shè)計(jì)的概念，網(wǎng)頁(yè)設(shè)計(jì)的發(fā)展，網(wǎng)頁(yè)設(shè)計(jì)的范疇與特征，國(guó)內(nèi)外網(wǎng)頁(yè)設(shè)計(jì)的發(fā)展?fàn)顟B(tài)等理論知識(shí)，通過(guò)專業(yè)調(diào)研與課堂匯報(bào)的作業(yè)形式，使學(xué)生初步接觸網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)，并對(duì)其有概念性的了解。第一節(jié)網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的原則第二節(jié)網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的內(nèi)容第三節(jié)網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的特點(diǎn)第四節(jié)網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的過(guò)程第五節(jié)網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的工具課后作業(yè)及輔導(dǎo)：作業(yè)形式：調(diào)查報(bào)告要求：搜索同種類型的大量的網(wǎng)站，了解各種分類的網(wǎng)站設(shè)計(jì)與功能上的區(qū)分，通過(guò)分析，能夠分辨出網(wǎng)站設(shè)計(jì)的好壞。作業(yè)和輔導(dǎo)完畢后，就課程的整體情況，作業(yè)中存在的難點(diǎn)進(jìn)行總結(jié)和講解。第二章網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)形式美的法則基本要求：主要講授網(wǎng)頁(yè)設(shè)計(jì)中圖像的應(yīng)用，掌握?qǐng)D像的編排與設(shè)計(jì)，通過(guò)課堂練習(xí)和課下作業(yè)輔助練習(xí)，使學(xué)生對(duì)網(wǎng)頁(yè)設(shè)計(jì)中的圖像應(yīng)用形成整體的認(rèn)識(shí)，重點(diǎn)訓(xùn)練學(xué)生對(duì)網(wǎng)頁(yè)中圖像的獨(dú)立設(shè)計(jì)能力和創(chuàng)意性設(shè)計(jì)思維。第一節(jié)形式美法則統(tǒng)一與變化對(duì)比與調(diào)和對(duì)稱與均衡節(jié)奏與韻律單純與秩序第二節(jié)圖像圖像的格式圖像的形式圖像的編排圖像的處理圖像在長(zhǎng)頁(yè)面中的運(yùn)用課后作業(yè)及輔導(dǎo)：作業(yè)形式：平面展示圖2套，每套五個(gè)頁(yè)面。要求：自選主題，不同主題體現(xiàn)不同的形式美法則和適合主題的圖像運(yùn)用。作業(yè)和輔導(dǎo)完畢后，就課程的整體情況，作業(yè)中存在的難點(diǎn)進(jìn)行總結(jié)和講解。第三章網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)視覺(jué)流程及版式類型基本要求：主要講授視覺(jué)流程的籌劃，視覺(jué)流程類型，版式的基本類型，通過(guò)課堂練習(xí)和課下作業(yè)輔助練習(xí)，使學(xué)生對(duì)網(wǎng)頁(yè)設(shè)計(jì)的版式設(shè)計(jì)形成整體的認(rèn)識(shí)，重點(diǎn)訓(xùn)練學(xué)生對(duì)網(wǎng)頁(yè)版式的獨(dú)立設(shè)計(jì)能力和創(chuàng)意性設(shè)計(jì)思維。第一節(jié)視覺(jué)流程的策劃最佳視域線型視覺(jué)流程焦點(diǎn)視覺(jué)流程反復(fù)視覺(jué)流程導(dǎo)向視覺(jué)流程散點(diǎn)視覺(jué)流程第二節(jié)版式類型骨骼型滿版型分割型中軸型曲線型傾斜型對(duì)稱型焦點(diǎn)型三角型自由型課后作業(yè)及輔導(dǎo)：作業(yè)形式：平面展示圖2套，每套五個(gè)頁(yè)面要求：自選主題，不同主題體現(xiàn)不同的視覺(jué)流程和版式類型。作業(yè)和輔導(dǎo)完畢后，就課程的整體情況，作業(yè)中存在的難點(diǎn)進(jìn)行總結(jié)和講解。第四章網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)多媒體技術(shù)基本要求：通過(guò)具體實(shí)例的制作初步學(xué)習(xí)網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)軟件(photoshop,Dreamweaver,Flash,Fireworks等)的應(yīng)用，指導(dǎo)學(xué)生練習(xí)。第一節(jié)photoshop設(shè)計(jì)軟件的應(yīng)用第二節(jié)Dreamweaver設(shè)計(jì)軟件的應(yīng)用第三節(jié)Flash設(shè)計(jì)軟件的應(yīng)用第四節(jié)Fireworks設(shè)計(jì)軟件的應(yīng)用課后作業(yè)及輔導(dǎo)：作業(yè)形式：個(gè)人網(wǎng)站整體形象設(shè)計(jì)，不少于五個(gè)頁(yè)面要求：所有設(shè)計(jì)元素均為原創(chuàng)3、總結(jié)：作業(yè)和輔導(dǎo)完畢后，就課程的整體情況，作業(yè)中存在的難點(diǎn)進(jìn)行總結(jié)和講解。第五章網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)實(shí)例基本要求：通過(guò)一個(gè)完整的網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)實(shí)例，使學(xué)生了解與感受最新的網(wǎng)絡(luò)形象設(shè)計(jì)實(shí)例。搜索同種類型的大量的網(wǎng)站，了解各種分類的網(wǎng)站設(shè)計(jì)與功能上的區(qū)分，通過(guò)分析，能夠分辨出網(wǎng)站設(shè)計(jì)的好壞。優(yōu)秀網(wǎng)頁(yè)的展示，結(jié)合設(shè)計(jì)與功能方面分析。第一節(jié)網(wǎng)站瀏覽第二節(jié)網(wǎng)站功能區(qū)分與評(píng)價(jià)第三節(jié)網(wǎng)頁(yè)設(shè)計(jì)實(shí)例課后作業(yè)及輔導(dǎo)：作業(yè)形式：把對(duì)網(wǎng)絡(luò)形象設(shè)計(jì)的認(rèn)識(shí)(報(bào)告)通過(guò)網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的形式進(jìn)行展示。要求：設(shè)計(jì)一個(gè)完整的網(wǎng)頁(yè)，所有設(shè)計(jì)元素均為原創(chuàng)。作業(yè)和輔導(dǎo)完畢后,就課程的整體情況，作業(yè)中存在的難點(diǎn)進(jìn)行總結(jié)和講解。四、課程的進(jìn)度安排本課程安排總學(xué)時(shí)數(shù)為48學(xué)時(shí)，其中32學(xué)時(shí)為課堂教學(xué)，實(shí)驗(yàn)課時(shí)為16學(xué)時(shí)。具體進(jìn)度如下表所示：序號(hào)內(nèi)容理論課時(shí)備注1第一章網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)概論6學(xué)時(shí)2第二章網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)形式美的法則8學(xué)時(shí)3第三章網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)視覺(jué)流程及版式類型8學(xué)時(shí)4第四章網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)多媒體技術(shù)6學(xué)時(shí)5第五章網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)實(shí)例4學(xué)時(shí)總計(jì)32學(xué)時(shí)五、課程考核該課程為考查課作業(yè)要求：獨(dú)立制作，反對(duì)抄襲1、課堂作業(yè)1占總分的1堂（分析與評(píng)論:60%,設(shè)計(jì)和功能:40%）2、課堂作業(yè)2占總分的25%（傳達(dá)訊息：20%,圖像運(yùn)用：40%,形式美法則：40%）3、課堂作業(yè)3占總分的25%（傳達(dá)訊息：20%,視覺(jué)流程：40%,版式：40%）4、課堂作業(yè)4（實(shí)驗(yàn)）占總分的40%（傳達(dá)訊息：30%,設(shè)計(jì)和功能：40用，軟件運(yùn)用:20%,網(wǎng)頁(yè)的布局：10%）六、主要參考書目：《網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)》顧群業(yè)編著山東美術(shù)出版社2002年6月《網(wǎng)站建設(shè)與網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)》顧群業(yè)編著山東美術(shù)出版社2005年6月《網(wǎng)頁(yè)配色密碼》顧群業(yè)編著清華大學(xué)出版社2006年10月《外國(guó)網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)前線》湖南美術(shù)出版社《Photoshop影象