網(wǎng)頁欣賞分析教學平臺設計
前言：想要寫出一篇引人入勝的文章？我們特意為您整理了網(wǎng)頁欣賞分析教學平臺設計范文，希望能給你帶來靈感和參考，敬請閱讀。
摘要:指出了網(wǎng)頁設計課程中存在的問題，闡述了構建教學平臺的基本要素與設計技巧，分析了減少視覺感知來提高網(wǎng)頁設計的藝術性，讓學生站在“前人”的肩膀上學習和領悟網(wǎng)頁設計的精髓，提升學習興趣。
關鍵詞:網(wǎng)頁欣賞;網(wǎng)頁設計;教學平臺設計
1網(wǎng)頁設計課程中存在的問題
觀摩了不少教師網(wǎng)頁設計課程的公開課，與很多學生溝通了學習專業(yè)課程中存在的一些問題，發(fā)現(xiàn)部分學生對學習網(wǎng)頁設計課程的興趣不高，究其原因，由于整個課程設計教學情景的創(chuàng)建不突出，教師很少在課堂上展示國內(nèi)外一些精品網(wǎng)站的作品，完全是依照課本的知識順序抽象地進行授課，提不起學生的學習興趣。學生則依照老師所講的內(nèi)容模仿訓練，沒有更多的時間進行思考和創(chuàng)意設計構思，師生間的互動不得當，造成整個教學過程的教學形式單一、教學效果差等結果［1］。
2構建教學平臺的基本要素與設計技巧
當我們欣賞一些大師的作品時，會從他們對界面設計的細節(jié)上發(fā)現(xiàn):每個作品的網(wǎng)站界面設計和色彩運用風格均有所不同。當我們打開任何一個網(wǎng)站的頁面時，給我們留下最深印象的不是內(nèi)容的豐富，也不是界面的布局，而是網(wǎng)站的色彩。由此可以看出，網(wǎng)站的色彩對構成界面的視覺效果是非常重要的。網(wǎng)頁欣賞精品分析教學平臺的構建要素應做好以下幾方面工作［2］:第一，網(wǎng)頁界面設計的色彩搭配和運用【色彩搭配設計】;第二，網(wǎng)頁界面設計的風格形式與定位分析【Dreamweaver網(wǎng)頁設計】;第三，網(wǎng)頁界面整體的圖像、文字及其排版設計【Photoshop設計】;第四，網(wǎng)頁界面中的動畫表現(xiàn)力【FLASH動畫設計】;第五，網(wǎng)頁界面設計的創(chuàng)意與構思【綜合知識的運用和整合】。由此看出，一個網(wǎng)站界面設計所運用的教學知識點在不同的領域，創(chuàng)作的角度與風格是有所區(qū)別的，這就要求教師們要依據(jù)自己的設計風格，運用自己的知識和教學經(jīng)驗及最大化的軟件運用能力，透徹的分析和解讀網(wǎng)站設計精品，讓學生們逐步建立起學習網(wǎng)頁設計課程的興趣，通過對各種精品的欣賞，領會不同類型網(wǎng)站設計的風格和藝術表現(xiàn)手法。逐步完成一套:作品欣賞—創(chuàng)意構思—知識運用—作品設計的自我學習過程。整個教學平臺的設計原則如下。
2.1備足功課是創(chuàng)建教學情景的關鍵
網(wǎng)站界面的視覺構成設計是一種思維訓練的過程，更是知識綜合運用能力的展現(xiàn)，教師在這一教學環(huán)節(jié)中，備足功課是首要任務。將色彩、版式設計、動畫分析等知識綜合地運用在一起是創(chuàng)建教學情景的首要環(huán)節(jié)［3］。通過演示、分析及作品講解，讓學生們從欣賞的角度去品味大師們在設計上的創(chuàng)意理念、色彩構成的恰當運用以及細節(jié)上的處理，使學生的視覺思維在感知形體結構中形成準確的定位。
2.2剔除錯覺是教學設計的主要環(huán)節(jié)
在教學設計中，剔除錯覺是正確感知世界的一個重要環(huán)節(jié)，為我們進行網(wǎng)頁設計教學時形成確切的概念和嚴謹?shù)牟季执蛳铝己玫幕A。一般情況下，網(wǎng)頁界面設計的視覺構成應該把握以下幾種設計思路:A.單點和多點視覺的表現(xiàn);B.直線、斜線和曲線視覺的表現(xiàn);C.圓形、方形和自由圖形視覺的表現(xiàn);D.點、線、面混合視覺的表現(xiàn)。如果單純地運用點、線、面，其界面有可能會單調(diào)、乏味，反之，如果能在設計中合理地安排好點、線、面之間的關系，就能設計出豐富且具有極佳視覺效果的界面。如圖所示。
2.3創(chuàng)意設計是教學設計的靈魂
好的界面創(chuàng)意可以讓人印象深刻，過目不忘，內(nèi)容深入人心，使作品個性鮮明、充滿魅力。創(chuàng)意的形式是在平時學習、收集素材的過程中孕育的，是一個不可復制、厚積薄發(fā)的過程。創(chuàng)意設計就像是界面設計的靈魂，是設計者智慧的釋放［4］。如圖所示。
2.4色彩運用是教學設計的情感特征
網(wǎng)頁界面的色彩運用是具有極為豐富的感情含義。在網(wǎng)頁界面設計中，色彩的運用盡量不要超過4種以上。用色太多會導致作品沒有方向性、沒有側重感，容易產(chǎn)生色彩雜亂的感覺。教師在教學作品評價中要對學生進行用色上的指導。色彩搭配合理，可以產(chǎn)生和諧統(tǒng)一的效果，形成協(xié)調(diào)的視覺韻律。
2.5簡約設計是教學設計的加減法
在網(wǎng)頁設計中，要學會使用白色來進行畫面對比。在某種程度上，留白是為了給觀者留下思考和透氣的空間。許多人傾向于過度填充他們的界面，使人們在視覺上感到疲勞。保持干凈和適當?shù)目瞻赘茏層脩舯３钟鋹偟那楦腥g覽下去，只有舒適的網(wǎng)頁界面才會受到歡迎，才能達到更好的傳播效果。為此，網(wǎng)頁設計時要學會加減法，從設計的第一個元素開始，就要不斷地運用加減法來搭建畫面，適當運用放大或縮小，不斷地變化。當加法做到一定的量時，再去做減法設計，這是對界面整體把握能力的一個評估。例如:大膽地去除邊框，讓畫面更通透大氣，視覺元素更豐富，但不乏美感?？茖W合理地運用加減法是我們不斷追求完美設計的過程。
3網(wǎng)頁設計的重要過程———減少視覺感知
減少視覺感知是通過移除和隱藏來減少設計的復雜性。降低“視覺感知”的復雜性也是網(wǎng)頁設計中一個非常重要的設計過程，而空白和對比無疑成為有效減少視覺干擾的重要手段。因此，在設計頁面的視覺布局時，要適當?shù)牧舭讈砥胶忭撁嬖?。另外，在使用空白的同時，還要保證其對比感。要學習如何用最少的視覺變化來表達思想，使設計元素之間有主次感。可透氣的白色空間不像淡白，用有趣的設計來刺激用戶的視覺神經(jīng)，使設計作品更有思想性。例如，在留出必要的空白之后，試著給文本添加一些修飾，或者在段落中添加一個小圖標。適當?shù)男揎検潜夭豢缮俚摹?/p>
4結語
網(wǎng)頁欣賞精品分析教學平臺的設計，可根據(jù)不同的課程教學內(nèi)容，有效地避免教學情境的單一化。這種教學方式有助于學生在學習中最大限度地發(fā)揮自我潛能，從而贏得同伴的尊重，對于增強學生的自信心和提高學習積極性起到很大的促進作用。綜上所述，網(wǎng)頁欣賞精品分析這一教學平臺，是依據(jù)中職學生學習能力“最鄰近發(fā)展區(qū)”來建立的一種情境教學法，通過這種欣賞分析的教學手段，不斷地把學生的學習能力和智力潛能提升到更高的水平，使學生的創(chuàng)作理念走到實踐學習的前面。
參考文獻:
［1］李微.《網(wǎng)頁制作及網(wǎng)站建設》課程教學方法創(chuàng)新［J］．湖北函授大學學報，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)頁制作教學中如何培養(yǎng)學生的創(chuàng)新能力［J］．中國高新區(qū)，2018，(10):62.
［5］羅永權.HTML語言的網(wǎng)頁制作技巧與方法研究［J］．計算機產(chǎn)品與流通，2019，(10):151.
作者：張德寶 單位：福清市龍華職業(yè)技術學校