網(wǎng)頁欣賞分析教學(xué)平臺設(shè)計

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2.5簡約設(shè)計是教學(xué)設(shè)計的加減法

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

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

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

4結(jié)語

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

參考文獻:

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

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

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

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

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

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