時間：2023-09-25 18:00:31
開篇：寫作不僅是一種記錄，更是一種創造，它讓我們能夠捕捉那些稍縱即逝的靈感，將它們永久地定格在紙上。下面是小編精心整理的12篇網頁設計與平面設計，希望這些內容能成為您創作過程中的良師益友，陪伴您不斷探索和進步。
1.網頁設計的概念
所謂的網頁設計就是豐富網站的內容和形式，并將網頁的擁有者的思想表達出現，而在網頁設計中，重要的兩項工作就是排版和編輯。現在網絡迅速的發展，讓在網絡中活動的人越來越多，在加上網絡技術也在不斷的更新，讓網絡更加吸引網友的目光，也讓設計的空間越來越廣。由此帶來的機遇讓很多的平面設計師為之一振。但是網路世界的技術是事實更新的，所以網頁設計的更新速度需要加快，才能夠適應不斷變化的網絡環境。網頁設計不僅為眾多人員提供了新的展現的舞臺，也讓眾多的企業在此收獲更多的利益。人們隨著網絡的普及，生活的理念和技術科技的理念也不斷的變化，信息傳遞的速度不斷提高，生活與網絡現在是密不可分的狀態，人們現在能夠實現在不出門的情況下，就能夠獲得更多的信息與交流。也可以說網頁設計在網絡信息的傳遞中占有重要的地位，網頁設計利用視覺和聽覺的效果滿足人們的在生活中的信息要求。
2.平面設計的概念
所謂的平面設計就是人們利用先進網絡科技來表達思想和行為的一種方式，并利用網絡中的文字或是視覺、聽覺的效果達到人們對信息的認知，也是人們利用網絡交流的一種技術平臺。平面設計利用計算機對信息內容進行處理，利用文字、圖片、或者各式的圖形進行重新整理，讓觀看的人員能夠清楚的了解到表達的思想。平面設計的起初，都是文字和簡單的圖形呈現在人們的視野中，在對相應的文字進行簡單的排版和設計，這些平面設計的元素都是呈現在二維平面上的視覺效果，在二維平面上進行精心的布局，利用圖形的組合及構造、文字的表達，在二維空間上傳達相應的信息和數據。而真正的平面設計是在印刷業中發展而來，平面設計的理念主要就是設計、表達、思想，這也是平面設計的主要精髓，其他就包括創意、色彩、圖形、排版等。在網絡設計發展迅速的今天，平面設計的存在是人們追求生活的一種方式，也是設計行業中新型的課題。
二、網頁設計與平面設計的關系與運用
1.網頁設計與平面設計的關系
平面設計在現在的生活中占有很重要的地位，因為現在的人們生活中需要更多的信息量，而傳統的電視或是廣播的形式已經不能夠滿足生活的需求，所以網絡的普及是必然的結果。而現在的平面設計已經升華的傳統的印刷技術，用更加突出的視覺表達方式來描述目標，所以平面設計與網頁設計都是工業發展的一種表現形態。平面設計在二維空間運用的更加廣泛，利用視覺元素與文字、圖形等方式，在用科學的排版方式將元素進行重新組合，將組合后的成品進行印刷成書籍或是刊物、海報等，以這樣的方式將想要傳達的信息傳達到人們的視野中，雖然這些信息是靜止的文字和圖片，但是這些文字也達到了傳達信息的目的。網頁設計也是表達信息中的一個重要的形式，網頁設計是將傳統的二維平面設計的里面更加的完善，利用網絡的形式來表達信息內容的豐富性和活躍性。在網頁設計中，信息表達的方式更加的鮮活，視覺效果更加鮮明，所以，網頁設計以及超越了平面設計的二維理念，是現在以新媒體為大背景下的重要發展方向，也是設計領域的全新話題。
2.網頁設計在平面設計中的運用
（1）網頁設計視覺效果在平面設計中的運用
在進行平面設計的時候，利用網頁設計中的視覺效果來描述平面設計的信息，讓信息通過不同的表達方式改變形象改變人們對平面設計的印象。在平面設計的視覺效果的運用中，利用了色彩和原色和圖形的構成，借助在平面中顏色能夠調和的情況，將畫面修飾的更加讓人暢心悅目。這樣也同樣展示了網頁設計的顏色原色和隨意的性質也同樣在平面設計中能夠達到非常好的視覺效果，這樣的應用也讓平面設計的信息得到更加廣泛的流傳和傳播。在網頁設計的過程中能夠充分的體現色彩的變化和動態結構的表現，也能夠借助于網絡來表達更多的更加鮮明的視覺效果。網頁設計是能夠用多種元素來誘導瀏覽者的興趣，從而達到讓瀏覽者記住的目的。在平面設計中這樣的效果也能夠達到，就是將網頁設計中的視覺效果利用到平面設計中，讓傳統的二維平面設計的版面加上網頁設計的色彩和圖案，加深閱讀者的興趣和記憶。同樣網頁設計的新理念在平面設計中的利用也能夠展現出不同的藝術魅力。
（2）網頁設計色彩效果在平面設計中的運用
人們在瀏覽網站或是書籍的時候，對色彩有特別的感知，所以無論是網頁設計還是平面設計色彩效果是非常重要的。人們對于色彩的認知是呈現戰略性質的，色彩不僅可以表現出不用的顏色，也可以通過顏色來表達不同的意思，表達不同的情緒和意義，如果兩個人的色彩認識是相同的，那么則會引起兩個人的共鳴。在網頁設計中，不同顏色的設計在頁面上的表達意義是不同的，讓網頁瀏覽者在觀看的時候能夠感受到不同的世界和創意，所以說色彩設計效果是一種能夠激發瀏覽者內心想法的設計效果，這樣的效果非常的直接和簡單，也能夠傳遞更多的想法，是網頁設計中不可缺少的設計元素。在設計的過程中，能夠精確的把握好色彩的使用，是非常有益處的。在網頁設計的時候，一般都是多色搭配的方式，而單色的形式比較少，因為顏色絢麗的頁面觀看瀏覽的人更加的多，網頁也更加有吸引力。而平面設計中的色彩一般都以現在封面或是里面的彩頁上面，所占的比例非常的少，在頁面之上也需要保持干凈整潔，也需要在頁面上清楚的表示出所需要的文字，這樣才能夠利用有限的空間，充分的發揮色彩的魅力，讓瀏覽者能夠直接了解表達的意思和傳播的信息。在平面設計中也需要增強設計的識別性質，能夠借助相應的語言與瀏覽者達成一致，延長瀏覽者的時間，并讓瀏覽者記住內容。
（3）網頁設計文字效果在平面設計中的運用
文字在網絡和平面設計中都是必不可少的元素，只有文字才能夠表達信息的內容，這是一種特別的識別符號，并且文字也是人們語言的一種表達方式。在網頁設計中，文字不僅能夠將信息變得更加易懂，也能夠將想要表達的內容展示的更加清晰和明確。網頁中的文字效果有很多種，其文字效果也可以運用在平面設計中。在平面設計中；利用合理的排版、和空間的布局讓文字有一定的指引效果，也借助于文字的編輯將文字的價值淋淋盡致的展現在二維平面中，使其能夠達到最大的感染力和宣傳力。在平面設計中文字的重要性不僅是表現主要表達的內容，也是傳達作者的思想，而且在平面設計中也發揮了文字的音律感等加強文字的藝術效果和魅力。平面設計在文字的表達上比網頁設計中更加的自由，因為平面設計在后期需要利用印刷技術將其印在紙張之上，而網頁設計則是在網絡中直接展現的，所以在文字形式有所約束，因為文字會通過系統的監測變成默認的字體。所以說平面設計與網頁設計在文字方面平面設計是占有非常大的優勢的。
三、結語
摘要： 網頁設計在網絡高速發展的今天已經成為重要的設計門類，不僅是對平面視覺傳達設計美學的一種繼承和延伸，更是藝術與技術的高度統一。作者以哈爾濱商業大學設計藝術學院網頁設計為例分析網頁的平面設計，嘗試從平面藝術設計的內容、原則和形式美等方面分析；從網頁的色彩設計和網頁心理學方面分析，對這個新的藝術設計領域進行初步的歸納總結和理論探討。
關鍵詞： 網頁與平面設計 色彩 心理學
1 網頁的平面設計
每個網站都是由諸多網頁構成，故網頁是構成互聯網的基本元素。我國這兩年的網絡發展非常快，網站數量也以倍率增長，然而網頁的設計卻不容樂觀。除了一些大的專業網站在版面的編排上比較講究之外，其他很少見到界面設計考究、美術創意優秀的中文網站，這是因為沒有和平面設計緊密結合。網頁本身就是無數個“頁面”的平面，平面設計規則也適用網頁設計，網頁設計的審美需求是對平面視覺傳達設計美學的一種繼承和延伸。兩者的表現形式和目的都有一定的相似性，把傳統平面設計中美的形式規律同現代的網頁設計的具體問題相結合起來，才能設計出符合審美規則的網頁。故設計者應該巧妙利用平面設計的設計規則，結合網絡媒體的特點，認識網絡，了解平面的特征，才能使網頁更加適合于網絡上的傳播。
平面設計中如變化和統一、條理與反復、對比和調和、均齊與平衡等，對網頁中文字、圖形、色彩的設計都是十分有效的視覺規律。首先，網頁的內容與形式的表現必須統一和具有秩序，形式表現必須服從內容要求，網頁上的各種構成要素之間的視覺流程，能自然而有序地達到信息訴求的重點位置。在我們把大量的信息塞到網頁上去的時候，考慮怎樣把它們以合理的統一的方式來排布，使整體感強的同時又要有變化，怎樣使它們脈絡清楚又富有清晰的視覺效果等等。例如哈爾濱商業大學設計藝術學院網頁設計之歡迎界面，在黃色的背景襯托下，各種線條貫穿其中，運用平面設計中的圖形設計加以修飾，增加網頁設計的美感和大眾的視覺審美需求。符合設計學院的設計的理念，又有學術機構的沉穩。內容與形式的表現達到了高度的統一。其次，突出主題要素，必須在眾多構成要素中突出一個清楚的主體，它應盡可能地成為閱讀時視線流動的起點。哈爾濱商業大學設計藝術學院網頁設計之主頁設計作為設計的主體，如果沒有這個主體要素，瀏覽者的視線將會無所適從，或者導致視線流動偏離設計的初衷。主頁設計中各構成要素在組合時，要注意其結構的輕重大小、虛實、多少等對比因素，加強視覺力度，以強化頁面的整體吸引力。再次，網頁版式的新意，網頁的版式設計同報刊雜志等平面媒體的版式設計有很多共同之處，它在網頁的藝術設計中占據著重要的地位。所謂網頁的版式設計，是在有限的屏幕空間上將視聽多媒體元素進行有機的排列組合，將理性思維個性化地表現出來，是一種具有個人風格和藝術特色的視聽傳達方式，它在傳達信息的同時，也產生感官上的美感和精神上的享受。哈爾濱商業大學設計藝術學院網頁設計的版式設計賦予了很多心意，版面運用歡快輕盈的風格進行設計，打破常理設計規范，有鮮明的節奏感，給人以生機盎然的感受，版面中的文字和圖片利用線條隔開，主題突出，追求某種富于活力的圖文編排與設計。
2 網頁視覺設計中色彩的設計
網頁的色彩，是最先也是最持久地給瀏覽者以網站形象的因素，瀏覽者在瀏覽網頁時，留下的第一印象就是頁面的色彩設計。色彩本身是無任何含義的，有的只是人賦予它的。但色彩確實可以在不知不覺間影響人的心理，左右人的情緒，所以就有人給各種色彩都加上特定的含義：紅色：強有力、喜慶的色彩，很容易使人有興奮感覺，是一種雄壯的精神體現；黃色：亮度最高的色，給人感覺就是很有溫暖感；綠色：美麗、優雅，給人感覺大度、寬容；藍色：永恒、博大，給人感覺平靜、理智；紫色：神秘、女性、溫柔、冒險；黑色：有時給人沉默、虛空的感覺，但有時也給人一種莊嚴肅穆的感覺；白色：有時給人無盡的希望感覺，但有時也給人一種恐懼和悲哀的感受；灰色：具有中庸、平凡、溫和、謙讓、中立和高雅的感覺。網頁的色彩使用得當可以產生強烈的視覺效果，使頁面更加生動。巧妙使用色彩可以直接影響閱讀者的觀賞興趣，因此，色彩設計在網頁設計中居于十分重要的地位。網頁的色彩設計應把握以下幾個方面：
&n
關鍵詞：網頁設計；視覺信息；傳達；分析
1 網頁中的視覺
網頁的設計必須適應人們視覺流向的心理和生理的特點，由此確定各種視覺構成元素之間的關系和秩序。因此，設計時應該研究各種視覺造型元素之間的距離、位置、面積和視覺流程的問題。
視覺流程的形成是由人類的視覺特性所決定的。視覺流程往往會體現出比較明顯的方向感，它無形中形成一種脈絡，似乎有一條線貫穿其中，使整個版面的運動趨勢有一個主旋律。平面的上部和中上部被稱為“最佳視域”，也就是最優選的地方。網頁設計是一門藝術和技術的交叉學科，近幾年隨著網絡的發展而逐漸受到人們的重視，因此網頁設計逐步產生了審美的需求。人們對美的追求是不斷深入的，網頁設計是要制作出清晰、整體性好的頁面。人瀏覽起來心情愉快，接收信息也會更加容易。網頁設計是要把傳統平面設計中美的形式規律同現代的網頁設計的具體問題相結合起來，運用一些平面設計中美的基本形式到網頁中去，增加網頁設計的美感和大眾的視覺審美需求。
變化和統一、條理與反復、對比和調和、均齊與平衡等對網頁中文字、圖形、色彩的設計都是十分有效的視覺規律。首先，網頁的內容與形式的表現必須統一和具有秩序，形式表現必須服從內容要求，網頁上的各種構成要素之間的視覺流程，能自然而有序地達到信息訴求的重點位置。在我們把大量的信息塞到網頁上去的時候，考慮怎樣把它們以合理的統一的方式來排布，使整體感強同時又要有變化；怎樣使它們脈絡清楚又富有清晰的視覺效果等等。這樣使頁面更豐富，更有生氣，看起來就不感到枯燥。其次，突出主題要素，必須在眾多構成要素中突出一個清楚的主體，它應盡可能地成為閱讀時視線流動的起點。如果沒有這個主體要素，瀏覽者的視線將會無所適從，或者導致視線流動偏離設計的初衷。網頁設計中各構成要素在組合時，要注意其結構的輕重大小、虛實、多少等對比因素，加強視覺力度，以強化頁面的整體吸引力。
2 網頁設計的審美需求
網頁設計是一門新興的藝術和技術的交叉學科，它本身以網絡為載體，把各種信息以最快捷、方便的方式傳達給受眾，在這種標準的要求下，逐步產生了審美的需求。人們對美的追求是不斷深入的，網頁設計同樣如此。需要從審美的方面入手，制作出清晰、整體性好的頁面。人瀏覽起來心情愉快，接收信息也會更加容易。網頁設計的審美需求是對平面視覺傳達設計美學的一種繼承和延伸。兩者的表現形式和目的都有一定的相似性，把傳統平面設計中美的形式規律同現代的網頁設計的具體問題相結合起來，運用一些平面設計中美的基本形式到網頁中去，增加網頁設計的美感和大眾的視覺審美需求。
變化和統一、條理與反復、對比和調和、均齊與平衡等對網頁中文字、圖形、色彩的設計都是十分有效的視覺規律。首先，網頁的內容與形式的表現必須統一和具有秩序，形式表現必須服從內容要求，網頁上的各種構成要素之間的視覺流程，能自然而有序地達到信息訴求的重點位置。在我們把大量的信息塞到網頁上去的時候，考慮怎樣把它們以合理的統一的方式來排布，使整體感強同時又要有變化。怎樣使它們脈絡清楚又富有清晰的視覺效果等等。這樣使頁面更豐富，更有生氣，看起來就不感到枯燥。其次，突出主題要素，必須在眾多構成要素中突出一個清楚的主體，它應盡可能地成為閱讀時視線流動的起點。如果沒有這個主體要素，瀏覽者的視線將會無所適從，或者導致視線流動偏離設計的初衷。網頁設計中各構成要素在組合時，要注意其結構的輕重大小、虛實、多少等對比因素，加強視覺力度，以強化頁面的整體吸引力。作為形式美的法則，隨著時代的不同而不斷發展進步，特別在生活節奏如此快的互聯網時代，由于追求目標的變化，人們的審美觀念也在不斷地變化，但是美的本質是一樣的，同時隨著技術的發展，很多目前不容易實現的審美形式也逐漸被克服，突破帶寬的瓶頸，就會給網頁設計的自如發展帶來一片新的天地。
3 網頁中各構成要素分析
對于網頁設計來講，其信息內容的有效傳達是通過將各種構成要素的設計編排來實現的。網頁的構成要素包括文字、圖形、圖像、標志、色彩等造型要素及標題、信息菜單、信息正文、標語、單位名稱等內容要素。
3.1 文字的編排與設計
文字作為信息傳達的主要手段目前也是網頁設計的主體，文字是網頁中必不可少的元素，也是網頁中的主要信息描述要素，所以網頁中文字將占據相當大的面積，文字表現的好與壞將影響到整個網頁的質量。網頁文字的主要功能是傳達各種信息，而要達到這種傳達的有效性，必須考慮文字編輯的整體效果，能給人以清晰的視覺印象，避免頁面繁雜零亂，減去不必要的裝飾變化，使人易認、易懂、易讀。不能為造型而編輯，忘記了文字本身是傳達內容和表達信息的主題。
和利用紙張閱讀的方式相比，網頁設計中的文字的易讀性相對較差，再加上一般的用戶在普通的頁面上花的時間比較短，所以對于網頁設計中的文字編排應該滿足以下幾個要求：第一，文字編排的過程中選擇一些經常使用，用戶經常見到的字體。第二，盡可能多地使用黑體和宋體，宋體的閱讀方式最便捷，更富有現代氣息。第三，限制頁面風格，以突出強調作用。
3.2 圖片的編排
在網頁設計中，圖片可以算得上是最早被使用的元素。這是因為網絡可以利用圖片傳達自己的信息，讓用戶更直接的了解，加大了網絡提供的信息量，再加上圖片的使用在很大的程度上也使頁面更美化。因此，在網頁設計中，要想單純文字表達的信息變得有趣，最簡單的方法就是使用圖片。
4 結語
在我國不斷發展的進程中，網頁可以說是一種全新的視覺表現形式，不僅包含了平面設計的各種理念，還具有跟其他文化不同的優點。如果要做好網頁設計，絕對不是一件容易的事情，這是因為網頁設計涉及了視覺設計美學、人類心理學、人機工程等多個領域。一個好的網頁設計不僅需要設計者精心組織內容，更需要其對整體視覺的傳達進行科學的規劃。在信息技術飛速發展的今天，網頁設計的價值不應該只局限于提高信息的傳達效率，還應該重視給用戶帶來視覺的審美享受。
參考文獻：
[1] 謝依君.電子報的新聞介面分析[D].臺北：臺灣國立政治大學，1999.
關鍵詞：網頁設計；平面設計元素；運用；問題探索
中圖分類號：G642 文獻標識碼：B 文章編號：1002-7661（2016）05-004-01
隨著經濟社會的逐漸發展，網頁設計已經從最開始的計算機技術，逐漸演變為一門設計藝術。眾多網頁建設者都開始利用較為藝術性的設計作品，來提升網頁的整體視覺效果。簡而言之，網頁設計已經開始將藝術和計算機相互結合，再通過平面視覺元素的同一調試呈現出來。
一、相關理論基礎
1、網頁設計
從總體層面而言，網頁設計是平面設計的重要組成部分，主要根據公司、企業或者商業需求，進行有目的的網站功能的策劃工作。從分類角度而言，可以分為功能性、信息性以及形象性三種網頁設計。
2、平面視覺元素
平面視覺元祖主要是指利用文字、色彩、圖形等基本元素，并將其相互結合或進行各種平面設計，從而將有效信息傳遞給受眾群體，提升受眾群體對展示產品的印象力。
3、平面視覺因素的重要優勢
在網頁設計過程中運用平面視覺元素，能夠確保網站建設發展更趨向于先進性、藝術性。通過合理運用文字、色彩和圖像的基本元素及組合，對整個網頁版面整體進行美化，可以使得周中群體獲得新性視覺享受。其次，利用平面視覺因素能夠提升網頁的用戶流浪量，幫助企業、用戶實現網站建設理念，并傳遞企業產品信息、服務以及品牌資料等等；
二、網頁設計過程中的諸多問題
網頁設計的重要目的在于傳遞信息，優秀的網站設計往往會刺激受眾群體眼球。當前，網設計設計日益成為網站建設者關注的重要部分，而平面視覺元素已經被大量運用于網頁設計中。但眾多網頁因為人為因素、社會高度關注以及自身能力局限，導致諸多問題頻現，無法達到使用者的要求效果：
1、網頁整體編排太過簡陋
網頁編輯是網頁設計中最為基本的步驟。網頁具體要求是“文字內容簡潔明了，概括性強，圖片內容則需要刺激受眾群體視角”。但從國內網頁整體編排情況來看，大部分設計人員一味追求頁面內容豐富，不是網頁版式編輯需求。圖片內容往往與文字內容相互堆砌，讓網頁顯得非常雜亂，更遑論提升網頁平面視覺效果了。除此之外，每個網頁所包含的具體內容包括幾個方面，但部分網頁設計人員往往忽視這點，并將有些非主要內容安排到網頁主頁面，或者將廣告宣傳設置到顯著位置，者極大的影響了使用者網站的個人心情及信息獲取速度。
在網頁設計過程中，文字擔負著傳遞信息的重要途徑。通過文字內容，網頁瀏覽者能夠清晰的獲得自己去要的內容。但中文文字結構較為復雜，諸多網頁設計師往往在網站設計過程中，刻意的對文字進行編輯，例如下劃線，附加鏈接，或者藝術化等等，這些的安排盡管會突出文字所表達的信息，但同樣會給瀏覽者帶來視覺障礙。除此之外，文字整體布局同樣欠考慮，字體的大小、行距都會影響到閱讀速度，部分網頁設計中文字過多，即便內容精彩，但同樣無法傳遞給瀏覽者準確信息。
3、網頁色彩運用不夠完善
通常情況下，瀏覽者在打開網頁頁面時，最先接受的往往都是色彩。優秀的網頁設計往往與設計師自身的色彩運用息息相關，畢竟網頁設計必須考慮到平面視覺效果，導致對色彩要求極高。但國內部分網頁設計往往單純考慮到視覺效果，個人傾向的重用暖色調，大紅大紫的色彩搭配習慣或許能夠吸引瀏覽者的眼球，但同樣或使得網頁美感效果下降，甚至直接干擾瀏覽者對信息快速篩選的能力。
三、網頁設計具體對策建議
1、科學合理設置版面結構。大多數的網頁用戶界面往往會在版面編輯過程中融入平面視覺元素。以文字信息為例，相關設計人員可以利用多種字體進行結合，或者創作單純的藝術字體，以營造出多樣化的文字效果。圖形圖像排版層面則更應該遵循特定的空間結構，且必須處于頁面中央，以吸引受眾群體的眼球，達到強烈的視覺沖擊效果；
除此之外，色彩運用層面同樣需要從整體角度著手。網頁設計人員可以結合圖形的基本特點，實施版面分割。如此這般，網站版面就能夠有效傳達產品信息，遵循自身視覺效果的表現方式。當然，經驗欠缺的世界人員，同樣可以從日常生活雜志、報之、期刊層面著手，借鑒版面尺度、文字內容、圖像安排以及色彩搭配等層面方式，最終營造出科學合理的版面結構。
2、簡潔明了的文字表達。與平面視覺元素的其它層面相比，文字內容部門非常關鍵，這是受眾群體能夠直觀獲取信息且能夠辨認的途徑。因此，簡潔明了的利用文字信息，傳遞產品關鍵詞，能夠直接提升瀏覽者的閱讀興趣。一般情況下，網頁設計中字體同樣以默認為標準，這能夠確保眾多受眾群體利用本地系統字庫來閱讀，省去下載麻煩。
當然，需要注意的是，文字編排布局必須合理。眾多瀏覽者在閱讀文字內容過程中局限性較大，為達到明確的視覺效果，文字編排可以考慮常規的字體結構，大小同樣以適中為主，且為藝術效果而盲目使用較為少見字體。
3、整體協調和局部對比的色彩運用。不同的色彩搭配方案能夠形成多元化的色彩畫面。按照色彩感知規律發展特點，一般情況下，暖色調的確能夠刺激受眾群體吸引力。或者說，暖色調色彩能夠吸引人，并在短時間內了解網站情況。設計師在設計良好的網頁環境中，必須從色彩沖擊性的角度出發，但必須注重整體協調和局部對比兩個原則，以促進網頁整體風格的形成。
四、總結
作為大眾信息傳播的重要途徑，網頁設計在滿足精益求精的基礎之上，還需要在平面視覺效果層面更加努力。優秀的網頁設計往往能夠將文本、動畫、視頻、圖像等等進行綜合性運用，既能夠滿足網站使用者的信息獲取需求，還能夠營造出良好舒適的視覺效果。
參考文獻：
【關鍵詞】網頁設計 發展趨勢 教學方法
美國市場調研機構ComScore NetWorks提供的報告顯示，2007年1月，全球15歲及以上使用互聯網的人數達到了7.47億，同比增長10%。ComScore發現，美國互聯網用戶達到了1.53億，依然是全球網民最多的國家，但增長率僅為2%，中國網民數量僅次于美國，為8670萬，但增長率卻高達20%。通過以上數據，我們不難發現中國的網絡市場存在著巨大的潛力，那么如何把握住這個機遇，培養出合格的人才，就成了我們這些高校專業教師需要考慮的問題，我認為作為一名有競爭力的網頁設計師，不但要做到有美術修養，還要做到懂編程，這樣一來我們的網頁設計師就可以既能勝任前臺的設計工作又能勝任后臺的編程工作了。
一、提高網頁設計的工作效率
提高網頁設計的工作效率，當然要從更好的協調網頁設計各部門之間的工作入手。這就要求平面設計部門的平面設計師熟悉程序設計部門程序員的工作，好比一名好的建筑設計師，不但要知道如何設計出有內涵有文化的建筑，同時還要了解建筑的造價、人機工程學以及建筑力學等方面的知識，否則他的設計作品就沒有任何價值。所以我們培養網頁設計師的目標是，不但在藝術設計方面優秀，還要在程序設計方面優秀。這也正是我這次出去學習的目的，只有做到這一點才能很好的完成網頁設計工作，才能解決前面提出的平面設計師與程序員之間的工作斷層問題。也只有這樣才能培養出適應時展要求的高素質的網頁設計師來。
設計總監，可以說是網頁設計工程中必不可少的角色。可什么樣的人有可能成為設計總監呢？當然，首先要有很豐富的工作經驗，很高的個人能力，其次要精通網頁設計的所有環節，也就是說無論是策劃部門、平面設計部門還是程序設計部門的工作都能應對自如。如果能做到這一點，再加上良好的統籌能力和團隊合作精神就有可以成為設計總監了。我們培養學生，不但要讓學生就業，解決基本的生活問題。還要讓他們在長久的工作生活中逐漸的成長，越來越強大。使他們無論在小公司還是大公司都能通過自己的工作表現成為行業中的精英人才。
二、培養更有競爭力的綜合性人才
1.根據市場的需要培養人才
在談下面這個問題之前，我想先讓大家先來了解一下我找到的一份很有代表性的招聘網頁設計師的廣告。
網站設計師具體要求：大專以上學歷、美術、藝術、廣告類畢業；在互聯網行業從業經驗兩年以上；熟練操作各相關設計軟件；并且有自身優勢和特點；優秀的設計創意能力，能組織團隊完成大型網站項目的設計開發工作；邏輯思維清晰，做事認真、細致，表達能力強；有豐富的企業建站經驗，從事過組織策劃大型網站項目的工作；注重儀表，有很強的學習能力和敬業精神，較好的溝通能力，有良好的團隊合作精神及獨立的工作能力。
待遇：試個人能力而定，公資標準在4000（另有項目提成）。
根據市場的需要定向培養人才的提法似乎有些過時了，我所指出的是除了讓學生掌握招聘廣告中的內容，還要讓他們掌握更多的程序設計方面的知識，比如Html、Css、Dhtml、JavaScript、Asp、Php等。讓學生可以不用程序和策劃部門的協同就能獨立完成網頁的設計。而且完成的效果還要很好，這樣的人才一但推向市場，其受歡迎的程度可想而知。
2.快速掌握行業里最新、最尖端的網絡技術
網絡媒體同時屬于IT行業的范疇，既然和IT靠上了親戚，自然也就繼承了IT的某些特征：高薪職業。不受工作地點的限制。新技術出現的快淘汰的也快。
要想在網頁設計行業有所成就，當然要不斷的學習掌握新技術，可網絡上的新技術淘汰的太快，經常是沒等我們弄懂就已經過時了。作為專業教師，我會經常調整授課內容，把最新的最實用的技術和思想傳授給學生。時刻關注網絡上的新動向，出現的新技術，保持旺盛的學習熱情，讓自己時刻處于行業的前沿。只有這樣才能培養出適應當今日趨激烈的市場競爭的人才。
3.做一名有社會責任感的網頁設計師
網頁設計師不同于其他的職業，因為網頁設計師肩負著更強的社會責任和歷史使命，要讓網絡社會朝健康的方向發展，需要網頁設計師嚴格的律己修身，對自己的言行負責。特別是不能在當今充滿了誘惑的時代迷失自己，為追求短期利益而觸犯法律。“設計強國”需要所有設計師的共同努力，畢竟中國的平面設計在亞洲還落后于日本、韓國，如何發揮中國悠久文化傳統的優勢，把中國的網頁設計做強，成了我們這些網頁設計師的新的課題。
參考文獻
[1]陳剛.CSS標準網頁布局開發指南.2007.
[2]施博客研究室.DREAMWEAVER 8標準教程.2006.
[3]施博客研究室.FLASH 8標準教程.2006.
[4]張孝祥，張紅梅.JAVASCRIPT網頁開發體驗式學習教程.2004.
關鍵詞:網頁設計;元素;美學
中圖分類號:TP393.092文獻標識碼:A文章編號:1007-9599 (2010) 10-0000-01
Aesthetic Overview of Web Page Design
Li Shanshan
(Chongqing Iron&Steel Group,Electronics Co.,Ltd.,Chongqing400080,China)
Abstract:The web design on the one hand must have "beauty",which render the dissemination of information to achieve the desired goals;the beauty must have for any web page,the basic elements of web pages for information not only to meet the needs of the users,more important is to create a pleasant visual environment in which they have a mental enjoyment and resonance.
Keywords:Web design;Elements;Aesthetics
網站在我們社會生活中無處不在,網站網頁設計是伴隨著計算機技術、網絡技術、圖像動畫處理制作軟件的產生和發展而形成的設計新課題,他是運用相關的軟件技術、美學知識等,依照設計目的和要求對網站進行功能上的實現和視覺藝術的創造性思維活動。下面就網頁設計的“美學”進行探討。
一、設計元素
網頁設計的元素主要是視覺和聽覺元素,主要包括:文字、圖像、動畫等多媒體元素。隨著多媒體技術的發展和運用使視聽元素在網頁設計中的綜合運用越來越廣泛,使瀏覽者可以享受到更加完美的視聽效果。
(一)文字。文字是網頁界面的主體,是用以傳達信息的主要元素,雖然利用網絡多媒體也可以達到同樣的目的,但網頁中文字的優勢很難被取代。
(二)圖形。圖形在網頁中有著十分重要的作用。在網上瀏覽時,瀏覽者常常會因看到一幅十分引人注目的圖形而感興趣去了解相關內容。在很多網頁中,圖形占據著整個頁面的重要位置,有的甚至占據了整個頁面。在視覺順序上,圖形往往能首先吸引人的們注意力,這是由于圖形給人的視覺印象要比文字強烈得多。幾乎所有的網頁都用到了圖形,善用圖形,可以生動、形象、直觀地表達網頁的主題,增強網頁的宣傳力、感染力和號召力。圖形必須符合網頁的主題,并具有創新的構思和強烈的個性,使主題與表現兩者較好的統一,以有利于信息的傳達。
(三)多媒體。將多媒體元素引入網頁界面,可以很大程度上增強瀏覽者的吸引力。從網頁界面的發展來看,由純文字界面到圖文并茂,再到引入新的多媒體元素,這是一個必然的過程。瀏覽者希望在網上看到更具創造性、更具吸引力和更具情趣的內容,多媒體元素正是實現這一目標的重要手段。網頁中所涉及到的多媒體元素主要是音頻、視頻和動畫。
二、設計原則
設計在網頁設計中占據著重要的地位,要求在有限的屏幕空間上運用平面設計的相關原理(如色彩、構成、版面等藝術設計原理知識)將視聽多媒體元素進行藝術化的表現,是一種具有藝術特色的視聽傳達方式。它在傳達信息的同時,也產生感官上的美感和精神上的享受。它同平面廣告、報刊雜志等印刷品平面媒體的設計不同,印刷品都有固定的規格尺寸,網頁則不然,尺寸是由讀者來控制的,這使網頁設計者不能精確控制頁面上每個元素的尺寸和位置,而且網頁的組織結構不像印刷品那樣為線性組合,因此網頁的平面設計具有更高的難度和挑戰性。網頁設計的藝術性網頁作為傳播信息的一種載體必須要有自己鮮明的藝術特色,才能在眾多的網絡信息中脫穎而出,受到關注。這就要求網頁設計要按照視覺心理規律和形式美等藝術設計的手法將信息主動地傳達給觀賞者,在適當的環境里被人們即時地理解和接受,以滿足人們的實用和需求。
網頁設計不但要單純、簡練、清晰和精確,而且要強調藝術性,通過獨特的藝術風格和強烈的視覺沖擊力來鮮明地突出設計目的。作為視覺設計范疇一種的網頁設計,其最終目的是達到最佳的主題訴求效果。這種效果的取得其藝術性的手法是必不可少的,一方面通過對網頁的內容運用邏輯規律進行條理性處理,使之符合瀏覽者獲取信息的心理需求和邏輯方式,讓瀏覽者快速地理解和吸收;另一方面通過對網頁構成元素運用藝術的形式美法則進行條理性處理,更好地營造設計目的的視覺環境,突出主題,增強瀏覽者對網頁的注意力,增進對網頁內容的理解。
網頁設計的技術性不同于傳統媒體之處,就在于信息的交互性、持續性、多維性、多種媒體的綜合性、版式的不可控性等特點,這些都離不開網頁設計技術方面的因素。網頁設計的技術性是網頁設計時運用相關的軟件技術、媒體技術電子技術等實現網頁最終表現效果的手段方式。沒有技術的支撐網頁也就失去了他的媒體特性。
網頁多種媒體的綜合性主要體現在使用的多媒體視聽元素,如文字、圖像、聲音、視頻等,這些都需要相應的技術來實現。隨著技術的發展,網絡帶寬在增加,芯片處理速度在提高,跨平臺的多媒體文件格式被推廣,這些技術極大地滿足和豐富了瀏覽者對網絡信息傳輸質量的更高要求。這些技術的運用增強了頁面傳播信息的表現力和感染力,呈現了前所未有的媒體革新。各種技術的發展促進了網頁設計技術與藝術的緊密結合,網頁設計只有掌握各種網絡技術的規律,注重技術和藝術的緊密結合,窮盡技術之長,實現藝術想象,才能滿足未來瀏覽者對網頁信息的更高需求。設計是主觀和客觀共同作用的結果,網絡技術主要表現為客觀因素,藝術創意主要表現為主觀因素,網絡技術與藝術創意的緊密結合,使網頁設計由平面設計擴展到立體設計,由純粹的視覺藝術擴展到空間聽覺藝術,網頁設計藝術性與技術性的高度統一把瀏覽者帶入了一個全新的網絡數字時代。
參考文獻:
摘要：本文主要介紹網絡設計人員對網站進行排版和布局時，所用到的div+css技術及相關應用案例，還有網頁的色彩搭配、版面布局等平面設計元素的相關理論和內容。
關鍵詞：Div+CSS;網頁設計；版面布局
縱觀國內外眾多大型商業門戶網站、個人網站、行業網站、企業網站等，其不僅設計風格迥異，顏色布局多變，給人以完全不同的視覺沖擊和美觀享受，而且網站的開發與設計呈現出日新月異的發展趨勢出來。伴隨著互聯網的發展與崛起，信息技術的不斷成熟與革新，如今網頁設計已經不再從前那般簡潔樸素，界面丑陋，反而愈加注重網頁的編排，平面元素的應用，與用戶的交互等等。因而，本文試圖探討并介紹網頁設計中利用CSS+DIV的布局方法，網頁制作的色彩搭配，文字的編排搭配，以及在網頁設計中經常用到的經典版面布局風格，來重點論述網頁設計人員是如何將平面視覺元素運用到各大網站中的網頁設計里來的。
1Div+CSS的布局技術
1）Div技術從其本質上而言，是將網頁HTML文件當中混亂臃腫的文字、圖片等內容通過Div元素將其分割成每一個單獨的區域，以此來形成一種邏輯清晰，結構明確的模塊組合體。Div元素，憑借其擁有眾多具有獨特作用的屬性，經常被開發人員用來賦予特殊的值，并將網頁內容的開頭和結尾處放置DIV標簽，以此來構成完成的一個模塊。2）CSS是一種具有標記行的特殊語言，通過CSS，設計人員可以把對網頁層級結構的設計樣式和網頁內容兩者之間完全分離開來，獨立存在，這樣一來，不僅有利于對網站中各網頁以統一設計風格的樣式進行布局，而且還有利于提升網頁的加載速度，縮短其響應時間。從當前CSS與Div在網頁設計中的運用案例中來看，這種布局技術不僅可以使得網頁設計人員通過屬性值的設定精準的將各類網頁內容精準的進行編排和定位，而且還能夠使得文字和圖片之間以精美的排版樣式為網頁的整體瀏覽效果增色不少。另一方面，由于網頁內容同其設計樣式兩者之間互相分離，因而當網頁設計人員需要對其網頁樣式重新編排，或者在CSS樣式中的某幾項屬性值修改時，只需要在單獨存在的CSS文件中對布局元素加以重新設計即可達到目的，從而使得頁面的布局與后期迭代工作變得更加輕松簡單。此外，由于內容樣式的分離，使得網頁本身不僅在代碼內容上大為減少，而且極大程度上減少了網頁重新改變版面布局的時間，使得網站部署的帶寬成本節省不少。
2網頁設計的色彩搭配
網頁設計這項工作，從其技術角度來看，不僅要包含各種平面設計元素，而且還需要嚴格遵循其固有的設計原則。而且網頁設計本身所體現出來的藝術高度通常決定著網頁的瀏覽量和點擊量，同時也是網站開發人員同互聯網用戶之間進行互動和交流的重要媒介。一個網站在色彩上的搭配和選用不僅有利于傳遞網頁設計人員所要表達的主題及內容，而且可以為用戶帶來極為強烈的視覺沖擊，增強其網站本身的觀賞性。
2.1劃分網頁層次
從人欣賞事物的角度而言，色彩能夠為人類感知事物提供極大的視覺刺激，使其從情感上產生共鳴。因而，如果通過將帶有不同色調的色彩進行均衡組合，會形成風格非常鮮明，內容極為出彩的頁面。由于網頁中通常有不同的層次和不同作用的文字內容，根據文字內容的重點、情感、風格，選用比例均勻，搭配得當的幾種色彩，會使得網頁內容隨色彩的分布而顯得更加錯落有致，主次分明，從而將網頁的層次感劃分得一目了然，以便于網民在網頁的閱讀瀏覽過程中抓住重點來獲取信息量。這樣一來，不但網頁的導向性得以凸現出來，而且其視覺表達效果也十分出彩。下圖是國外一家社交網站的網頁設計作品，從該圖中可以看出其在好友動態上色彩選用上用白色和藍色交替組合的形式進行搭配，而在個人資料及其社交功能上選用的黑色作為背景，黑色和藍白色形成強烈的視覺區域和對比，因而使得當用戶在瀏覽該社交網站時將焦點更多的關注于內容本身上面。
作者：薛穩 單位：河南省漯河市第五高級中學高二（4）班
【關鍵詞】Flash 動態網站 設計 要求
互聯網（Internet）的出現，實現了人類地球村的夢想，但宛如一個新生的嬰兒，一出現就有其與生俱來的缺點：傳統的靜態（HTML）網頁，供用戶查閱的信息只能是文字和靜止圖像。阻礙了用戶體驗和感受到網絡上多媒體的互動效果。
Flash動態網站是針對多媒體網頁設計脫穎而出的一個新型解決方案。它使用矢量繪制圖像，它的最終文件可以以“流式”的輸出在網頁中播放。Flash動態網站動畫文件小，互動功能強。它給網頁設計帶來的無限生機。
一、現代網頁設計的目的和要求
隨著互聯網知識的普及，讓更多人對網站設計有了一定了解。但很多人仍舊不十分明確的了解網站能做什么，建設網站的目的是什么，要做怎樣的網站，能從網站中得到什么。隱患最深的是，大多數企業網站的策劃和運作都存在問題，在客戶的概念里，這樣的東西就是網站了。如果這樣的網站無法給客戶帶來直接或間接“好處”，那么網頁設計就成了沒有任何意義的工作。現代網頁設計的目的和要求到底是什么呢？一句話：互聯網要給企業帶來利潤。
二、Flash動態網頁發展的現狀及優勢
1.現狀及趨勢
Flash動態網頁設計從業人員相當少，行業缺口很大。
在國外，眾多大公司如：IBM、 Shell、 Hp、 Sony等爭相用以加強自己公司主頁的形象和更強大的互動功能。而國內的動態網站發展相對較慢。
由于網絡帶寬的不斷提高，Flash動態網頁以其具備的聲音、動態圖像等多媒體優勢，會在不遠的將來完全替代靜態（HTML）網頁。
2.優勢
（1）更加專業、漂亮的設計：Flash動態網頁有專業的設計工具，也可導入用其他點陣和矢量繪圖軟件繪制的專業級圖形，并生成SWF格式，通過網頁瀏覽器瀏覽和播放。
（2）靈活性：有完美的、全面的網絡無縫接口設計工具，利用它可以創造全屏的動畫，導航按鈕、地圖、動畫按鈕、圖形及廣告條。另外，可以自動生成數據引擎以及基于服務器的圖形和動畫，可以創建圖形模版，該模版將在以后由服務器自動更新數據內容，這樣就將專業的動畫設計和服務器的靈活性有機地結合起來。
（3）快速性：邊下載邊播放，Flash動態網頁以“流”的方式打破了帶寬的局限，即使是在網絡狀況很差的時候也無需長時間等待。
（4）壓縮技術：使用矢量技術使得產生的網頁文件非常小，即使當網頁在全屏幕播放時也是如此。同時Flash動態網頁提供的Shockwave Flash插件也非常小，小于170KB。
（5）交互性：任何的圖形和動畫都能變成按鈕，最大化的滿足網頁設計者的新想法、新創意。Flash動態網頁是在網絡上創建交互性多媒體的最先進的技術。
（6）通用性：支持多種播放標準和平臺，包括ActiveX、Glf、animated Gif、RealPlayer、網絡在線電視以及更多的平臺。
三、Flash動態網站的設計要求
1．網頁形式與設計
（1）導航菜單設計
導航菜單設計是Flash動態網頁瀏覽的基礎。簡潔、有效的導航菜單，可以使瀏覽者迅速而高效的找到所需要的信息。導航的形式有側邊式、上端式、懸浮式、隱藏式等。導航的藝術性與可用性是具有藝術美感的導航會使瀏覽者的瀏覽過程變得豐富而富有趣味。導航菜單的設計還要注意簡潔，易用。設計導航菜單的時候，可以假如一些小聲音、小動畫來豐富瀏覽體驗。
（2）網頁版式設計及風格
Flash動態網頁往往包含的信息量很大，元素也很多。但由于Flash動態網頁的超鏈接特征，使它的空間可以無限擴展。設計者通常把產品或服務的不同賣點分別集中在不同的路徑之中，在細化的動態分頁中可以根據次主題的不同，對各個構成元素的空間進行多樣化安排。
Flash動態網頁上的三維空間是一個假想空間，它是由無數個具體的二維平面空間組成的虛擬世界。這些二維的平面空間就是網頁。二維平面的空間是借助各個構成元素的比例關系、位置關系以及動靜變化等空間因素表現出來的。各個元素的形象的彎曲變化、大小變化、色彩變化、位置的前后疊壓、紋理的漸變、元素之間清晰與模糊的對照以及透視法的應用、疏密的變化、矛盾空間等所產生的視覺效果都不相同，都能豐富平面的視覺深度，使之產生富有彈性層次的空間效果。空間設計在作用于瀏覽者的視覺感受的同時，也產生不同的心理感受，增加畫面的注目率。一般政府類和商業類的網站的空間安排往往注重條理化，分層分級的簡潔明快；媒體類以及個人類網站則追求時尚的或出人意料的、或神秘的、或非常態的個性化空間效果。
（3）色彩設計
Flash動態網頁色彩搭配既是一項技術性工作，同時它也是一項藝術性很強的工作，因此，設計者在設計網頁時除了考慮網站本身的特點外，還要遵循一定的藝術規律，從而設計出色彩鮮明、性格獨特的網站。網頁設計雖然屬于平面設計的范疇，但它又與其它平面設計不同，它在遵從藝術規律的同時，還考慮人的生理特點，色彩搭配一定要合理，給人一種和諧、愉快的感覺，避免采用純度很高的單一色彩，這樣容易造成視覺疲勞。
一個頁面的色彩設計盡量不要超過4種色彩，用太多的色彩讓人沒有方向，沒有側重。當主題色確定好以后，考慮其它配色時，一定要考慮其它配色與主題色的關系，要體現什么樣的效果。另外哪種因素占主要地位，是明度，純度還是色相。
2．Flash Action——動態網站的魔力
Flash Action已經成為了重要的設計輔助手段，很多意想不到的動態效果、實時計算都是由Action來完成，靈活運用Flash Action會使你的動態網站設計達到“質”的飛躍。
3．優化動態網站
在Flash動態網站的設計過程中，合理運用嵌套技巧，會使設計效果事半功倍。在當前的網絡狀況下，使動態網站的文件盡可能的縮小，對于減輕瀏覽者等待的“厭煩心理”是十分有效的，從而培養更多的網站瀏覽用戶群。
動態網頁設計作為一個新興的網頁設計手段，在信息極度豐富、網絡帶寬不斷提高的當代，已經成為網頁設計的未來。我們也不斷看到，動態網頁設計由于具備了多方面的接口優勢，越來越成為數碼設計中涉及領域最廣、應用項目最多、就業前景廣闊的設計藝術。
雖然現在的動態網頁設計的現狀有吞沒設計者個性的趨勢，但是同樣這個時代也是一個追求形式上的創新和開拓的時代。一個勇敢的同傳統勢力、同形式主義相抗衡的時代。每一個有理想有抱負的設計者都有理由在這樣的狀況下運用自己的能力，開辟出一片新的網頁設計道路。如何使中國的動態網頁設計水平提高是擺在很多網頁設計者面前的問題。
參考文獻
【關鍵詞】視覺傳達；網頁設計；教學
"2015年7月23日，中國互聯網絡信息中心（CNNIC）在京第36次《中國互聯網絡發展狀況統計報告》（以下簡稱《報告》）。《報告》顯示，截至2015年6月，我國網民規模達6.68億，互聯網普及率為48.8%。"
2015年11月12日，2015天貓雙十一全球狂歡節正式落下帷幕，最終交易額也正式揭曉。據阿里巴巴實時數據顯示，2015天貓雙十一全球狂歡節最終以912.17億元交易額拉下帷幕！
互聯網已經深入到了我們生活的方方面面，絕大部分人們現在正常的購物需求都由互聯網來主導，人們對網頁的視覺性體驗的要求也是逐步提高。社會對于網頁設計師的需求也是逐年增多，社會各種互聯網培訓學校也是悄然升溫。基于這種社會需求，國內許多高校在也都增開了《網頁設計》課程。
筆者在藝術設計學院里從事了多年教學工作，目前所受課程都是視覺傳達專業的網頁設計課程，主要授課的對象是視覺傳達系電腦藝術設計和廣告設計與制作專業大三的專科學生，這些學生們經過大一、大二基礎課程的學習，對平面設計理論知識和軟件實踐操作都已經有了足夠的認識。針對視覺傳達系開設的《網頁設計》課程，主要是從藝術設計層面，培養學生的界面設計能力；而計算機類專業中網頁設計的課程，則側重網頁的程序的開發和數據庫的建立能力。
但是結合實際的社會需求，更需要的是將設計與程序開發進行有機的結合，而以上不同學院的專業區分的課程設置是完全分隔的，經過實踐教學，筆者認為其不夠科學和合理。下表是某公司的一則網頁設計師（美工方向）招聘的專業能力要求：
有扎實的美術功底、良好的創意思維和理解能力；
熟悉HTML、CSS語言、div+css網頁開發，有豐富、真實的、獨立完成的、符合W3C標準的制作成品（要求兼容各主流瀏覽器），對web3.0網站有一定的認識；
有 開發、網站搜索優化經驗優先；
精通Photoshop/Dreamweaver/Flash/Illustrator等設計軟件，對圖片渲染和視覺效果有較好認識；
專注于網站界面開發與設計，以及用戶體驗優化，較強的平面設計和網頁設計能力，良好的美工基礎，能夠獨立設計大型電子商務網站的前臺頁面；
從上表的分析可以得出以下的結果，那就是對網頁設計師美工不僅要求有平面方面的設計能力，同時要懂得與之相關的編程知識，結合實際市場需求，高校在網頁設計的課程設計上應進行更有意義的創新改革，才能順應時代的發展浪潮。
針對視覺傳達專業學生而言，通過幾年的基礎課訓練，已經具有了極高的藝術鑒賞能力和較好的設計能力，但如果針對將來要從事網頁設計師這個崗位而言，其又具備如下缺陷：
一、缺乏對不同載體下頁面設計尺寸方面的認知
相比較起來，學生幾年所接受的知識，都是與平面打印相關系，運用的單位無外呼厘米、毫米、米等打印度量單位，對應的載體是紙質文檔，因此設計慣性知識考慮單一。而相比較起來網頁設計最終的呈現載體是計算機屏幕，不同屏幕分辨率下，呈現的頁面效果會有有所不同，而且頁面中圖標的尺寸，各個元素的尺寸，直接影響了人們通過電腦查看的舒適性，而電腦屏幕的度量單位是像素，怎么扭轉學生對于這些知識的認知，是一個需要慎重思考的問題，如果不處理學生對于尺寸方面的認識，最終導致的后果，就是花費了巨大的精力和時間設計的頁面由于尺寸問題不能實現。這個問題曾經筆者在實際的設計案例中也是經歷過的。
針對此問題，筆者經過實際的教學研究，讓學生通過對比不同屏幕載體之間的數據，自己截屏研究--模仿設計--實現再呈現這樣的方式，讓學生充分掌握網頁設計中的整體尺寸以及各分類元素的尺寸設計問題。
二、英文水平薄弱，代碼知識嚴重欠缺
對于藝術設計學院學生而言，普遍存在的一個問題就是英文水平，因此本科畢業考核標準對于藝術生的英文水平的標準基本上是三級水平，而專科生對于英文水平是沒有設定的，因此學生的英文水平普遍較差，但要想從本質上理解網頁設計的知識，同時能夠便于糾錯和設計瀏覽器之間的兼容性問題，必須要求學生掌握核心的英文代碼知識，但學生在這個方面基本上是一張空白紙張，也因為是這個問題阻礙了很多學生通往網頁設計師之路。
針對此問題，筆者到目前也沒有找到更好的、更快捷的方式，但結合實際情況，希望之后在網頁設計教學之前增加學生對于html代碼知識的學習，同時增加學生的實踐案例操作時間，讓學生通過長時間的訓練，達到精通的程度。
以上就是筆者對目前視覺傳達設計專業《網頁設計》課程的一點思考，網頁設計是伴隨著時代而產生的，市場對于網頁設計師的需求之后只會增加，而高校是培養網頁設計師的一片沃土，要如何培養學生的職業能力，是擺在很多高校視覺傳達設計專業面前的一件大事。希望通過本文的一點思考，對將來藝術設計院校的《網頁設計》課程改革會有所幫助。
參考文獻：
[1]黎永碧.楊戰旗.《網頁設計與制作》課程推行"教學做"一體化教學模式的探討[J].科教文化 2013.2：208.
[2]姚翠蘭.以就業為導向的網頁設計課程體系研究--以藝術類職業院校為例[J].軟件導刊?教育技術.2012.12：28-29
關鍵詞：網頁界面設計；視覺要素；
中圖分類號：TP393.092 文獻標識碼：A 文章編號：1007-9599 (2012) 10-0000-02
一、網頁界面設計的特征
網頁界面設計是一將藝術與技術相結合的一門學科，早期人們會有一種誤解，認為網頁設計主要體現在“技術”的應用上，而忽視了“設計”的層面，導致許多網頁布局不合理、頁面平淡無奇、內容雜亂無章等。因此，在充分傳達內容和信息的基礎之上，網頁界面還必須具備一定的藝術特征，這種藝術是基于功能性之上，并且為其服務的。
（一）以功能性為主
網頁界面設計和平面設計一樣，必須遵循一定的設計原則，在必須具備平面設計特征的同時，網頁設計還具有其特有的基本特性。網頁界面設計應時刻圍繞“信息傳達”這一主題來進行。因此，它是一種以功能性為主的設計。主要體現在以下兩個方面：
1.信息傳達的功能
網頁界面設計以信息傳達為主要功能，并且信息必須準確、清晰明了，具有明確的受眾對象和宣傳目標，注重時效性。
2.一定的審美功能
網頁界面的審美功能具有一定的綜合性。以內容為主，藝術為輔，除了界面布局合理，色彩搭配美觀，有清晰的導航功能，內容吸引人等，還必須考慮到用戶操作的簡易性和信息接受心理等因素。
（二）形象明確，易于接受
格羅佩斯在他的《藝術家與技術家在何處相會》一文中提到：“如果物體的形象很適合于它的工作，它的本質就能被人看得清楚明確。”明確地指出了“形象”在信息傳遞和接納過程中所起到的重要作用。
人們在接觸外界事物的時候，總是先通過視覺來接受信息，從而觸發一系列的心理活動。例如：看到天空飛翔的小鳥，會聯想到自由，看到長城、故宮，會聯想到中國傳統文化。因此，在設計網頁界面的時候，必須以通俗易懂的形象來傳遞信息，同時，也要考慮到網頁受眾的年齡、職業、文化層次、興趣的差異性，盡可能地使用簡單的宣傳形式來滿足所有層次的受眾。在可口可樂的網頁中，用戶可以從水珠、人物等形象中充分聯想到活力四射、清涼的感覺，形象通俗易懂，傳達的信息易于接受，具有良好的傳達效果。
二、網頁界面設計的視覺構成要素
網頁無論其類型、大小、功能，風格，其具備的基本要素都是一致的，與平面設計相比，除了圖像和文字之外，網頁界面包含更多的要素，如聲音、視頻、動畫等多媒體要素，以及由Javascript、VBscript等動態語言實現的網頁特效和交互功能。
（一）網頁界面中的文字設計
文字是網頁界面的主體，也是傳達網頁信息的基本載體，雖然在今天多媒體元素的種類繁多，但文字依然占據它不可取代的地位，因為文字具有存儲空間小、易于下載和顯示的功能。
網頁界面中的文字分為兩種：ASC文本和像素文本。網頁中大部分文字都是直接在HTML代碼中編寫，或者在dreamweaver設計窗口中自行輸入，這部分文字主要以ASC碼存儲，占取空間小，易于修改和編輯，在排列文字樣式的時候，一定要結合CSS樣式表來排版，CSS樣式表的強大功能可以同時對文字的字體、字形、大小、顏色、間距、邊距和特殊效果等進行精心的設置，以達到較好的瀏覽效果。但是如果在網頁中使用特殊字體，不同的用戶可能由于未安裝此字體而無法正常顯示，所以，有的時候我們可以把文字在photoshop或者fireworks等圖像圖像處理軟件中保存為jpg或gif格式的圖片切片，再應用到網頁界面中，這樣就可以達到任意想要的藝術效果了。像素文本主要應用于網頁界面中的標題、LOGO、Banner或者廣告的部分。
（二）網頁界面中的圖形圖像設計
圖形在網頁界面中占據著十分重要的地位。在上網瀏覽時，圖形圖像往往比文字更容易吸引用戶的眼球，因為它可以最直觀、最形象地表達網頁的主題，其給人的視覺印象往往比文字要強烈得多。
圖形必須要符合網頁的主題，每張圖片都必須要有其存在的價值，善用圖形，可以生動形象直觀地表達網頁的主題，增強網頁的宣傳力、號召力和感染力，吸引瀏覽者的注意和興趣。網頁中的圖形格式主要有：JPG、GIF和PNG三種。JPG具有壓縮比高、壓縮質量好、色彩連續性強的特點，因此，使用最為廣泛。GIF雖然色彩數目不如JPG，但是可以制作透明背景，以及動態圖像，也被大量應用于網頁界面中。PNG是Fireworks的默認圖像文件格式，集前者的優點于一身，可以對圖像進行全面的優化并且導出任何想要的格式。所以，根據圖形圖像的使用功能，合理地采用這三種格式，是網頁設計人員必須掌握的技能。
（三）網頁界面中的色彩設計
1.色彩設計的基本作用
色彩對于事物的表現能力有著其它形式無法比擬的超強效果。作為一個網頁設計師，只有掌握色彩的原理，熟知各色彩間的相互關系及各種色彩的生理或心理作用，結合自己所具備的平面構成知識，在網頁設計中準確用色，才能實現傳達特定信息和渲染頁面的效果的目的。色彩在網頁設計中起著重要的作用。首先，彩色網頁較單色網頁更具吸引力；其次，色彩本身具有象征作用，瀏覽者易于產生聯想；第三，彩色網頁具有賞心悅目、裝飾性強等特點。
2.網頁界面中色彩搭配的技巧
用一種色彩。這里是指先選定一種色彩，然后調亮度、透明度或者飽和度，生成新的色彩，用于網頁。這樣的頁面看起來色彩統一，有層次感。
關鍵詞:網頁設計;元素;色彩
互聯網技術日新月異的發展,已成為人們生活中不可缺少的一部分。互聯網的發展使信息傳達的范圍速度與效率都產生了質的飛躍,隨著時代的發展,網站建設越來越接近于一門藝術而不僅僅是一項技術。
――引言
網頁設計作為一個全新的設計領域,沒有照搬的模式,沒有從屬和延續但任何設計形式又有去規律和標準。但也有些出學的設計者,將藝術的設計語言和設計理念拋到腦后,機械的完成設計,完全成為了技術的奴隸,因此,我想從平面設計基礎理論在網頁設計的應用來淺談我對網頁設計的理解,希望給廣大讀者帶來一些啟發。
一、平面設計元素在網頁布局中的應用
第一個要素――點:在日常生活中很多東西都可以看作點,如晶瑩剔透的一顆雨滴,大海中的一頁孤舟,星空中的一輪明月……從幾何學角度來說,點是線的交點,它沒有大小和形狀;從造型藝術來說,點是最基本的要素,指畫面中某一小塊區域;從視覺的角度而言點不但有大小還有形狀。在具體構成中點并非都是以遠的形式出現的,一些較小的個體元素都可以視為點。例如,在網頁中的一些按鈕就可以當作點來處理。在運用點的時候重點不僅在于外形,更在于點在整個空間中所起的作用,在相同的視覺環境下相對面積越小點的感覺越強。點越多其間隔就越短,免得感覺就越強,這對把握畫面的整體效果和統一畫面十分重要。
在Racing樂隊網站中20個大小相同的圓點鋪滿了首頁這些圓點既是頁面中的按鈕,又是頁面的裝飾元素,在不同的色彩映襯下圓點似乎產生了韻律感和運動感,瀏覽者的視線會不斷在這些點之間徘徊決定最終去向。
第二個要素――線:線是由無數個點構成的根據其長度寬度方向等構成線。線是點移動的軌跡線在頁面中有強調分割引導的作用。垂直的線給人平穩挺拔的感覺;弧線使人感到流暢輕盈;曲線使人跳動不安。不同粗細的線在空間的性格也是不同的,粗線條給人粗獷,勇敢陽剛的感覺;細線條可以表達銳利敏感速度之感;當粗線和細線進行結合時粗線必定先進入視覺,若線的長短符合透視規律,就能表達出強烈的空間感。因而,線的構成在網頁設計中有著廣泛的應用,網頁設計師常用簡潔的線條進行頁面構圖,以此傳遞豐富的視覺信息和思想感情。
第三個要素――面:根據幾何學定義,面是線移動的軌跡。點和線的密集可形成面;面的分割面與面的合成亦形成新的面。面試構成空間的基本單位一段文字可以視為一個面,一張圖像可以看作一個大面,一大片留白可以成為一個面"面"的概念不是固定的,面試網頁構成中常用的元素,它的大小曲直變化都會影響頁面的整體布局。
分割面是規劃空間的重要手段,在網頁設計中,設計者通過面的分割組合虛實交替等多種手法來實現頁面的整體效果。在網頁設計技術中表格和框架就是用來分割頁面的利用面的分割,可是網頁頁面主體清晰,層次分明。避免雜亂的重要原則就是:少即是多。另外,在網頁設計中要敢于留白,善于留空。空白可以定義為頁面中沒有安排內容的地方,空白空間并不一定是白色的,它可以是環境空間的顏色或圖案。
第四個要素――空間:網頁設計中的空間并非生活中的立體空間,而是一個假象的空間,是看得見而摸不著的,是在二維平面上建立的空間關系。在設計中,我們可以利用對比強烈的大標題可以作為前景,大面積的正文構成中景,附屬的版權信息構成背景。實踐證明,這種清晰而和諧的層次關系,極大地提高了頁面的整體藝術效果。
二、網頁設計中色彩的運用
網頁界面藝術設計離不開色彩的應用,當打開一個網站的時候,給用戶留下第一印象的既不是網站豐富的內容,也不是網站合理的布局,而是網站的色彩,尤其是在體現界面的時候,色彩對人的視覺效果非常明顯,一個網站設計的成功與否,在某種程度上取決于設計者對網頁界面設計顏色的運用和搭配。
在網頁設計選擇顏色時應注意幾點事項:第一不要大面積使用很高的純單色,否則會使瀏覽者感到視覺疲勞;第二當網站面對的用戶超出本國范圍時,最好使用網絡安全色;第三為增強網頁的可讀性,背景與文字內容的亮度差最好在102以上。
在色彩運用過程中,由于生活地理文化位置的差異不同的人對色彩的喜惡有很大的差異。如生活在高原地區的人喜歡用暗色;生活在草原地區的人用紅色;生活在鬧市區的人喜歡用淡色……在網頁設計時想要透過色彩傳達某一意象時,必須將色彩形成的背景因素與目標群結合分析。同時色彩的認知是會變動的同樣的一群人在不同的時間地點都會對色彩產生不同的解讀。因此,不但要關注上述因素,還要考慮到網頁配色的共性:色彩的鮮明性;色彩的獨立性;色彩的功能性和習慣性;色彩的有限性;色彩的周期性。
三、結束語
網頁界面頁面設計的一個基本特色便是吸引瀏覽者,一個美觀漂亮的頁面不管內容多么空洞,也會有人欣賞,反之一個內容充實但頁面簡陋卻往往不會有人去瀏覽,從這便可看出網頁界面藝術設計是多么的重要。網頁界面藝術設計是永遠也學不完的一門學問,因為它會跟著你的成長也變化,直到形成你的一種風格,網頁界面藝術設計需要大膽創新,需要新的思維,需要不斷的努力。
網絡對藝術設計行業同時造成了威脅和機遇。真正有魅力的設計師設計者的思想素養對藝術的理解及表現技術的綜合體現。任何設計最終都是為人所用的,特別是網頁設計的藝術表現,它既是傳播信息的載體又是傳遞美感的使者,設計者只有不斷增強交叉設計的能力,使藝術與技術有效地結合才能適應不斷變化的時代!
關鍵詞 網頁設計 簡約主義 視覺呈現
中圖分類號：TP3 文獻標識碼：A
隨著商業社會的繁榮，大眾生活品質的提高，互聯網代表著一種嶄新的信息交流方式。網頁設計也越來越趨向人性化，設計要求圍繞人為中心展開進行設計。而網頁作為一種傳播信息的媒介，會受到時間、空間和適用環境的限制。但是如何讓凌亂復雜的網頁變得變得輕薄簡潔，在擁有它完整功能的同時又能很好的把重點模塊區分出來呢？如何更好剔除多余的顏色、背景或是部分元素，保留并梳理清楚視覺流程呢？
1網頁設計視覺流程籌劃
視覺流程俗指人們在觀看網頁時候的視覺路線走向。美國阿爾多斯?赫敘尼在《觀看的藝術》中提到：感覺+選擇+理解=觀看。觀看的第二步是從視野中選定一個特定的元素，進行下一步詳盡的理解。這是他總結給我們看清事物的方法。
視覺流程是視線在觀賞物體上移動的過程，而網頁設計中的視覺流動路線是相當重要的。垂直的物體在頁面上會引導人們的視線做上下的運動軌跡，水平的物體在頁面則給我帶來的是左右的視覺流動，三角形的物體會讓我們的視覺由角頂開始做循環的視覺流動，而圓形的物體往往會讓我們的視線呈輻射狀運動。
因此，網頁設計中不同的視區范圍有著不同的注目度。我們瀏覽網頁時一般的閱讀習慣是從左至右，從上至下，因而我們會把一些重要的訊息，比如logo、通知、最新信息放在左上位置，通常我們叫這個位置為視覺中心。
2影響網頁頁面視覺呈現的要素
2.1網頁頁面的版面率
版面率指的是網頁設計中文字、圖形、圖像、顏色等的占有率，它不僅影響頁面信息傳達效率，也決定著整個網頁設計的視覺呈現效果。一般來說，版面率與視覺傳達效果以及設計創意成反比的。如圖（1、2）
由圖我們可以看出，宜家的版面率低，整個頁面幾乎只有其logo的存在，所容納的信息量少，但是給我們的視覺沖擊力很強烈，視覺呈現的形式感很強。在網頁設計中，極簡的網頁視覺呈現能夠把最重要的信息以最直觀的方式傳達給瀏覽者，而且也可以起到一個避免閱讀中分散注意力的作用。譬如我們的一些個人網站、博客等商業氣息不濃厚，大多都會以設計創意個性為主，版面率較低。選擇版面率比較高的設計時，講究空間的有效利用與秩序的合理劃分，而且每一版面的大小和位置關系要和諧。否則要么排版呆板，要么秩序混亂。
2.2網頁設計的權衡布局及簡化設計
所謂簡約主義，顧名思義就是要我們將設計元素、色彩、造型進行簡化。人們常說的“簡約不簡單”，實際上就是簡約主義。目前，簡約設計已經被廣泛應用到我們生活的各個領域，無論是室內設計或是平面設計還是包裝設計，都在實行“簡約主義”。甚至很多品牌，譬如無印良品、宜家家居等都是采用的簡約主義風格，無疑簡潔時尚已成為人們廣泛追求的一種風格。正所謂“簡約不簡單”，個人也認為越是簡單的東西越大牌。
排版布局中的平衡、對齊及對比關系，對頁面視覺效果至關重要。那么對于網頁設計來說，要做到簡化設計的第一步就是要去除一些多余的沒有必要的東西，盡可能的丟掉他們，留下一下最為關鍵的信息，比如logo、介紹、導航等等。我們每天都在使用的騰訊，它的頁面設計就做到了這點。如圖（3、4）
圖3 騰訊頁面設計
圖4 騰訊頁面設計
2.3顏色給我們帶來的心理暗示
色彩是我們認識事物的第一印象，我們在瀏覽網頁的時候對視覺沖擊力強的網頁設計留下的印象最為深刻。因此一個好的網頁設計必定有一個很好的頁面配色設計，它不僅能更好的傳達信息，同時還能更好的與大眾的心理需求相契合，更大的發揮網頁設計中帶來的視覺效果。如圖（5、6）
根據季節的變更、促銷活動的安排以及各品牌不同的文化理念，常常要做一些不同的網頁設計才吸引消費大眾。因為人們在長時間瀏覽網頁的時候很容易產生疲倦，在色彩的使用上，我們一般應將色彩對比放在一些需要仔細閱讀或主要信息上，以免增加網頁瀏覽者的閱讀難度，引起視覺疲勞。同時，我們也不能采用一些辨識度低的顏色，盡可能把信息目標更快更好的傳達到消費者的眼中。
3結束語
在網頁設計過程中，我們應繼承我國的傳統文化，形成獨特的設計風格，拓展設計的視覺語言。與此同時，我們還要推陳出新，突出現代化，引領時尚潮流。以現代簡約主義的手法對中國的傳統元素和符號進行提煉和二次設計，讓網頁設計獲得更強的視覺認知力和藝術感力，營造一個自然、合理、順暢的視覺流程，更好的激發人們的審美情趣，引導人們在美的享受中接受傳達的信息，發現美好。
參考文獻
[1] （美）魯道夫，阿恩海姆.藝術與視知覺[M].中國社會科學出版社，1984.5.
[2] 孫嬌，宗明明.網頁設計中視覺流程籌劃與應用[J].美術教育研究，2011（7）.
[3] 李湘媛.淺談網頁設計中的色彩語言表達[J].藝術教育，2012（11）.
