網頁設計論文范文第1篇
摘要:網頁設計藝術是綜合計算機圖形藝術和網絡技術的一門邊緣學科。本文探討了將圖形藝術和網頁設計相結合,設計出個性化的網頁設計圖形藝術的界面,以取得更好的信息效果。
關鍵詞:網頁設計 圖形藝術 界面設計
在現代社會,網絡虛擬世界已經無處不在。對于傳統的計算機圖形藝術設計師們來說,不得不面臨一個新的、前景無限的設計領域———計算機網頁設計圖形藝術。這就給網頁制作公司和個人帶來了許多商機,也給每一個想成為計算機網頁設計圖形藝術家的人展現了一個廣闊的舞臺,使其成為具有最大訴求效果的構成技術。網頁設計圖形藝術不但擁有傳統媒體的優點,同時又使傳播變得更為直接、省力和有效,它是伴隨著計算機互聯網絡的產生而形成的視聽設計的新課題,是網頁設計者以所處時代所能獲取的技術和藝術經驗為基礎,依照設計目的和要求自覺地對網頁的構成元素進行藝術規劃的創造性思維活動,必然要成為計算機圖形藝術的重要組成部分,并隨著網絡技術的發展而發展。然而,在網頁設計圖形藝術這個領域里,沒有網頁設計技術的產生和迅猛發展,根本無從談起“網頁設計圖形藝術”,技術為設計建造了表現的基石,設計根據其需要又不斷地向技術提出新的要求,從而促進了技術的進步。而真正有魅力的富于表現性的網頁設計是計算機網頁設計圖形藝術家們的思想、素養、對設計的理解及其表現技術的綜合性的體現。因此,作為計算機圖形藝術設計師必須接受這種設計與技術的綜合表現形式,要以掌握網頁設計圖形藝術與多媒體技術、計算機程序設計為前提,更有效地發揮網頁設計圖形藝術的表現性和可操作性,完成新概念的構想而努力。
一、 從圖形藝術到網頁設計藝術的變革
面對新時代的到來,人們無不感到社會經濟和文化所經歷著的快速而深刻的變化。使得我們原有的價值觀念、思維方式、知識結構和思想空間都面臨著各種各樣的挑戰。目前,網絡已經越來越多地進入了計算機圖形藝術領域,我們沒有任何理由忽視網頁藝術設計的存在。網絡對計算機圖形藝術行業造成的威脅與機遇并存,而且這種趨勢越來越顯著。對傳統的計算機圖形藝術設計師們而言,網絡意味著機遇。對傳統的印刷業而言,網絡則具有信息資源無限、圖文互動、高速高效的特點,是印刷媒體面臨的最大威脅。越來越多的項目要借助于新的媒介來完成,只是利用印刷完成最后一道工序。人們看到,新的商務模式迫在眉睫,與客戶實行電子交易將成為“日?！苯涣鞣?傳統的圖形藝術逐步走向網頁設計藝術……。
網絡產生的這些變化不僅逐步加劇,而且孕育了自身對技術的狂熱。這些不僅影響著網頁設計藝術的創造過程,還波及到創造出的作品,以及交流的進行過程,當然,還會決定什么樣的工作將繼續留給傳統的計算機圖形藝術設計師們來完成。由于傳統意義上的計算機圖形處理技藝并沒有消失,人們會將更多的注意力集中到如何整合各種不同的媒體,設計師們也要具有設計交叉應用的綜合能力,才能適應不斷變化的時代。創造工作將會在互聯網的基礎上草建。網絡創造人員不僅包括網頁設計師和程序開發員、還有制作者以及那些在網絡各個環節上的專家。網絡將會為許多設計者提供全方位的服務,包括一些源于計算機圖形藝術的傳統工作由于計算機本身及其網絡相關技術的特點和條件,使其對于網頁設計是限制的。
網頁設計圖形藝術與傳統的計算機圖形藝術設計在視覺傳達方面有極大的相似性,但是在技術實現方面又有著很大的區別。網頁設計藝術是傳統的計算機圖形藝術的視覺傳達效果運用和網絡技術實現的有機結合,我們可以說網頁設計藝術是綜合計算機圖形藝術和網絡技術的一門邊緣學科。
1.藝術效果的傳達
如同傳統的計算機圖形藝術作品一樣,網頁設計藝術也要求具有一定的藝術感染力。一個雜亂無章、表現平庸、毫無美感可言的網頁是不會得到訪問者的青睞的,訪問者也無心思再去點擊頁面的其它鏈接。一旦給了訪問者不好的第一印象,該訪問者能否再次光顧也就很難說了。
傳統的計算機圖形藝術作品講究頁面元素的構成、版式布局、色彩搭配、空間表現等,這些要素對于網頁的藝術設計來說也是適用的。在視覺傳達效果上兩者有著相似之處,頁面各種元素安排的最終結構都要符合受眾的審美心理。如圖2所示,這是一家網站的主頁,盡管其載體不同于傳統的印刷介質,但其藝術效果同樣給人們以強烈的視覺沖擊和藝術美感。
2.介質的差異
傳統的計算機圖形藝術作品大多數是以印刷品的形式出現,而網頁則是通過電腦顯示器出現的,而且在傳輸過程中受到信道帶寬的限制。在這方面兩者存在很大的差異,計算機圖形藝術設計師們都知道,普通印刷是按色素的減法原理進行的,設計作品為CMYK模式;而電腦顯示器的色彩工作原理是以色光加色法原理進行的,即RGB模式。同樣的用色,但在表達效果是有很大區別的。
因受信道帶寬限制,網頁設計藝術中的圖像處理也不同于傳統的計算機圖形藝術。為了加快下載速度,在圖像保持質量的前提下我們盡量縮小字節數量。由于現在從事網頁設計藝術者多數是從計算機圖形藝術的工作中轉變而來的,所以在網頁設計藝術過程中為了追求頁面藝術效果,而將圖像字節數量設置過高,致使網頁下載速度緩慢。從網頁設計藝術的實用角度來講,這是一個失敗的設計。圖像的處理技術是從事網頁設計藝術者所必須掌據的。
在分辨率上,傳統的計算機圖形藝術是以印刷品作為介質的,其精度越高越好,一般情況下,傳統的計算機圖形藝術作品在電腦中設置為360dpi(點/英寸);而網頁設計藝術中所使用的圖像分辨率則為72dpi。了解其介質差異后,我們在追求藝術效果表達的同時應慎重用色,不能機械地把傳統的計算機圖形藝術中的經驗套用到網頁設計藝術中來。
3.功能的異同
傳統的計算機圖形藝術作品是以向人們傳達某種信息或訴求為目的的,而網頁設計藝術除了擁有計算機圖形藝術作品的功能外,還有重要的導向和鏈接功能,即網頁應該具有很強的可操作性。如頁面中的超鏈,點擊它們則可以進入到其它的頁面或站點。這些超鏈可以是文字,也可以是動態圖片按鈕,它們的位置安排不僅影響到整個頁面的布局,還影響到人們瀏覽是否方便?；ヂ摼W的交互功能是最具魅力的,如何在網頁設計藝術的效果表達中將這一獨特功能充分展示出來,且和網頁整體有機結合,也是網頁設計藝術師們的一項重要任務。
二、合理布局的網頁圖形藝術界面設計
一般來說,電腦顯示器的尺寸有限,通常只有17英寸。布局合理,流暢使視線融會貫通,是網頁設計圖形藝術必不可少的關鍵所在。在瀏覽網頁時,人們的視線通常垂直地落在計算機屏幕的中心,然后再向四周游動。網頁設計藝術師應考慮將重要信息或視覺流程的停留點安排在注目價值高的最佳視域,使得整個網頁的設計主題一目了然。在界面之中,不同的視域,所引起的瀏覽者的注目程度不同,所給予的心理感受也不盡相同。網頁設計藝術師可根據具體元素的傳達需要,依照畫面的重心關系,合理安排各自適當的位置。網頁設計藝術中有效提高視覺傳達的效率需要把握以下幾點:
⑴符合人的視覺習慣
⑵避免產生疲勞感
⑶強化頁面的主從關系
⑷安排合理的視覺流程
⑸注重清晰的導航
另外,網頁設計圖形藝術還具有動態的方面,亦即網頁本身具有不停閃爍的文字、不斷變化的色彩和Flash動畫;此外,網頁之間的鏈接,使得人們具有訪問更深層次頁面的興趣。在進行網頁設計圖形藝術作品的創作中,為了能夠吸引訪問者進一步地觀賞網站,使網站的信息、說明和文件更加清晰、明了地處于視覺可及范圍之內,而不是深藏于某處無法發現,就需要建立導航系統來引導訪問者的視覺流程。網站的導航系統在于如何運用簡短、易于理解的方式來呈現網站的諸多視覺方向。好的網站設計應該讓其導航系統的功能使用起來自然而然、明確清楚、簡便而又新穎別致。通過網站導航系統,可以讓瀏覽者在網絡空間中從站點的某一個地方隨意跳轉到不同層次的其他地方。
三、個性化的網頁設計----圖形藝術的界面處理
創意新穎、設計精美和布局合理,是計算機網頁設計圖形藝術吸引瀏覽者、增加回頭率的關鍵所在。精彩的網頁能促使瀏覽者增加點擊網頁的沖動和興趣,讓人在瀏覽網頁的整個過程中一直興趣盎然。因此.網頁設計圖形藝術師和開發小組就需要利用一切最先進的技術手段來描畫和裝飾用戶所能看到的頁面,使其變得亮麗迷人、更有吸引力、更具有視覺沖擊感,確保每一網頁均能保持較強的個性化和統一性。要利用諸多視覺造型元素,如色彩、圖形、按鈕、聲音、動畫等。當然,在利用一切設計手段、最先進的軟件和技術手段的同時,也必然要加道什么時候是不需要用它們的,做到運用自如,因為高效率地把有用信息傳輸給受眾才是最主要、最關鍵的。所以,應充分利用軟件工具,配合各種音樂和聲音,使設計制作的網站能為瀏覽者提供一定的交互功能,而不僅僅是死板的信息張貼。要使訪問者看到的是一個豐富多彩、智能互動、舒適流暢、度身定做的精彩網站,從而全面提升企業的整體形象。
四、技術的分離與藝術的成熟
這似乎是每一門藝術形式的必由之路,因為藝術的產生必然會經歷一個由實用到審美,以勞動為前提的發展過程。如建筑藝術最初是為了滿足人們最基本的生存需求,在幾千年的歷史中審美性和藝術性不斷發展,到今天這個幾乎沒有什么方案不可能實現的時代,對美的追求則成了建筑設計藝術中最重要的方向。
數字化藝術設計也是如此。以網頁中的圖形設計為例,在最初用HTML和Java語言的年代里,網絡圖形的設計幾乎全部是技術人員的工作。然而在滿足了傳遞信息的最基本需求之后,對藝術的要求顯得越來越重要,對美的追求越來越深入。到了今天,Microson Froltpage、Macromedia Dreamweaver等軟件的出現令數字化藝術設計中的技術與藝術的分離成為可能。而在未來的藝術創作中,技術問題將退至后臺由專門的技術人員完成,展現在觀賞者面前的是藝術家和設計師對每當感受、表現和創造。另一方面,網絡圖形的藝術性也將不斷提升,普及,這則是藝術形式成熟的必然結果,而區別于傳統藝術形式的多媒體性、互動性、延續性和系統性則是這一成長過程中的有力武器。
參考文獻:
[1]劉宏曾.虛擬設計[M].北京:機械工業出版社,1999.12
[2]尹定邦.設計學概論[M].長沙:湖南科學技術出版社,1999
[3]彭吉象.藝術學概論[M].北京:北京大學出版社,1999
[4]李勇,付志勇編著[M].計算機藝術設計.北京:中國紡織出版社,1998.2
[5]賴小娟,林旭.現代圖案設計[M].鄭州:河南美術出版社,1999.2
[6](美)魯道夫•阿恩海姆.藝術與視知覺[M].北京:中國社會科學出版社,1987
網頁設計論文范文第2篇
摘 要： 隨著時代的不斷發展，以往的平面設計已經向網絡方面發展延伸，在很大程度上突破了印刷技術的限制。就現階段而言，一些企業在網頁設計上存在一些不足，主要體現在對平面視覺元素的應用上。本文對平面視覺元素的應用進行探究，分析其在網頁設計中的應用問題，并給出相關的解決建議。
關鍵詞： 平面視覺元素 網頁設計 色彩
一、網頁設計中的平面視覺元素
一般來說，以往的平面設計在視覺元素的應用上受到印刷技術的限制，隨著網絡技術的不斷發展，平面設計逐漸延伸到網絡，在這一背景下的平面設計具備效率高、圖文互動強、信息資源豐富的優點，賦予原有的平面視覺元素在網頁設計中的應用新的意義。目前，構成網頁設計的圖形視覺元素主要包括文本元素、圖形元素和色彩元素。
（一）文字元素
在網頁設計中，文字元素起著至關重要的作用，它是向瀏覽者傳遞網頁信息的重要載體，其地位是不可撼動的。一般來說，文本在很大程度上決定了整個網站的效果。在網頁設計中，文字的易讀性和辨識性是非常重要的。因此，設計師在使用手機文本時要謹慎。同時，在網頁設計中，設計者必須牢固設置主體文本，處理相關細節，安排文本與圖形的交集。在當前的網頁設計階段，文字變得越來越圖形化。換句話說，文本作為一種圖形元素體現出來，增強了審美效果，對原有功能起到了強化作用。
（二）圖形元素
從客觀角度來說，網頁的整體美感在很大程度上取決于圖形元素的應用，因為和文字元素相比，其具有較強的藝術美感和視覺沖擊力。除此之外，它在傳遞信息方面也比文字元素要直接得多。然而，為了充分發揮圖形元素的作用，我們需要注意其色彩搭配和版面的布局，需要適應人們的審美心理，達到在短時間給人留下深刻印象的目的。一般來說，網頁設計中的圖像具備導向和鏈接的功能。根據相關心理學研究，在瀏覽網頁時，眼睛會先垂直落在屏幕的中心，然后看四邊。
設計師在進行網頁設計的時候，往往會將重要的信息安排在注視點高的區域，并且在這種情況下，會根據視覺流程合理安排圖片的適度位置。我們在瀏覽圖片的時候會首先通過網絡下載，也就是說，網頁中的圖片受寬帶的限制，在進行網頁設計時設計者會盡可能地減少圖形文件量，不過文件量越低，圖片的分辨率就越低，受眾的體驗比較差。針對這種情況，設計者需要從實際情況出發，選擇最佳的圖形文件量。
（三）色彩元素
在網頁設計過程中，色彩的匹配會直接影響網站的整體風格。色彩是設計中最重要的因素之一，它以文字和圖形為基礎，主要通過視覺沖擊作用于觀眾的心理。具體來說，就是通過不同色彩給人們帶來不同的心理暗示，比如黑色是沉穩、黃色是溫暖、紅色是官方，等等。除此之外，色彩的飽和度、明度及色調也會影響網頁的視覺效果。同時，需要強調的是，網頁設計師在運用色彩元素的時候，必須保證其符合國際色彩標準，因為互聯網是建立在同一平臺上的，盡量使用網頁安全的顏色，禁止無節制地使用大量顏色。再者，設計師還需要從網頁的實際情況出發，對色調和輔助色進行調整，保證整體的美觀度和舒適感，同時符合網頁內容的主題。
二、平面視覺元素在網頁設計中的應用問題
（一）網頁版式設計應用上的問題
就現階段來看，我國一些企業在網站設計上，過于追求商業價值，這就使得網頁板式設計在應用平面視覺元素上缺乏藝術性和合理性。除此之外，一些企業在做網頁的過程中，要求設計師不斷豐富頁面內容，進一步導致簡單羅列網頁版塊的現象出現，影響網站信息質量，還會給人一種信息冗雜的感覺。
（二）文字視覺元素應用上的問題
從客觀角度來看，中國的字體結構比較復雜，在中國的網站設計中對中文字體格式的發展等方面存在一定的限制。在這種情況下，一些網站在設計過程中會追求文字的視覺效果，如現有的單詞下劃線的鏈接，這不是大問題，但是設計師往往忽略字體間距，進一步使頁面發生擁堵，很容易引起客人的反感。此外，國內一些網站在設計過程中缺乏對頁面整潔和模塊區域的考慮，出現加大字體等錯誤的文字用法。
（三）網頁圖片設計方面存在的問題
網頁平面設計不合理主要表現在兩個方面：一方面，圖像大小問題，一些設計師在文本格式的應用程序中，沒有更大的圖片，導致整個頁面的效果缺乏細節、豐滿，或只是沒有更大的圖片，進一步紊亂，難以突出關鍵信息。另一方面，圖像的位置、面積、數量和分辨率將直接影響觀眾的視覺感知或信息的缺乏。因此，布局設計不當容易導致視覺信息的錯誤引導。
（四）網頁色彩布置上存在的問題
在網頁設計中，常常會出現色彩布置的問題，比如整體色彩不協調、內在美感不明顯，等等。除此之外，還存在色彩的視覺效果沖擊干擾人們瀏覽頁面的情況，舉個例子來說，當網頁使用帶有豐富色彩的圖片作為背景的時候，就會對人們的視覺產生沖擊，進一步引起他們的閱讀疲勞。還有網站整體色彩和信息不搭配，比如慶祝新年的時候，有的網站仍然將藍色、黑色等作為主題顏色，不符合內容信息所體現的情緒。
三、網頁設計中的平面視覺元素應用要求
（一）網頁版式設計方面
在網頁設計中，網頁板式的設計是十分重要的環節，如果沒有合理有效的排版，那么平面視覺元素應用得再好也無濟于事，傳遞的信息再有質量也難以得到瀏覽者的深入了解。因此，那些過于追求網頁商業價值的企業，必須更新觀念，重視網頁的美觀性和各方面元素的合理配置，這樣才能取得良好的實效。首先，設計者應該從讀者的角度出發，設計出方便讀者瀏覽的版面，還要考慮網頁信息的重點，并將其放在合理位置，這樣不僅能夠給讀者好的視覺感受，還能有效傳遞信息。
（二）文字視覺元素應用方面
在網頁設計中，文字元素占據著十分重要的地位，它是向瀏覽者傳遞網站信息的主要載體，其地位是難以被其他因素所取代的，比如圖片和視頻。因此，文本設計的質量在很大程度上決定了整個網站的視覺效果。在這種情況下，設計者可以從實際需求出發，將表達內心的情感作為根本目的，進行適當的人性化設計，鑒于目前Web客戶機種類較多，漢字字體的局限性、設計和開發，在設計過程中，設計師或使用默認字體，進一步提高設計效率和讀者瀏覽效率。
（三）網頁圖形圖像應用方面
隨著互聯網的發展，人們更傾向于從圖片中獲取想要的信息，在網頁設計中，圖像起著十分關鍵的作用。經典的圖形圖像設計，不僅僅是視覺效果的準確和豐富，而且是網站主題內容的表現。設計者需要在保證頁面效果的同時，還要讓瀏覽更方便地閱讀。比如在分辨率問題上，設計者可以將那些沒有特殊要求的圖片定位在多常用的分辨率層面上，以此解決終端顯示器分辨率帶來的局限性問題。
（四）色彩視覺元素應用方面
在平面視覺元素中，對瀏覽者視覺影響最大的是色彩元素。在通常情況下，一個優秀的網站會在網頁設計中合理運用色彩符號，以此給瀏覽者和諧寬松的視覺效果，激發他們的閱讀興趣。因此，在進行網頁設計的過程中，設計師要重視色彩的搭配，提高裝修的價值程度，依據整體和諧的原則運用色彩。
比如在網頁的局部對比方面，設計師可以采用一些暖色和冷色，這樣能夠有效強化其記憶效果。同時，在主色和輔助色的選擇上，設計者需要從網頁的內容信息出發，搭配與其體現的情緒相符合的色彩。
四、平面視覺元素在網頁設計中新的發展方向
從理論上來說，平面視覺元素在網頁設計中的應用其實相當于對傳統平面設計的延伸。二者設計的目的都是一樣的，即傳遞信息和審美。同時，網頁設計和傳統設計的視覺構成元素也是一樣的，無外乎圖形、文字及色彩這三種。從平面設計的范疇看，網頁設計的不同在于它打破了傳統二維靜態空間的限制，實現了動態信息的傳遞，增強了與人們之間的交互性，正因為如此，才使得網頁設計成了一個嶄新的且前景廣闊的設計領域。同時，信息時代的到來為網頁設計提供了良好的發展條件。對于人們來說，視覺元素的動態表達和交互性在很大程度上滿足了他們的需求，大大提高了他們的瀏覽興趣。另外，若從未來發展方向看，平面視覺元素在網頁設計中將朝以下兩方面發展：
（一）交互元素
由于網絡技術的不斷發展，網頁方面的技術不斷發展，由于平面設計中視覺元素逐漸由原本的二維空間變成多維空間的轉變，為了適應網頁這一新媒體的逐漸發展，交互元素應運而生。就現階段來看，交互技術呈現出良好且迅速的發展趨勢，這會在很大程度上增強網頁交互設計的互動性，也會豐富網頁互動的形式與內容，進一步激發人們的瀏覽興趣?？梢哉f，這是網頁交互動畫設計的一個發展方向。除此之外，在形式上，有更多的互動種類，比如以聲音和視覺控制的互動形式的，等等，具體來說就是網頁設計在運用平面視覺元素的過程中，將會采用多種形式讓瀏覽者和計算機交互，并且保證瀏覽方式的個性化，以此滿足不同群體的瀏覽需求，進一步為人機交互帶來更大的便利。此外，在內容上，網頁設計將朝著更豐富、更有個性的方向發展，通過運用平面視覺元素，讓交互的內容涉及網絡的方方面面，促進人們和虛擬世界自然互動，給人們帶來輕松、個性的娛樂感受。
（二）動態因素
在網頁設計中，動畫、視頻屬于最活躍且最生動的因素，它能夠將網頁的信息直觀傳遞給人們，增加對人們的視覺沖擊，促進人與人之間的溝通和互動。除此之外，動畫及視頻元素的運用還能夠有效豐富網頁信息內容，帶給人們視聽享受。如今，各種媒體媒介層出不窮，對動畫元素的應用越來越成熟，從心理上來說，動畫元素適應人們的感官體驗，且極具親和力，屬于對受眾視覺和心理上的一種調劑，能進一步增強他們的愉悅感，賦予瀏覽者更廣闊的想象空間?？偠灾?，隨著多媒體技術的不斷發展，人們對網頁交互元素、動態元素有了更深入的認識，這要求網頁設計在未來發展中朝著多元化方向發展，即除了傳統三個平面視覺元素之外，加強對交互元素和動態的元素的成熟運用，進一步增加瀏覽者的感官體驗，有效傳遞網頁信息。
參考文獻：
[1]董海斌.平面視覺元素在網頁設計中的應用研究[D].西安：西安理工大學，2008.
[2]王聰.平面視覺元素在網頁設計中的應用[J].戲劇之家，2015（16）：212.
[3]張立志.平面視覺元素在網頁設計中的應用分析與探索[J].信息與電腦（理論版），2015（05）：：67，70.
[4]張蕾.淺談平面視覺元素在網頁設計中的應用[J].電腦知識與技術，2018（21）：256-258.
[5]劉利華.網頁設計中視覺元素的運用研究[D].長沙：湖南師范大學，2009.
網頁設計論文范文第3篇
在中等職業教學中，《網頁設計制作》課程作為一門重要的專業課程，具有較強的理論性和操作性，但是，目前大多數中等職業學校仍然采用的是傳統的“灌輸式”教學模式，不能夠有效提高學生的主動探究意識和思維創新意識，因此，我們要尋找更有效的教學方法來提高中等職業學校學生的綜合素質。
一、項目教學法的教學設計原則
（一）選擇教學項目
中職《網頁設計制作》課程項目的選擇應該根據教學內容和目標來確定，并且盡量與生活中的實際問題相互聯系。教師在確定項目的時候要能夠包含整個教學大綱的內容，還要考慮教學項目是否能夠調動學生主動學習、主動探究的興趣，或者考慮讓學生參與教學項目的選取工作。調查研究發現，通常情況下，難度適中的教學項目更能激發學生學習的積極性。
（二）堅持以學生為主體
在中職《網頁設計制作》課程應用項目教學法應該突出學生的主體地位，教師在整個教學的過程中只是發揮引導、協調的作用，教師不能將學生單純地作為知識灌輸的對象，所以，教師在設計項目教學的同時，必須突出學生的主體地位，利用教學情境、合作交流等調動學生主動學習的積極性。
（三）創造良好學習情境
在中職《網頁設計制作》課程應用項目教學法要注重于實際生活的密切聯系，教師為學生創造的學習情境應該與學生實際生活和掌握的知識水平相關，由此，教師創造的學習情境才能夠完全激發學生主動學習的興趣，通過項目引導學生學習，同時發揮計算機多媒體等輔助工具，配合圖像、文字和視頻等等，努力創造良好的學習氛圍。
（四）完成項目評價
在中職《網頁設計制作》課程教學中，項目教學法的應用更應該重視項目完成之后的評價工作，必須應用良好的評價方式對整個項目的完成情況進行總結，其過程也是學生進一步學習的過程，通過學生之間的相互探討和學習，努力學習他人優點，改善自身不足，最終達到全體學生共同進步的目的。
二、中職《網頁設計制作》課程的項目教學法設計
（一）分析教學策略
學生作為教學主體，應該在教師的引導和幫助下，通過分組合作、相互交流和實際操作來探究新知識、新技能，教師采用項目教學法進行教學，應該注意教學內容與學生生活的聯系，可以利用互聯網資源，為學生創造教學情境，設置項目問題，引導學生主動學習。
（二）確定教學項目
教師對教學項目進行選擇的時候，應該盡量挑選與學生生活有著密切聯系的項目，在《網頁設計制作》課程中，可以設計創建站點作為一個教學項目，在講授創建站點的相關知識的時候引導學生完成；還可以將創建個人網頁、制作校園圖書網頁等教學項目，在教師教授創建文檔、設置格式、插入圖像和設置超鏈接等相關知識時引導學生完成；講授表格制作知識時可以將制作門戶網站首頁作為教學項目等。
學生通過不斷完成和實踐教師設定的教學項目，不但能夠鞏固學到的理論知識，同時鍛煉了實際操作能力。
（三）完成制定項目
為了能夠使每一個學生都參與到教學項目當中，教師在進行教學之前，應該首先讓學生們以自愿的原則自由分組，一般情況下以4-6名學生為一組，教師可以適當進行調整，并給每組設置一名組長，組長負責給每名組員布置任務，并監督整個項目的完成過程，同時協調小組成員之間的關系，保證教學項目能夠順利完成。
教師讓每個小組利用課余時間收集相關資料，小組成員在收集資料的過程中相互討論，確定項目主題，同時收集制作網頁需要用到的素材資料等等，然后分工合作，進行項目的設計和制作，制作過程中由教師隨時進行指導和糾錯，在項目完成之后進行總結和評價，評價的方式可以通過教師評價、相互評價和自我評價完成。
三、《網頁設計制作》應用項目教學法的案例
（一）項目名稱
制作愛護環境網頁。
（二）教學目的
制作愛護環境網頁這個項目是在學生掌握的網頁制作基礎之上確定的，學生通過學習該項目，能夠正確設置圖片風格樣式表以及網頁屬性，有利于學生對原有知識的鞏固和對新知識點的熟悉掌握。
（三）項目教學法實施過程
（1）學生分組
學生分組是項目教學法的關鍵環節，在遵循項目教學法設計原則的前提下，對全體學生進行分組主要有兩種方式：一是自由分組的方式，這種分組方式通常是關系較好、個性相投的同學組成一個小組，雖然有利于小組同學之間的相互交流，但是不利于學生之間取長補短；二是教師設定小組的方式，教師通過對學生情況的掌握，根據學生的實際認知水平和性格特點，將學生相互穿插進行組合，其優點是能夠突出每個學生的特點，便于學生之間相互學習。
（2）制作要求
愛護環境網頁的制作需要遵循以下幾個要求：設計的站點結構清晰簡潔，文件名稱簡單易懂；利用風格樣式表和網頁屬性設置等多種技術來設計網頁布局；網站首頁的動畫效果較為精美；實現站點網頁的各種動態效果；網頁頁面之間使用超鏈接進行連接，鏈接種類要求多樣化；利用圖像處理等軟件工具對圖像進行細節處理；網頁的總數大于10頁，設計要求新穎，布局要求合理，并且能夠圍繞主題做到內容充實、風格一致；網站的設計需要有一定的創新性。
（3）收集資料
教師為學生提供充足的制作資源，包括圖片素材、視頻素材、文字素材等等，以及講述使用過程的電子課件，以此方便學生進行網頁制作。
（4）主題策劃
本文設計的教學項目是制作一個愛護環境的網站，以此來向社會群眾進行公益性宣傳，強調環境保護問題的重要性，在對網站選題確定的過程中要注意內容的精準性，本項目的主題是“愛護環境”，學生需要圍繞這個主題進行策劃工作，不能偏離主題。
（5）分組制作
在學生制作項目的過程中，以分組的形式共同完成愛護環境網站的制作，教師對于學生在制作過程中出現的問題應該及時給予指導和糾正，在學習風格樣式表等新知識點時，簡單的技能學生學習較快、運用熟練，但是在運用HTML標記語言和Scripts腳本語言時卻不知所措，這是因為中等職業學校學生的基礎知識較為薄弱，想要在短時間之內掌握大量新知識幾乎是不可能完成的，這時候就需要教師進行示范性演示操作，或者給學生布置到圖書館查閱相關資料的工作等。
（6）項目評價
首先，小組內的組員對制作成功的作品進行打分；然后每個小組選出一名代表向全體學生展示制作完成的作品，以及作品的優缺點，還包括在制作網站過程中的分工情況、遇到的問題、解決問題的方法等等，接著總結在項目制作過程中學會了哪些新的知識點和技能，最后由小組之間進行相互評價，選出優秀作品，再請老師對作品進行點評。
四、結論
在中等職業學?！毒W頁設計制作》課程中使用項目教學法，注重的不是最終的教學結果，而是整個項目活動的過程，在完成項目的過程中學生通過教師引導主動進行思考探究，提高了學生學習的積極性和熱情，同時培養了學生獨立思考、相互合作的團隊協作精神。
責任編輯 陳春陽
網頁設計論文范文第4篇
摘 要 隨著計算機技術的發展，動態網頁制作已被逐漸應用到個人網站的建設中去。文章對以FrontPage制作網頁界面，ASP和ACCSEE數據庫結合制作完成動態網頁的設計進行了論述，對應用ASP技術進行網頁設計有著一定的參考價值。
關鍵詞 FrontPage Access 個人網頁設計
1 引言
隨著計算機技術的發展、計算機使用的普及，個人網頁目前已經受到越來越多用戶的關注。由于個人網頁設計的好壞直接影響著宣傳的效果，因此，圖、文、聲、像并茂的動態網頁成了目前個人網頁的發展方向。要想設計出美觀大方、生動有趣的個人網頁，必須在新的技術條件下服從技術的需要，把握整體，統籌安排，從而獲得最佳的瀏覽效果。首先采用FrontPage制作出網頁界面，接著用ASP和ACCSEE數據庫結合制作完成動態網頁。
2 個人網頁設計原則及工具
一個好的個人網頁設計，應該具有設計方案主題鮮明、網站導航清晰、網頁風格統一、頁面內容新穎等特點。設計主頁首先要選擇合適的工具軟件， FrontPage 是微軟出品的網頁編輯軟件，也是 Office 系列軟件的組成部分，用FrontPage 制作的網頁在 IE 瀏覽器中的效果也特別好。ASP（Active Server Pages）是一種服務器端編寫環境，可以用來創建和運行動態網頁或Web應用程序。ASP頁可以包含HTML標記、普通文本、腳本命令以及COM組件等。利用ASP可以向網頁中添加交互式內容，也可以創建使用HTML網頁作為用戶界面的Web應用程序。它是一套服務器端的命令（Script）開發環境。它利用了特殊的符號（<% 和% >）來區分HTML與必須經過服務器翻譯才送往客戶端的命令，如此組合成一個動態并能存取服務器端數據庫的網頁。
3 用Frontpage和ASP設計個人網頁
3.1 ASP技術原理
網頁的制作經歷了從靜態的文件到動態的展現過程，而網絡應用系統的開發除了要求動態、穩定與執行效率之外，與數據庫的結合更是不可缺少的。使用ASP不僅意味著可以讀取MS SQL Server的數據庫，同時也意味著可以讀取其它ODC （Open Database Connect）兼容的數據庫。ADO（ActiveX Data Object）是一項數據庫訪問技術，它提供了網頁開發人員實時存取教據庫的能力。在數據庫的應用中，使用ADO編寫的應用程序可以存取在 lnternet上任何地方的資源，因此使用起來十分便利。
3.2 動態網頁的設計和實現
我們以首頁為例，說明用Frontpage制作網頁的基本方法。在設計首頁時，用Frontpage新建網頁，居中插入4行1列800寬度的表格，把第3行拆分成兩列，首頁框架就完成了。該部分操作見圖1所示。
然后根據頁面需要插入相應的文字及背景圖片即可完成。當靜態頁面設計成功后，就需要在頁面中插入動態內容，比如導航欄，文章列表等。這是就用到了Asp語言訪問數據庫。
要讀寫數據庫，網頁首先得和相應的數據庫進行連接，只有連接成功才能讀寫數據庫。連接數據庫時候用Connection方法建立連接，并且打開連接。
在網頁制作時往往把上面程序作為一個單獨的asp文件，一般命名conn.asp。其他頁面涉及到讀寫數據庫時往往用語句<！--#include file=\"conn.asp\" -->把這個頁面包含進去。當頁面完成時，為了釋放數據庫占用的資源要用下面程序關閉連接。
我們以首頁我的日志欄目為例說明如何實現數據綁定及循環。前臺頁面顯示的動態內容是讀取數據庫來完成的。
4 結論
隨著網絡的價值和優勢被人們不斷發現和認可，越來越多的人選擇用互聯網掌握知識、查找信息、交流情感、娛樂游戲和自由交易等。因此，能夠實現頁面動態功能的ASP技術成為了網站愛好者關注的焦點。隨著人們對ASP認識的進一步深人，ASP必將逐步成為設計個人網頁技術的首選。本次研究基于ASP技術分析了個人動態網頁的設計和實現，對于進一步推廣相關技術的應用有著一定的實際意義。
參考文獻
[1] 龔燕平等.學以致用FrontPage 2003中文版典型實例教程.北京：中國水利水電出版社.2005年.
[2] 汪曉平等.ASP網絡開發技術（第二版）.北京：人民郵電出版社.2003年.
[3] 丁愛萍.網頁制作教程.北京：電子工業出版社.2003年.
網頁設計論文范文第5篇
摘要：隨著智能化時代的來臨，互聯網、大數據、人工智能等技術迅猛發展，產品創新設計也步入了全新的智能化發展階段。本文通過分析產品創新設計發展現狀，結合大數據的信息價值，利用人工智能神經網絡算法探索產品創新設計的新方法。文章通過對產品大數據概念、數據來源和數據獲取的研究，分析了算法驅動產品設計創新建模的基本流程。
關鍵詞：大數據;產品設計;算法驅動;模型構建
文章編碼：1672-7053（2020）07-0028-02
1國內外發展現狀
在互聯網、人工智能技術的推動下，大數據分析在教育、醫療、經濟和管理等方面都得到了廣泛地應用，工業設計在這些應用理論研究案例的基礎上開創了產品創新設計的新方法，用于改善下一代產品和服務。許多國內外學者都將著名的創新理論與產品設計相結合，為大數據條件下算法驅動產品創新設計理論和技術提供了大量豐富的研究成果。
算法驅動產品設計創新模型構建，重點就是利用計算機收集數據分析用戶需求，構建產品創新設計模型的研究。國外學者Yan HB等為獲取準確的用戶需求研究語意差分法和聚類分析法分析產品的大數據;Ryan Ruvald等使用經典原型技術進行數據信息采集和挖掘，構建數據驅動產品服務系統設計。國內學者殷雪梅等提出復雜產品數據模型用于產品建模驅動產品協同設計方法;馬家齊利用AHP層次分析法分析數據構建產品協同設計系統研究。這些理論對推動產品創新設計的發展奠定了至關重要的理論基礎和研究方向。
2產品大數據概述
2.1產品大數據的概念
在產品設計中，大數據主要分為產品數據和用戶數據兩類。產品數據分析是提高產品市場競爭力，完善優化產品的重要參考指標，主要分為產品基礎數據、產品消費數據、產品用戶數據和產品反饋數據四種。產品基本數據是指產品的整體數據，包括尺寸、外觀、結構數據等，用于分析產品的整體設計趨勢;產品消費數據指的是產品上市以后產品的銷售數據，包括產品銷售地區、銷售數量、產品的盈虧等，用于分析產品的價值和市場營銷方式;產品用戶數據是指產品銷售過程中用戶的購買量和產品使用后的用戶體驗數據，用于分析用戶需求，滿足用戶的個性化需求;產品反饋數據指的是產品在產品生命周期的成熟期和衰退期的市場反饋和用戶反饋數據，用于研究產品更迭和演化，提高產品的市場競爭力。產品生命周期中的各個時期的產品數據都有著不同的變化，設計師可以通過研究產品數據的變化分析用戶的需求，指導產品版本迭代，判斷產品價值，規劃產品演化和發展的方向。不同產品的側重點不同，其相對應的產品數據也有差異，是產品、人和環境相互作用產生的數據。
用戶數據主要劃分為靜態數據和動態數據兩個部分，靜態數據主要包括用戶的基本數據（姓名年齡、生活形態、職位工作）、用戶社交數據、用戶消費數據等，用于分析用戶心理需求，構建用戶基本畫像;動態數據主要指的是用戶的行為動態，產品的購買和退換記錄，用戶對產品的操作和使用過程數據等。用戶數據是用戶參與產品設計決策的重要參考指標，對產品的優化和提高市場競爭力起到至關重要的作用。
2.2產品大數據的獲取
2.2.1數據來源
現如今，大數據的來源多種多樣，總結起來主要分為內部數據和外部數據兩個方面。內部數據主要來源于企業、機構、工廠等在長期發展過程中產生的生產數據、機器數據、決策數據、營銷數據、市場數據和用戶數據等;外部數據主要包含國家的官方數據庫、各互聯網平臺（如淘寶、京東等）的公開數據、網絡爬蟲技術挖掘的互聯網信息和專業大數據采集機構的付費數據等。了解數據來源、明確目標數據是設計師了解用戶需求的重要渠道，也是企業利用大數據的價值實現產品創新的前提。
2.2.2有效數據獲取
大數據獲取途徑主要包括從互聯網中尋找國家公布的官方數據、利用網絡爬蟲技術快速模擬用戶瀏覽保存網頁中的相關信息、通過商業采購的方式向有關企業購買實時更新的產品數據、通過問卷調查、用戶訪談、市場反饋等方法逐一獲取產品對象的信息和需求等。產品設計創新是不斷分析研究用戶需求改善設計方案、提高產品質量的過程，期間需要大量客觀準確的用戶數據和產品數據。由于產品創新設計對獲取產品有效數據的要求高、范圍廣、成本大，因此產品設計的有效數據的獲取主要通過利用自身企業數據和機器數據、采買相關企業數據和收集官方數據和互聯網電商數據為主。
3大數據條件下算法驅動產品設計創新模型構建的流程
3.1數據信息提取和處理
對于工業設計而言，產品數據和用戶數據對產品設計方案形成的作用是不同的。用戶數據主要用于反饋產品的市場信息，為改善現有產品提供用戶情感需求和功能需求;產品數據主要用于構建產品形態庫，通過儲存大量的產品外觀、尺寸和功能協助設計師構建產品方案，快速完成產品迭代，減緩產品進入衰退期的步伐，保證產品長期擁有市場競爭力。
3.1.1用戶數據提取和分析
用戶數據通過網絡爬取、購買和調研等方法獲取提取權限，根據數據的來源劃分區域和等級，對數據的客觀性和準確性做出初步判斷，分層次進行下載和儲存;將不同類型的數據進行整理歸類，將圖像、數字、音頻視頻等轉化為文本形式呈現;利用自然語言劃分工具切割劃分成單獨的詞向量，根據專家經驗和行業資料對信息進行篩選，去除無效信息和錯誤信息，合并同義詞，獲取有效信息;運用K-means聚類分析法區別文本的詞性，SD法分析文本情感詞匯和功能詞匯的關系，構建用戶情感——功能需求信息庫（如圖1）。
3.1.2產品數據提取和分析
產品數據的提取重點主要是機器數據和企業內部數據，與用戶數據不同的是，提取的產品數據需轉化為二維平面圖形語言進行分析，用形態分析法解析產品部件，DFA分析法提取產品部件的關鍵特征，利用感性工程學方法對形態特征進行設計師語言描述，并以聚類分析法完成產品數據的風格聚類，按照產品風格——產品功能——產品形態的步驟構建產品二維模型數據庫（如圖2）。
3.2產品設計創新模型構建
3.2.1初步設計方案的形成
產品二維模型數據庫是設計師的素材庫，用戶數據信息庫是實現產品進化的推手。首先確定設計需求、計算設計需求與用戶需求信息庫的情感需求的相似度，找出對應的功能需求;利用BP神經網絡計算功能需求與產品二維模型庫中產品模型的結構相似度，找出與設計需求風格統一、功能一致、形態新穎的產品部件形態樣式，將多個部件樣式模塊化組合創新形成多個產品初步設計方案。
3.2.2創新設計方案的細化
通過設計師和專家經驗對初步設計方案進行結構補充，繪制設計草圖，將草圖反饋到設計需求上，利用AHP層次分析法對各個設計方案的需求權重比進行排序，確定最符合設計需求的方案。由設計師按照人機工程學原理對產品進行相應地細節處理，例如產品的接口、倒角、按鈕位置等的細微調整，最后得到完整的產品設計方案（如圖3）。
3.3設計創新趨勢預測
首先利用TRIZ理論和需求進化定律預測未來需求的進化方向，并在此方向上挖掘數據變量，通過BP神經網絡模型不斷訓練變化數據，構建變量數據進化曲線實時更新設計需求并同步于產品功能的進化，從而預測設計需求和產品形態的進化趨勢。
4結語
在大數據迅速膨脹的今天，算法驅動產品創新設計已經成為時代發展的趨勢。對于企業而言，如何快速將大數據融入到產品設計過程中，利用互聯網技術、人工智能算法改善現有產品生產結構，快速獲取用戶需求，加快企業研發效率，提高產品市場競爭力已成為企業邁向數據時代的新臺階和新方向。對于設計師而言，學會如何通過分析大數據獲取精準客觀的用戶需求，設計出更符合時代發展的產品方案也將成為新的設計潮流。