網(wǎng)頁設計課程知識體系構建

前言：想要寫出一篇引人入勝的文章？我們特意為您整理了網(wǎng)頁設計課程知識體系構建范文，希望能給你帶來靈感和參考，敬請閱讀。

摘要：網(wǎng)頁設計的本質(zhì)是為用戶的體驗服務，網(wǎng)頁設計的具體設計實踐活動主要包括交互和視覺兩個部分，交互的重要程度決定了匹配對應的視覺效果。網(wǎng)頁設計課程應立足用戶視角，引導學生在課程設計實踐活動中思考、研究并提出滿足用戶需要的解決問題的設計方案。網(wǎng)頁設計課程的知識體系在遵循設計流程的前提下主要由設計方法與理論、設計工具、設計實踐經(jīng)驗三個部分構成。

關鍵詞：網(wǎng)頁設計;課程知識體系;體驗設計;交互設計;信息設計

網(wǎng)頁設計作為高校設計學專業(yè)的專業(yè)課程，在教學課程知識體系的不斷探索和完善中，形成了以藝術和技術分別主導的側重不同而又緊密關聯(lián)的兩種課程知識體系。隨著網(wǎng)頁設計理論與方法研究的不斷深入和發(fā)展，人們對網(wǎng)頁的產(chǎn)品設計的屬性認知越來越明確，對網(wǎng)頁設計的工作分工更細致也更專業(yè)，這種認知進步也應該體現(xiàn)于當前的高校網(wǎng)頁設計課程的知識構建體系中。

一、網(wǎng)頁設計課程知識體系的構建變遷

1.從代碼知識到網(wǎng)頁制作工具知識的轉變

早期，高校網(wǎng)頁類課程的知識體系構建得益于院校的科研優(yōu)勢，互聯(lián)網(wǎng)的發(fā)展直接促成了計算機專業(yè)的開設和網(wǎng)頁設計課程的設立。20世紀90年代末，網(wǎng)頁設計課程陸陸續(xù)續(xù)被列入部分高校設計類專業(yè)課程目錄。面向高校學生的網(wǎng)頁設計課程內(nèi)容是一種全新的事物，即使面向藝術類專業(yè)，也由計算機專業(yè)相關教師承擔教學任務。各高校、科研院所對網(wǎng)頁制作方法不斷探索，并將成果于各種學術研究出版物，教學方面則直接引用案例教學，教學內(nèi)容以HTML知識為主。由于面向?qū)ο蟮脑O計思想在軟件開發(fā)中普及，各種不需要用戶直接面對代碼的網(wǎng)頁制作工具相繼誕生，于是，這方面的知識成為課堂的新內(nèi)容，大大減輕了學生的記憶負擔。2.網(wǎng)頁制作向網(wǎng)頁美工的轉變網(wǎng)站制作的快速發(fā)展、網(wǎng)頁制作技術的傳播，使網(wǎng)站在技術層面進入了同質(zhì)化階段，市場需求開始轉向頁面視覺效果方面的提升。在網(wǎng)頁設計課程中，由于對網(wǎng)頁設計分工認知不足，早期的網(wǎng)頁設計課程時常將設計和制作的名稱與授課內(nèi)容混用，沒有嚴格區(qū)分，也沒有明確的網(wǎng)頁前端設計與視覺設計分工。高校網(wǎng)頁設計課程的授課內(nèi)容以網(wǎng)頁制作技術為主，以美化頁面效果為輔。此時，高校對于網(wǎng)頁設計課程的視覺設計方面的專業(yè)教學研究處于摸索階段。之后，隨著時代的發(fā)展，網(wǎng)頁設計課程教學核心開始轉變?yōu)橹谱骶哂懈岩曈X效果的網(wǎng)頁。3.網(wǎng)頁視覺設計與網(wǎng)頁前端設計的內(nèi)容分離側重于設計的網(wǎng)頁設計課程知識體系重構從探索、發(fā)展到成熟，經(jīng)歷了較長的準備階段。隨著界面設計方法和流程理論體系的日益完善，分工協(xié)作機制日趨成熟，前端設計分離后，網(wǎng)頁設計課程的重心確定為符合網(wǎng)頁制作技術規(guī)范和條件的頁面創(chuàng)意表達、視覺效果設計與優(yōu)化。網(wǎng)頁視覺設計的探索從傳統(tǒng)的平面設計方法尋找切入點，通過對網(wǎng)頁設計中的審美需求和各種視覺構成要素（如文字、圖片、顏色等）進行分析，結合人們在瀏覽信息時的視覺習慣，探索網(wǎng)頁視覺信息如何被更有效、更合理地表達。網(wǎng)頁設計教學重心內(nèi)容在轉移到視覺設計之后，該階段還未意識到網(wǎng)頁交互設計的核心地位。

二、用戶模式的網(wǎng)頁之設計認知構建

網(wǎng)頁設計的本質(zhì)是用戶的體驗設計。網(wǎng)站作為互聯(lián)網(wǎng)非可觸形態(tài)的產(chǎn)品，對其認知的構建包含產(chǎn)品屬性認知與服務屬性認知兩個層面的內(nèi)容。1.網(wǎng)頁設計是一種產(chǎn)品設計設計是一門交叉學科，網(wǎng)頁本身也是一種產(chǎn)品。網(wǎng)頁設計最初被視作平面領域的設計，而鏈接交互是網(wǎng)頁設計有別于平面設計的基本特征。網(wǎng)頁設計存在交互性，使其具有交互設計可用性與易用性體驗的內(nèi)在要求，適用于工業(yè)產(chǎn)品的基本設計流程。2.網(wǎng)頁設計是一種服務設計服務設計層面，各種網(wǎng)頁交互體驗、視聽信息、線上內(nèi)容服務與線下互動等，是網(wǎng)站向用戶提供服務的設計組成部分。作為一種廣義的產(chǎn)品形態(tài)，網(wǎng)頁設計與傳統(tǒng)的實物形態(tài)的工業(yè)產(chǎn)品設計有一定區(qū)別，更傾向于體驗的系統(tǒng)化設計。隨著互聯(lián)網(wǎng)向物聯(lián)網(wǎng)的可用技術研究與拓展，基于智能化網(wǎng)絡的服務設計將成為跨越線上線下的主流設計形態(tài)。3.網(wǎng)頁頁面信息設計是關系網(wǎng)頁設計品質(zhì)的深度設計網(wǎng)頁設計作為一種信息量龐大的互聯(lián)網(wǎng)單元，從工效學角度來看，網(wǎng)站信息本身也擔負著面對用戶、有效傳遞信息的功能和任務，在具體的設計活動中，表現(xiàn)為對信息的設計。信息設計具有多學科交叉性、空間多維性、時間流動性等基本特征，信息設計的目的是為了提高信息的可理解度和可閱讀性。優(yōu)質(zhì)的網(wǎng)頁信息設計可以降低用戶獲取信息的時間和精力成本，提升頁面信息獲取體驗。

三、基于用戶模型的網(wǎng)頁設計課程的知識體系構建

網(wǎng)頁設計的本質(zhì)是對體驗的設計，即以用戶為核心思考設計方案，研究用戶在訪問網(wǎng)站時的需求是網(wǎng)頁課程設計任務的基本出發(fā)點。課程內(nèi)容模塊應該以回答網(wǎng)頁設計是什么、怎么設計、為什么這樣設計三個問題為主線，構建網(wǎng)頁設計課程的知識體系。1.課程的基本目標掌握網(wǎng)站項目與網(wǎng)頁制作的基本設計流程，培養(yǎng)設計項目管理和組織能力；掌握用戶需求研究分析的基本方法，對用戶體驗和需求研究有較為敏銳的洞察力；掌握網(wǎng)站交互原型相關的設計方法與工具；掌握網(wǎng)頁視覺設計方法和設計規(guī)范；了解目前網(wǎng)頁前端設計的相關技術和工具。2.知識體系與模塊組成（1）設計方法教學內(nèi)容模塊設計方法教學內(nèi)容模塊主要為了解決面對具體問題時設計師怎樣展開分析研究工作并確定設計執(zhí)行方案。網(wǎng)頁設計方法主要分為項目流程設計與管理、網(wǎng)站策劃方法與規(guī)范、用戶體驗研究、交互原型設計方法等，讓學生通過貫穿整個課堂教學的項目流程設計和每個流程的具體設計方法的實踐，掌握基本的設計理論。（2）軟件工具教學內(nèi)容模塊軟件工具教學內(nèi)容在形式方面包括課堂內(nèi)的指導和課堂外的自學兩個部分。鑒于設計軟件的頻繁更新和新的設計軟件不斷涌現(xiàn)，教師必須培養(yǎng)學生自學工具的主動意識以適應社會需求。在工具種類方面，包括圖形處理工具、交互原型工具和代碼工具三類。第一類是圖形處理工具，其中常見的Photoshop、Illustrator等圖形設計軟件，已經(jīng)在前置課程中基本完成學習。第二類是交互原型制作工具，常見的工具有墨刀、Axure等。第三類是代碼編輯工具，選擇較多，作為對網(wǎng)頁前端知識的入門介紹部分，在本課程中以介紹為主。（3）設計經(jīng)驗教學內(nèi)容模塊設計經(jīng)驗教學以啟發(fā)式案例實踐為主，按照網(wǎng)站項目設計的流程需要，設定不同層次、不同要求的設計實踐任務作為課程結課的考核內(nèi)容。學生通過案例的練習能從優(yōu)秀作品中學到設計經(jīng)驗，從具體的案例模仿中獲得設計的成就感。網(wǎng)頁設計課程案例教學同時也是對網(wǎng)頁設計方法的實踐驗證，有助于學生對網(wǎng)頁設計方法的理解和體會。結語任何一種技術變革，都可能讓網(wǎng)頁設計出現(xiàn)新的藝術形態(tài)，前端依然是課程必須了解的知識。目前，就設計藝術角度而言，網(wǎng)頁設計課程的內(nèi)容以交互和視覺設計為基礎，在信息設計層面也有較大的提升空間，設計途徑也已經(jīng)拓展到用戶的視覺、行為、聲音和邏輯等方面。網(wǎng)頁設計課程的知識體系構建必須以產(chǎn)品的視角，讓學生更深刻、更完整地理解用戶模式下的網(wǎng)頁設計藝術。

參考文獻：

[1]韓旭.新概念網(wǎng)頁設計.包裝世界，2000（5）.

[2]鬲波飛.網(wǎng)頁設計之視覺信息傳達分析.湖南大學學報（社會科學版），2001（S2）.

[3]劉真.《Don’tmakemethink》，從網(wǎng)頁設計到產(chǎn)品設計.科技與創(chuàng)新，2015（8）.

[4]封紅蓮.Web界面中的信息設計研究.上海交通大學碩士學位論文，2008.

作者:熊科軍 單位:湖南文理學院美術學院