平面設計教學中網頁的設計理念剖析

葉驍

【摘要】隨著信息時代的降臨，平面設計成為了一門涉獵廣泛的綜合性學科，它要求設計人才具有勤于動腦和思考的能力與扎實的理論及實踐技能修養。而網頁設計作為平面設計中的重要課程內容，在課程教學中集技術與藝術于一身，內含聲音、圖像、互動等多種鮮明元素。本文從文字、圖像、色彩等網頁構成要素出發，對平面設計教學中網頁的設計理念進行了剖析，旨在提高平面設計教學水平，為社會培養出更加優質的設計人才。

【關鍵詞】平面設計；教學；網頁；設計理念

【中圖分類號】J50-4 【文獻標識碼】B 【文章編號】2095-3089（2017）35-0041-01

前言

網絡作為21世紀先進科技和信息交互式碰撞的產物，已成為人類社會生產和生活溝通中必要的鏈接紐帶。隨著網絡技術的飛速發展，網站建設成為了數字信息傳播的新型平臺，網頁設計也隨之成為了網站建設者和瀏覽者所關注的重點內容，因此如何吸引閱讀者和消費者在網頁瀏覽中高效獲取相關信息，就成為了平面設計教學中的核心內容[1]。網頁設計作為一種平面藝術表現形式，具有聲音、圖像、視聽、互動等特點，在進行設計教學時必須充分展現其具備的豐富涵義和美學價值[2]。面筆者就平面設計教學中網頁的設計理念展開了分析和研究。

一、文字緊扣核心

教學網頁內容多以文字為中心，網頁的視覺節奏、功能和律動美感等均依靠文字來實現調節變化效果，因此文字處理就成為了教學網頁設計中的基礎內容。文字主要包括標題和內容兩部分要素，標題章節的字體造型在設計時需注重醒目、傳達、功能、美感、指導等特性，教師必須將其作為畫面元素進行形象設計，根據文字涵義設計字體的大小、方位、排列和特效等版式內容，實現文字信息與視覺形象的有機結合。而內容文字則承擔著傳播教育教學信息的重要任務，因此在設計時需盡量采用普通印刷體，以便信息傳達和學生閱讀。

二、圖像豐富內涵

教學網頁在進行圖像設計時必須使其成為教學思想傳達的一部分，與文字內容相互配合，交相呼應，達到理想的設計效果。通常而言，文字適用于表達客觀類教學內容，而一些意象性、主觀性和情緒性等難以用文字形式表達的內容，則可利用圖像方式加以表達。在進行圖像設計時，必須注重圖像的明晰性、強烈視覺性、簡潔明了性、文字引導性和強烈對比性。常用的圖像外框包括圓形、矩形等規則形狀，為了創新網頁形式，可采取通用構成手法，對圖像進行分割和組合，比如運用噴槍工具勾畫、噴抹畫外框，提高畫面的自由度和別致性。

三、注重色彩和諧美

色彩應用具有色相、明度和彩度的分別，在進行網頁設計時，首先必須注重頁面整體的易讀性，運用近似明度和不同色相的色彩進行形體表述，提高頁面內容的空間層次感。經過色彩三要素對比分析后發現，色彩明度變化是增加視覺的有效手段，且與色彩易讀性關聯密切，同時通過明度對比有助于提高頁面文字、圖像和背景之間的生命力和張力[3]。因此在進行網頁設計時必須避免選擇過多色相，色彩以3～4個色相為宜，在確定主體色調后注重頁面整體協調美，營造舒適、和諧的頁面效果。

四、圖標和按鈕調節氛圍

圖標和按鈕在整體頁面布局中占據空間較小，但卻是網頁設計的亮點內容。在進行網頁設計時可運用一些具有象征意義的線條、圖形等實現文字或概念性內容的表達，提高語言表達生動性。同時還可利用按鈕調節頁面單調情況，提高頁面生動性，但在應用時需要配合頁面整體效果，以防出現喧賓奪主現象。比如，在選用字體或插畫進行配合時，需要考慮字跡的清晰度和色彩的簡潔性。按鈕設計則主要是為了點綴頁面，增加網頁趣味性。

五、有序布局與動感表現

網頁頁面分割和內容編排必須遵循有序性理念，在文字、色彩和圖像等各式構成要素設計完成后，必須確保整體布局的合理性和清晰性，實現各個元素的統一和連貫，以便學生愉快閱讀和觀看。常用的頁面分割方法包括二維分割與三維分割兩種模式，在分割過程中必須注重頁面各構成元素的比例關系，確保重點突出，層次分明。二維分割具有平面性特點，一般用于字距、行距等內容分割，給人以明確方向感。三維分割具有空間效果，在應用時可突出重點內容，但層次過多會時則會影響到頁面內容的表述效果和清晰度，一般適用于片頭設計等方面，因此多采用少層次、簡練的分割方法。在動感表現方面，網頁動感組成包括動畫、動線和視頻圖像等內容，而色、光、動是影響人類視覺效果的三大活躍因素，其中“動”對視覺的影響程度最高，在進行網頁動態處理時必須注意動態和靜態部分的相互聯系，切勿采用過多動態變化模式，影響頁面動態效果，導致學生注意力分散情況發生。

六、結語

綜上所述，網頁設計作為平面設計中的全新學科，在進行課程教學是必須緊抓網頁構成要素，從文字、圖像、色彩等網頁構成要素出發，對平面設計教學中網頁的設計理念進行深入剖析，從而實現理想的教學設計效果。

參考文獻

[1]李繼俠.原研哉平面設計中的哲學理念及對現代生活的意義研究[J].包裝工程，2016（18）：194-197.

[2]路明.解析平面設計教學實訓項目《又見》[J].裝飾，2016（1）：92-93.

[3]張延玲，喻蕓.網頁設計課程中融入UI設計理念的教學探索[J].電腦知識與技術：學術交流，2015（12）：178-179.