- 相關(guān)推薦
網(wǎng)頁(yè)課程設計報告書(shū)
網(wǎng)頁(yè)設計的本質(zhì)是為用戶(hù)的體驗服務(wù)，網(wǎng)頁(yè)設計的具體設計實(shí)踐活動(dòng)主要包括交互和視覺(jué)兩個(gè)部分，交互的重要程度決定了匹配對應的視覺(jué)效果。下面是小編整理的網(wǎng)頁(yè)課程設計報告書(shū)，希望對你有幫助。
網(wǎng)頁(yè)課程設計報告書(shū)一
網(wǎng)頁(yè)設計作為高校設計學(xué)專(zhuān)業(yè)的專(zhuān)業(yè)課程，在教學(xué)課程知識體系的不斷探索和完善中，形成了以藝術(shù)和技術(shù)分別主導的側重不同而又緊密關(guān)聯(lián)的兩種課程知識體系。隨著(zhù)網(wǎng)頁(yè)設計理論與方法研究的不斷深入和發(fā)展，人們對網(wǎng)頁(yè)的產(chǎn)品設計的屬性認知越來(lái)越明確，對網(wǎng)頁(yè)設計的工作分工更細致也更專(zhuān)業(yè)，這種認知進(jìn)步也應該體現于當前的高校網(wǎng)頁(yè)設計課程的知識構建體系中。
一、網(wǎng)頁(yè)設計課程知識體系的構建變遷
1.從代碼知識到網(wǎng)頁(yè)制作工具知識的轉變
早期，高校網(wǎng)頁(yè)類(lèi)課程的知識體系構建得益于院校的科研優(yōu)勢，互聯(lián)網(wǎng)的發(fā)展直接促成了計算機專(zhuān)業(yè)的開(kāi)設和網(wǎng)頁(yè)設計課程的設立。20世紀90年代末，網(wǎng)頁(yè)設計課程陸陸續續被列入部分高校設計類(lèi)專(zhuān)業(yè)課程目錄。面向高校學(xué)生的網(wǎng)頁(yè)設計課程內容是一種全新的事物，即使面向藝術(shù)類(lèi)專(zhuān)業(yè)，也由計算機專(zhuān)業(yè)相關(guān)教師承擔教學(xué)任務(wù)。各高校、科研院所對網(wǎng)頁(yè)制作方法不斷探索，并將成果發(fā)布于各種學(xué)術(shù)研究出版物，教學(xué)方面則直接引用案例教學(xué)，教學(xué)內容以HTML知識為主。由于面向對象的設計思想在軟件開(kāi)發(fā)中普及，各種不需要用戶(hù)直接面對代碼的網(wǎng)頁(yè)制作工具相繼誕生，于是，這方面的知識成為課堂的新內容，大大減輕了學(xué)生的記憶負擔。2.網(wǎng)頁(yè)制作向網(wǎng)頁(yè)美工的轉變網(wǎng)站制作的快速發(fā)展、網(wǎng)頁(yè)制作技術(shù)的傳播，使網(wǎng)站在技術(shù)層面進(jìn)入了同質(zhì)化階段，市場(chǎng)需求開(kāi)始轉向頁(yè)面視覺(jué)效果方面的提升。在網(wǎng)頁(yè)設計課程中，由于對網(wǎng)頁(yè)設計分工認知不足，早期的網(wǎng)頁(yè)設計課程時(shí)常將設計和制作的名稱(chēng)與授課內容混用，沒(méi)有嚴格區分，也沒(méi)有明確的網(wǎng)頁(yè)前端設計與視覺(jué)設計分工。高校網(wǎng)頁(yè)設計課程的授課內容以網(wǎng)頁(yè)制作技術(shù)為主，以美化頁(yè)面效果為輔。此時(shí)，高校對于網(wǎng)頁(yè)設計課程的視覺(jué)設計方面的專(zhuān)業(yè)教學(xué)研究處于摸索階段。之后，隨著(zhù)時(shí)代的發(fā)展，網(wǎng)頁(yè)設計課程教學(xué)核心開(kāi)始轉變?yōu)橹谱骶哂懈岩曈X(jué)效果的網(wǎng)頁(yè)。3.網(wǎng)頁(yè)視覺(jué)設計與網(wǎng)頁(yè)前端設計的內容分離側重于設計的網(wǎng)頁(yè)設計課程知識體系重構從探索、發(fā)展到成熟，經(jīng)歷了較長(cháng)的準備階段。隨著(zhù)界面設計方法和流程理論體系的日益完善，分工協(xié)作機制日趨成熟，前端設計分離后，網(wǎng)頁(yè)設計課程的重心確定為符合網(wǎng)頁(yè)制作技術(shù)規范和條件的頁(yè)面創(chuàng )意表達、視覺(jué)效果設計與優(yōu)化。網(wǎng)頁(yè)視覺(jué)設計的探索從傳統的平面設計方法尋找切入點(diǎn)，通過(guò)對網(wǎng)頁(yè)設計中的審美需求和各種視覺(jué)構成要素（如文字、圖片、顏色等）進(jìn)行分析，結合人們在瀏覽信息時(shí)的視覺(jué)習慣，探索網(wǎng)頁(yè)視覺(jué)信息如何被更有效、更合理地表達。網(wǎng)頁(yè)設計教學(xué)重心內容在轉移到視覺(jué)設計之后，該階段還未意識到網(wǎng)頁(yè)交互設計的核心地位。
二、用戶(hù)模式的網(wǎng)頁(yè)之設計認知構建
網(wǎng)頁(yè)設計的本質(zhì)是用戶(hù)的體驗設計。網(wǎng)站作為互聯(lián)網(wǎng)非可觸形態(tài)的產(chǎn)品，對其認知的構建包含產(chǎn)品屬性認知與服務(wù)屬性認知兩個(gè)層面的內容。1.網(wǎng)頁(yè)設計是一種產(chǎn)品設計設計是一門(mén)交叉學(xué)科，網(wǎng)頁(yè)本身也是一種產(chǎn)品。網(wǎng)頁(yè)設計最初被視作平面領(lǐng)域的設計，而鏈接交互是網(wǎng)頁(yè)設計有別于平面設計的基本特征。網(wǎng)頁(yè)設計存在交互性，使其具有交互設計可用性與易用性體驗的內在要求，適用于工業(yè)產(chǎn)品的基本設計流程。2.網(wǎng)頁(yè)設計是一種服務(wù)設計服務(wù)設計層面，各種網(wǎng)頁(yè)交互體驗、視聽(tīng)信息、線(xiàn)上內容服務(wù)與線(xiàn)下互動(dòng)等，是網(wǎng)站向用戶(hù)提供服務(wù)的設計組成部分。作為一種廣義的產(chǎn)品形態(tài)，網(wǎng)頁(yè)設計與傳統的實(shí)物形態(tài)的工業(yè)產(chǎn)品設計有一定區別，更傾向于體驗的系統化設計。隨著(zhù)互聯(lián)網(wǎng)向物聯(lián)網(wǎng)的可用技術(shù)研究與拓展，基于智能化網(wǎng)絡(luò )的服務(wù)設計將成為跨越線(xiàn)上線(xiàn)下的主流設計形態(tài)。3.網(wǎng)頁(yè)頁(yè)面信息設計是關(guān)系網(wǎng)頁(yè)設計品質(zhì)的深度設計網(wǎng)頁(yè)設計作為一種信息量龐大的互聯(lián)網(wǎng)單元，從工效學(xué)角度來(lái)看，網(wǎng)站信息本身也擔負著(zhù)面對用戶(hù)、有效傳遞信息的功能和任務(wù)，在具體的設計活動(dòng)中，表現為對信息的設計。信息設計具有多學(xué)科交叉性、空間多維性、時(shí)間流動(dòng)性等基本特征，信息設計的'目的是為了提高信息的可理解度和可閱讀性。優(yōu)質(zhì)的網(wǎng)頁(yè)信息設計可以降低用戶(hù)獲取信息的時(shí)間和精力成本，提升頁(yè)面信息獲取體驗。
三、基于用戶(hù)模型的網(wǎng)頁(yè)設計課程的知識體系構建
網(wǎng)頁(yè)設計的本質(zhì)是對體驗的設計，即以用戶(hù)為核心思考設計方案，研究用戶(hù)在訪(fǎng)問(wèn)網(wǎng)站時(shí)的需求是網(wǎng)頁(yè)課程設計任務(wù)的基本出發(fā)點(diǎn)。課程內容模塊應該以回答網(wǎng)頁(yè)設計是什么、怎么設計、為什么這樣設計三個(gè)問(wèn)題為主線(xiàn)，構建網(wǎng)頁(yè)設計課程的知識體系。1.課程的基本目標掌握網(wǎng)站項目與網(wǎng)頁(yè)制作的基本設計流程，培養設計項目管理和組織能力；掌握用戶(hù)需求研究分析的基本方法，對用戶(hù)體驗和需求研究有較為敏銳的洞察力；掌握網(wǎng)站交互原型相關(guān)的設計方法與工具；掌握網(wǎng)頁(yè)視覺(jué)設計方法和設計規范；了解目前網(wǎng)頁(yè)前端設計的相關(guān)技術(shù)和工具。2.知識體系與模塊組成（1）設計方法教學(xué)內容模塊設計方法教學(xué)內容模塊主要為了解決面對具體問(wèn)題時(shí)設計師怎樣展開(kāi)分析研究工作并確定設計執行方案。網(wǎng)頁(yè)設計方法主要分為項目流程設計與管理、網(wǎng)站策劃方法與規范、用戶(hù)體驗研究、交互原型設計方法等，讓學(xué)生通過(guò)貫穿整個(gè)課堂教學(xué)的項目流程設計和每個(gè)流程的具體設計方法的實(shí)踐，掌握基本的設計理論。（2）軟件工具教學(xué)內容模塊軟件工具教學(xué)內容在形式方面包括課堂內的指導和課堂外的自學(xué)兩個(gè)部分。鑒于設計軟件的頻繁更新和新的設計軟件不斷涌現，教師必須培養學(xué)生自學(xué)工具的主動(dòng)意識以適應社會(huì )需求。在工具種類(lèi)方面，包括圖形處理工具、交互原型工具和代碼工具三類(lèi)。第一類(lèi)是圖形處理工具，其中常見(jiàn)的Photoshop、Illustrator等圖形設計軟件，已經(jīng)在前置課程中基本完成學(xué)習。第二類(lèi)是交互原型制作工具，常見(jiàn)的工具有墨刀、Axure等。第三類(lèi)是代碼編輯工具，選擇較多，作為對網(wǎng)頁(yè)前端知識的入門(mén)介紹部分，在本課程中以介紹為主。（3）設計經(jīng)驗教學(xué)內容模塊設計經(jīng)驗教學(xué)以啟發(fā)式案例實(shí)踐為主，按照網(wǎng)站項目設計的流程需要，設定不同層次、不同要求的設計實(shí)踐任務(wù)作為課程結課的考核內容。學(xué)生通過(guò)案例的練習能從優(yōu)秀作品中學(xué)到設計經(jīng)驗，從具體的案例模仿中獲得設計的成就感。網(wǎng)頁(yè)設計課程案例教學(xué)同時(shí)也是對網(wǎng)頁(yè)設計方法的實(shí)踐驗證，有助于學(xué)生對網(wǎng)頁(yè)設計方法的理解和體會(huì )。結語(yǔ)任何一種技術(shù)變革，都可能讓網(wǎng)頁(yè)設計出現新的藝術(shù)形態(tài)，前端依然是課程必須了解的知識。目前，就設計藝術(shù)角度而言，網(wǎng)頁(yè)設計課程的內容以交互和視覺(jué)設計為基礎，在信息設計層面也有較大的提升空間，設計途徑也已經(jīng)拓展到用戶(hù)的視覺(jué)、行為、聲音和邏輯等方面。網(wǎng)頁(yè)設計課程的知識體系構建必須以產(chǎn)品的視角，讓學(xué)生更深刻、更完整地理解用戶(hù)模式下的網(wǎng)頁(yè)設計藝術(shù)。
網(wǎng)頁(yè)課程設計報告書(shū)二
隨著(zhù)現代化科技的發(fā)展，計算機已經(jīng)成為人們生活中的重要組成部分，網(wǎng)頁(yè)瀏覽的形式已經(jīng)代替以往書(shū)籍瀏覽的形式，也正因為如此網(wǎng)頁(yè)的設計與布局尤為重要�？茖W(xué)合理的網(wǎng)頁(yè)設計布局不但能夠帶給人們美感，并且還能使人們在瀏覽的過(guò)程中內心放松。計算機網(wǎng)頁(yè)設計的概念主要包括網(wǎng)頁(yè)設計布局的整體造型以及網(wǎng)頁(yè)設計布局頁(yè)面的尺寸。頁(yè)面設計的整體造型指的就是網(wǎng)頁(yè)設計中的布局形狀，其中最常見(jiàn)的形狀有三角形、圓形等，也有部分計算機網(wǎng)頁(yè)設計采用綜合體的形狀，在頁(yè)面的選擇上，大多是根據網(wǎng)站自身的特點(diǎn)來(lái)選擇的。計算機網(wǎng)頁(yè)設計的尺寸也較為多樣化，在計算機使用過(guò)程中，常常由于客觀(guān)影響造成屏幕的分辨率以及尺寸的影響，但由于是客觀(guān)因素無(wú)法改變，在瀏覽器自帶的功能上，對于瀏覽過(guò)程中網(wǎng)頁(yè)的增大與減小都能夠借助瀏覽器工具欄中的相應功能解決。計算機網(wǎng)頁(yè)設計中的布局與計算機的發(fā)展有著(zhù)直接的聯(lián)系，并且影響網(wǎng)站的瀏覽量，目前最為常見(jiàn)的布局分為同字型布局、標題正文型布局、綜合框架型布局、封面型布局以及Flash型布局等五種形式。這五種布局形式都能夠最大程度的提高網(wǎng)頁(yè)的美感，并且在現代網(wǎng)頁(yè)布局中被廣泛運用，以下便是對五種布局類(lèi)型的詳細分析。
1.同字型布局
同字型布局主要針對網(wǎng)頁(yè)布局的內容，這種布局其內的填充范圍較廣、填充的數量也較大。在網(wǎng)頁(yè)設計布局中，大多都是在網(wǎng)頁(yè)的'標題欄進(jìn)行網(wǎng)站主體的填充，有的是填充廣告，也有少數網(wǎng)頁(yè)設計布局中填充的形式是小標題。在頁(yè)面的兩側分別布置內容，其中網(wǎng)站的信息與動(dòng)態(tài)或是服務(wù)人員以及相應的廣告等，在以往網(wǎng)頁(yè)設計布局中這部分并沒(méi)有受到重視，因此也是相對具有價(jià)值的部分。同字型布局網(wǎng)頁(yè)主要都是從中央位置布置，根據網(wǎng)頁(yè)內容的重點(diǎn)由上到下布局，或是根據網(wǎng)頁(yè)自身的特點(diǎn)以及相應的顏色進(jìn)行布局，也有部分網(wǎng)頁(yè)是根據其中的細節進(jìn)行布局的。在網(wǎng)頁(yè)的下端并不會(huì )進(jìn)行內容的布局，就目前網(wǎng)頁(yè)來(lái)看下端也只是網(wǎng)頁(yè)的信息以及登錄方式等。
2.標題正文型布局
標題正文型布局與同字型布局不同的是標題正文型布局并沒(méi)有兩端的布局，其它布局類(lèi)型相似。在頁(yè)面上端的布局中大多都是網(wǎng)頁(yè)的標題，其中也有廣告，頁(yè)面的中端是網(wǎng)頁(yè)的主要內容以及和重點(diǎn)內容，其中中端內容中包含同字型布局兩端布局的內容，例如，在正標題下方是對網(wǎng)站的簡(jiǎn)訊，之后便是相應的附加咨詢(xún)，最為常見(jiàn)的就是天氣信息以及網(wǎng)站的注冊信息等，在下方便是網(wǎng)站的主要內容也就是正文，在正文的布局上，其結構都是簡(jiǎn)單明了的。
3.綜合框架型布局
綜合框架型布局與其它布局相比形式較為復雜，主要采用框架的形式來(lái)進(jìn)行網(wǎng)頁(yè)的布局，分別在上端、兩端以及下端，網(wǎng)站的主要內容都是在框架中進(jìn)行布局的。這種布局形式與其他布局形式相比更具有輪廓性，能夠將其它布局中的內容類(lèi)型充分地體現出來(lái)。
4.封面型布局
封面類(lèi)型布局便是字面上的意思，按照書(shū)本頁(yè)面的形式進(jìn)行布局，在封面型布局中大多采用的是圖片，其中圖片篇幅較大。一般在不同種類(lèi)網(wǎng)站的主頁(yè)上大多采用封面型布局，在布局的周?chē)鄳姆植贾?zhù)較小以及較為簡(jiǎn)單的信息，此種信息所采用的形式都是超鏈接的形式，例如，最為常見(jiàn)的QQ空間，其主頁(yè)便采用封面型布局的形式，采用此種布局的主要目的就是能夠凸顯網(wǎng)頁(yè)自身的特點(diǎn)，能夠吸引使用者的目光的同時(shí)，對其功能更加一目了然方便操作。
5.Flash型布局
Flash型布局與頁(yè)面布局較為相似，Flash型布局與頁(yè)面型布局唯一不同的便是在頁(yè)面的布局過(guò)程中采用更多的Flash，其中包含聲音以及動(dòng)畫(huà)的形式，因此與封面型布局相比在聲音上更能給人們帶來(lái)聽(tīng)覺(jué)上的享受，除了聽(tīng)覺(jué)上的享受外在視覺(jué)上Flash型布局也能夠給人們帶來(lái)相應的震撼效果。例如，在現代最為常見(jiàn)的游戲頁(yè)面上，采用的都是Flash型布局，尤其是在登錄的界面或是在進(jìn)入游戲過(guò)程中的等待界面，在現代科技的發(fā)展中，也有少數網(wǎng)頁(yè)在主頁(yè)布局的過(guò)程中采用Flash型布局，以此提高網(wǎng)頁(yè)的瀏覽量�？偠灾�，計算機時(shí)代已經(jīng)到來(lái)，網(wǎng)頁(yè)設計布局已經(jīng)成為重要的發(fā)展趨勢，網(wǎng)頁(yè)設計布局并沒(méi)有固定的格式，做一種形式設計的過(guò)程中主要根據個(gè)人的審美，因此想要在網(wǎng)頁(yè)的設計布局中增添其美感，首先就要對美有更深刻的了解，合理的運用到網(wǎng)頁(yè)的布局中，使人們在網(wǎng)頁(yè)的瀏覽中獲取所需信息的同時(shí)還能夠帶來(lái)相應的視覺(jué)享受。
【網(wǎng)頁(yè)課程設計報告書(shū)】相關(guān)文章：
網(wǎng)頁(yè)課程設計心得體會(huì )03-21
關(guān)于網(wǎng)頁(yè)課程設計心得體會(huì )07-03
課程設計小結02-02
課程設計總結09-19
課程設計報告07-23
課程設計心得12-17
課程設計的總結12-17
【精選】課程設計總結08-29
課程設計報告09-11
課程設計感悟08-14