網(wǎng)頁(yè)欣賞分析教學(xué)平臺(tái)設(shè)計(jì)

前言：想要寫出一篇引人入勝的文章？我們特意為您整理了網(wǎng)頁(yè)欣賞分析教學(xué)平臺(tái)設(shè)計(jì)范文，希望能給你帶來(lái)靈感和參考，敬請(qǐng)閱讀。

摘要:指出了網(wǎng)頁(yè)設(shè)計(jì)課程中存在的問題，闡述了構(gòu)建教學(xué)平臺(tái)的基本要素與設(shè)計(jì)技巧，分析了減少視覺感知來(lái)提高網(wǎng)頁(yè)設(shè)計(jì)的藝術(shù)性，讓學(xué)生站在“前人”的肩膀上學(xué)習(xí)和領(lǐng)悟網(wǎng)頁(yè)設(shè)計(jì)的精髓，提升學(xué)習(xí)興趣。

關(guān)鍵詞:網(wǎng)頁(yè)欣賞;網(wǎng)頁(yè)設(shè)計(jì);教學(xué)平臺(tái)設(shè)計(jì)

1網(wǎng)頁(yè)設(shè)計(jì)課程中存在的問題

觀摩了不少教師網(wǎng)頁(yè)設(shè)計(jì)課程的公開課，與很多學(xué)生溝通了學(xué)習(xí)專業(yè)課程中存在的一些問題，發(fā)現(xiàn)部分學(xué)生對(duì)學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)課程的興趣不高，究其原因，由于整個(gè)課程設(shè)計(jì)教學(xué)情景的創(chuàng)建不突出，教師很少在課堂上展示國(guó)內(nèi)外一些精品網(wǎng)站的作品，完全是依照課本的知識(shí)順序抽象地進(jìn)行授課，提不起學(xué)生的學(xué)習(xí)興趣。學(xué)生則依照老師所講的內(nèi)容模仿訓(xùn)練，沒有更多的時(shí)間進(jìn)行思考和創(chuàng)意設(shè)計(jì)構(gòu)思，師生間的互動(dòng)不得當(dāng)，造成整個(gè)教學(xué)過程的教學(xué)形式單一、教學(xué)效果差等結(jié)果［1］。

2構(gòu)建教學(xué)平臺(tái)的基本要素與設(shè)計(jì)技巧

當(dāng)我們欣賞一些大師的作品時(shí)，會(huì)從他們對(duì)界面設(shè)計(jì)的細(xì)節(jié)上發(fā)現(xiàn):每個(gè)作品的網(wǎng)站界面設(shè)計(jì)和色彩運(yùn)用風(fēng)格均有所不同。當(dāng)我們打開任何一個(gè)網(wǎng)站的頁(yè)面時(shí)，給我們留下最深印象的不是內(nèi)容的豐富，也不是界面的布局，而是網(wǎng)站的色彩。由此可以看出，網(wǎng)站的色彩對(duì)構(gòu)成界面的視覺效果是非常重要的。網(wǎng)頁(yè)欣賞精品分析教學(xué)平臺(tái)的構(gòu)建要素應(yīng)做好以下幾方面工作［2］:第一，網(wǎng)頁(yè)界面設(shè)計(jì)的色彩搭配和運(yùn)用【色彩搭配設(shè)計(jì)】;第二，網(wǎng)頁(yè)界面設(shè)計(jì)的風(fēng)格形式與定位分析【Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)】;第三，網(wǎng)頁(yè)界面整體的圖像、文字及其排版設(shè)計(jì)【Photoshop設(shè)計(jì)】;第四，網(wǎng)頁(yè)界面中的動(dòng)畫表現(xiàn)力【FLASH動(dòng)畫設(shè)計(jì)】;第五，網(wǎng)頁(yè)界面設(shè)計(jì)的創(chuàng)意與構(gòu)思【綜合知識(shí)的運(yùn)用和整合】。由此看出，一個(gè)網(wǎng)站界面設(shè)計(jì)所運(yùn)用的教學(xué)知識(shí)點(diǎn)在不同的領(lǐng)域，創(chuàng)作的角度與風(fēng)格是有所區(qū)別的，這就要求教師們要依據(jù)自己的設(shè)計(jì)風(fēng)格，運(yùn)用自己的知識(shí)和教學(xué)經(jīng)驗(yàn)及最大化的軟件運(yùn)用能力，透徹的分析和解讀網(wǎng)站設(shè)計(jì)精品，讓學(xué)生們逐步建立起學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)課程的興趣，通過對(duì)各種精品的欣賞，領(lǐng)會(huì)不同類型網(wǎng)站設(shè)計(jì)的風(fēng)格和藝術(shù)表現(xiàn)手法。逐步完成一套:作品欣賞—?jiǎng)?chuàng)意構(gòu)思—知識(shí)運(yùn)用—作品設(shè)計(jì)的自我學(xué)習(xí)過程。整個(gè)教學(xué)平臺(tái)的設(shè)計(jì)原則如下。

2.1備足功課是創(chuàng)建教學(xué)情景的關(guān)鍵

網(wǎng)站界面的視覺構(gòu)成設(shè)計(jì)是一種思維訓(xùn)練的過程，更是知識(shí)綜合運(yùn)用能力的展現(xiàn)，教師在這一教學(xué)環(huán)節(jié)中，備足功課是首要任務(wù)。將色彩、版式設(shè)計(jì)、動(dòng)畫分析等知識(shí)綜合地運(yùn)用在一起是創(chuàng)建教學(xué)情景的首要環(huán)節(jié)［3］。通過演示、分析及作品講解，讓學(xué)生們從欣賞的角度去品味大師們?cè)谠O(shè)計(jì)上的創(chuàng)意理念、色彩構(gòu)成的恰當(dāng)運(yùn)用以及細(xì)節(jié)上的處理，使學(xué)生的視覺思維在感知形體結(jié)構(gòu)中形成準(zhǔn)確的定位。

2.2剔除錯(cuò)覺是教學(xué)設(shè)計(jì)的主要環(huán)節(jié)

在教學(xué)設(shè)計(jì)中，剔除錯(cuò)覺是正確感知世界的一個(gè)重要環(huán)節(jié)，為我們進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)教學(xué)時(shí)形成確切的概念和嚴(yán)謹(jǐn)?shù)牟季执蛳铝己玫幕A(chǔ)。一般情況下，網(wǎng)頁(yè)界面設(shè)計(jì)的視覺構(gòu)成應(yīng)該把握以下幾種設(shè)計(jì)思路:A.單點(diǎn)和多點(diǎn)視覺的表現(xiàn);B.直線、斜線和曲線視覺的表現(xiàn);C.圓形、方形和自由圖形視覺的表現(xiàn);D.點(diǎn)、線、面混合視覺的表現(xiàn)。如果單純地運(yùn)用點(diǎn)、線、面，其界面有可能會(huì)單調(diào)、乏味，反之，如果能在設(shè)計(jì)中合理地安排好點(diǎn)、線、面之間的關(guān)系，就能設(shè)計(jì)出豐富且具有極佳視覺效果的界面。如圖所示。

2.3創(chuàng)意設(shè)計(jì)是教學(xué)設(shè)計(jì)的靈魂

好的界面創(chuàng)意可以讓人印象深刻，過目不忘，內(nèi)容深入人心，使作品個(gè)性鮮明、充滿魅力。創(chuàng)意的形式是在平時(shí)學(xué)習(xí)、收集素材的過程中孕育的，是一個(gè)不可復(fù)制、厚積薄發(fā)的過程。創(chuàng)意設(shè)計(jì)就像是界面設(shè)計(jì)的靈魂，是設(shè)計(jì)者智慧的釋放［4］。如圖所示。

2.4色彩運(yùn)用是教學(xué)設(shè)計(jì)的情感特征

網(wǎng)頁(yè)界面的色彩運(yùn)用是具有極為豐富的感情含義。在網(wǎng)頁(yè)界面設(shè)計(jì)中，色彩的運(yùn)用盡量不要超過4種以上。用色太多會(huì)導(dǎo)致作品沒有方向性、沒有側(cè)重感，容易產(chǎn)生色彩雜亂的感覺。教師在教學(xué)作品評(píng)價(jià)中要對(duì)學(xué)生進(jìn)行用色上的指導(dǎo)。色彩搭配合理，可以產(chǎn)生和諧統(tǒng)一的效果，形成協(xié)調(diào)的視覺韻律。

2.5簡(jiǎn)約設(shè)計(jì)是教學(xué)設(shè)計(jì)的加減法

在網(wǎng)頁(yè)設(shè)計(jì)中，要學(xué)會(huì)使用白色來(lái)進(jìn)行畫面對(duì)比。在某種程度上，留白是為了給觀者留下思考和透氣的空間。許多人傾向于過度填充他們的界面，使人們?cè)谝曈X上感到疲勞。保持干凈和適當(dāng)?shù)目瞻赘茏層脩舯３钟鋹偟那楦腥g覽下去，只有舒適的網(wǎng)頁(yè)界面才會(huì)受到歡迎，才能達(dá)到更好的傳播效果。為此，網(wǎng)頁(yè)設(shè)計(jì)時(shí)要學(xué)會(huì)加減法，從設(shè)計(jì)的第一個(gè)元素開始，就要不斷地運(yùn)用加減法來(lái)搭建畫面，適當(dāng)運(yùn)用放大或縮小，不斷地變化。當(dāng)加法做到一定的量時(shí)，再去做減法設(shè)計(jì)，這是對(duì)界面整體把握能力的一個(gè)評(píng)估。例如:大膽地去除邊框，讓畫面更通透大氣，視覺元素更豐富，但不乏美感。科學(xué)合理地運(yùn)用加減法是我們不斷追求完美設(shè)計(jì)的過程。

3網(wǎng)頁(yè)設(shè)計(jì)的重要過程———減少視覺感知

減少視覺感知是通過移除和隱藏來(lái)減少設(shè)計(jì)的復(fù)雜性。降低“視覺感知”的復(fù)雜性也是網(wǎng)頁(yè)設(shè)計(jì)中一個(gè)非常重要的設(shè)計(jì)過程，而空白和對(duì)比無(wú)疑成為有效減少視覺干擾的重要手段。因此，在設(shè)計(jì)頁(yè)面的視覺布局時(shí)，要適當(dāng)?shù)牧舭讈?lái)平衡頁(yè)面元素。另外，在使用空白的同時(shí)，還要保證其對(duì)比感。要學(xué)習(xí)如何用最少的視覺變化來(lái)表達(dá)思想，使設(shè)計(jì)元素之間有主次感。可透氣的白色空間不像淡白，用有趣的設(shè)計(jì)來(lái)刺激用戶的視覺神經(jīng)，使設(shè)計(jì)作品更有思想性。例如，在留出必要的空白之后，試著給文本添加一些修飾，或者在段落中添加一個(gè)小圖標(biāo)。適當(dāng)?shù)男揎検潜夭豢缮俚摹?/p>

4結(jié)語(yǔ)

網(wǎng)頁(yè)欣賞精品分析教學(xué)平臺(tái)的設(shè)計(jì)，可根據(jù)不同的課程教學(xué)內(nèi)容，有效地避免教學(xué)情境的單一化。這種教學(xué)方式有助于學(xué)生在學(xué)習(xí)中最大限度地發(fā)揮自我潛能，從而贏得同伴的尊重，對(duì)于增強(qiáng)學(xué)生的自信心和提高學(xué)習(xí)積極性起到很大的促進(jìn)作用。綜上所述，網(wǎng)頁(yè)欣賞精品分析這一教學(xué)平臺(tái)，是依據(jù)中職學(xué)生學(xué)習(xí)能力“最鄰近發(fā)展區(qū)”來(lái)建立的一種情境教學(xué)法，通過這種欣賞分析的教學(xué)手段，不斷地把學(xué)生的學(xué)習(xí)能力和智力潛能提升到更高的水平，使學(xué)生的創(chuàng)作理念走到實(shí)踐學(xué)習(xí)的前面。

參考文獻(xiàn):

［1］李微.《網(wǎng)頁(yè)制作及網(wǎng)站建設(shè)》課程教學(xué)方法創(chuàng)新［J］．湖北函授大學(xué)學(xué)報(bào)，2017，30(22):125－126，129.

［2］劉振濤.計(jì)算機(jī)網(wǎng)頁(yè)制作的幾個(gè)要點(diǎn)分析［J］．農(nóng)家參謀，2017，(22):180.

［3］王艷華.網(wǎng)頁(yè)制作中圖像處理PS的運(yùn)用分析［J］．南方農(nóng)機(jī)，2019，50(21):292.

［4］杜爽.計(jì)算機(jī)網(wǎng)頁(yè)制作教學(xué)中如何培養(yǎng)學(xué)生的創(chuàng)新能力［J］．中國(guó)高新區(qū)，2018，(10):62.

［5］羅永權(quán).HTML語(yǔ)言的網(wǎng)頁(yè)制作技巧與方法研究［J］．計(jì)算機(jī)產(chǎn)品與流通，2019，(10):151.

作者：張德寶 單位：福清市龍華職業(yè)技術(shù)學(xué)校