網頁欣賞精品分析教學平臺的設計

張德寶

(福清市龍華職業技術學校，福建 福清 350300)

1 網頁設計課程中存在的問題

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

2 構建教學平臺的基本要素與設計技巧

當我們欣賞一些大師的作品時，會從他們對界面設計的細節上發現：每個作品的網站界面設計和色彩運用風格均有所不同。當我們打開任何一個網站的頁面時，給我們留下最深印象的不是內容的豐富，也不是界面的布局，而是網站的色彩。由此可以看出，網站的色彩對構成界面的視覺效果是非常重要的。網頁欣賞精品分析教學平臺的構建要素應做好以下幾方面工作[2]：第一，網頁界面設計的色彩搭配和運用【色彩搭配設計】；第二，網頁界面設計的風格形式與定位分析【Dreamweaver網頁設計】；第三，網頁界面整體的圖像、文字及其排版設計【Photoshop設計】；第四，網頁界面中的動畫表現力【FLASH動畫設計】；第五，網頁界面設計的創意與構思【綜合知識的運用和整合】。

由此看出，一個網站界面設計所運用的教學知識點在不同的領域，創作的角度與風格是有所區別的，這就要求教師們要依據自己的設計風格，運用自己的知識和教學經驗及最大化的軟件運用能力，透徹的分析和解讀網站設計精品，讓學生們逐步建立起學習網頁設計課程的興趣，通過對各種精品的欣賞，領會不同類型網站設計的風格和藝術表現手法。逐步完成一套：作品欣賞—創意構思—知識運用—作品設計的自我學習過程。整個教學平臺的設計原則如下。

2.1 備足功課是創建教學情景的關鍵

網站界面的視覺構成設計是一種思維訓練的過程，更是知識綜合運用能力的展現，教師在這一教學環節中，備足功課是首要任務。將色彩、版式設計、動畫分析等知識綜合地運用在一起是創建教學情景的首要環節[3]。通過演示、分析及作品講解，讓學生們從欣賞的角度去品味大師們在設計上的創意理念、色彩構成的恰當運用以及細節上的處理，使學生的視覺思維在感知形體結構中形成準確的定位。

2.2 剔除錯覺是教學設計的主要環節

在教學設計中，剔除錯覺是正確感知世界的一個重要環節，為我們進行網頁設計教學時形成確切的概念和嚴謹的布局打下良好的基礎。一般情況下，網頁界面設計的視覺構成應該把握以下幾種設計思路：A.單點和多點視覺的表現；B.直線、斜線和曲線視覺的表現；C.圓形、方形和自由圖形視覺的表現；D.點、線、面混合視覺的表現。如果單純地運用點、線、面，其界面有可能會單調、乏味，反之，如果能在設計中合理地安排好點、線、面之間的關系，就能設計出豐富且具有極佳視覺效果的界面。如圖所示。

2.3 創意設計是教學設計的靈魂

好的界面創意可以讓人印象深刻，過目不忘，內容深入人心，使作品個性鮮明、充滿魅力。創意的形式是在平時學習、收集素材的過程中孕育的，是一個不可復制、厚積薄發的過程。創意設計就像是界面設計的靈魂，是設計者智慧的釋放[4]。如圖所示。

2.4 色彩運用是教學設計的情感特征

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

2.5 簡約設計是教學設計的加減法

在網頁設計中，要學會使用白色來進行畫面對比。在某種程度上，留白是為了給觀者留下思考和透氣的空間。許多人傾向于過度填充他們的界面，使人們在視覺上感到疲勞。保持干凈和適當的空白更能讓用戶保持愉悅的情感去瀏覽下去，只有舒適的網頁界面才會受到歡迎，才能達到更好的傳播效果。為此，網頁設計時要學會加減法，從設計的第一個元素開始，就要不斷地運用加減法來搭建畫面，適當運用放大或縮小，不斷地變化。當加法做到一定的量時，再去做減法設計，這是對界面整體把握能力的一個評估。例如：大膽地去除邊框，讓畫面更通透大氣，視覺元素更豐富，但不乏美感。科學合理地運用加減法是我們不斷追求完美設計的過程。

3 網頁設計的重要過程——減少視覺感知

減少視覺感知是通過移除和隱藏來減少設計的復雜性。降低“視覺感知”的復雜性也是網頁設計中一個非常重要的設計過程，而空白和對比無疑成為有效減少視覺干擾的重要手段。因此，在設計頁面的視覺布局時，要適當的留白來平衡頁面元素。另外，在使用空白的同時，還要保證其對比感。要學習如何用最少的視覺變化來表達思想，使設計元素之間有主次感。

可透氣的白色空間不像淡白，用有趣的設計來刺激用戶的視覺神經，使設計作品更有思想性。例如，在留出必要的空白之后，試著給文本添加一些修飾，或者在段落中添加一個小圖標。適當的修飾是必不可少的。

4 結語

網頁欣賞精品分析教學平臺的設計，可根據不同的課程教學內容，有效地避免教學情境的單一化。這種教學方式有助于學生在學習中最大限度地發揮自我潛能，從而贏得同伴的尊重，對于增強學生的自信心和提高學習積極性起到很大的促進作用。

綜上所述，網頁欣賞精品分析這一教學平臺，是依據中職學生學習能力 “最鄰近發展區”來建立的一種情境教學法，通過這種欣賞分析的教學手段，不斷地把學生的學習能力和智力潛能提升到更高的水平，使學生的創作理念走到實踐學習的前面。