網頁界面設計運用論文范文第1篇

關鍵詞：網頁設計　色彩設計　色相環

1　關于色彩的研究

1，1色彩的要素

色彩是自然美、生活美、藝術美的重要組成部分，是人類知覺及記憶建構的基礎單位之一，在資訊的傳達上也扮演著重要的角色。自然界的色彩是豐富的，漆黑的夜晚、藍色的天空、綠色的樹葉、紅色的蘋果……但是最基本的色有三種，即紅、黃、藍，稱為“三原色”，其它的色彩都是由這三種色調和而成。

現實生活中的色彩分有彩色系和無彩色系兩個范疇。無彩色系指黑、白及各種明度的灰三種，除此以外的色彩，無論其灰艷、明暗程度如何，均屬于有彩色系。

視覺所感知的任何一種彩色現象，都具備三個基本特征：色相、明度和純色。非彩色只有明度屬性。色相，指的是色彩的名稱，亦稱“色度”。這是色彩最基本的特征，是一種色彩區別于另一種色彩的最主要的因素。不同特征的色彩，代表了不同的色相。明度，也叫亮度、光度，指的是色彩的明暗或深淺程度。各種色彩都可以通過加白或加黑作明度色階變化，純度，指色彩的鮮艷程度，又稱彩度、飽和度、艷度。純度高的色彩純，鮮亮。純度底的色彩暗淡，含灰色。當一種色彩加入無彩色時都會不同程度地減弱該色相的鮮艷程度。

1，2色環理論

在對色彩的認知中，有很多值得思考的問題，許多科學家都曾嘗試去了解顏色的物理特質，而且對于顏色理論有所貢獻。

在研究色彩時，通常是用色環而不是用呈直線排列的光譜來表現色相的系列。處于可見光譜的兩端的顏色一紅色與紫色，被巧妙地連接起來，使色相序列顯現出循環的形式，這就構成了色環。目前的色彩研究中，常用的是由瑞士色彩學家約翰·伊頓創立的12色相環，又稱“伊頓色相環”見圖1。在色相環中，可以表現出微妙而柔和色相過渡節奏。色相環上的色彩排列次序包含著色彩協調的基本途徑。這種協調是以色相的漸次變化來實現的，有著非常鮮明的優點，可以直觀地展示著色彩規律，把本是復雜的東西簡化得十分通俗。構成原理是由紅黃藍三原色開始，兩個原色相加出現間色，再由一個問色加一個原色出現復色，這樣由原色、間色、復色組成了一個有規律的12種色相的色相環。色相環上包含了完全飽和的顏色和一些含有較多白、灰或黑的不飽和色，可作為渲染、色調和陰影的變化。

在圖1中，井然有序的色相環讓使用的人能清楚地看出色彩平衡、調和后的結果，顏色間的相互關系如相似色、互補色、暖色、冷色也一日了然。在網頁色彩設計中，有效利用色環會給科學準確地定位色彩搭配有重要的作用。

2　門戶網站配色技術

針對門戶網站網頁界面色彩設計，所做的色彩喜好及意象調查分析結果表明，影響色彩意象有三個因素：美丑因素、明暗因素及興奮沉靜因素。美丑因素受到色彩三屬性全面的影響：明暗因素則受到明度的影響最大;而興奮沉靜因素則受色相與彩度的影響最大。

2，1色彩設計的一般標準

針對色彩評價的調查表明，不存在絕對統一色彩審美的唯一標準。但在設計時仍然有一些原則是可以遵循的?？梢砸曋疄橐话銞l件下的一般標準。

2，1，1色彩與用戶審美的統一

在網頁設計之前，對頁面所面對的用戶以及對用戶的審美傾向等問題要有清楚的定位。不同用戶群體對色彩的接受存在很大的差別，色彩會因不同的性別、年齡、生活環境、種族等不同的因素，引發不同程度的生理與心理共鳴，不管是正面或負面。因此，對于門戶網站顏色，一定要配合用戶的心理或生理需求進行組合、搭配及設計。當在選定顏色組合時，必須考慮到所選擇的顏色是否能引起適當的回響。符合接受者審美傾向的配色會激發閱讀興趣，在一定程度上有利于信息的傳播。

2，1，2色彩與內容的統一

包彩與界面主要信息內容應有內在的聯系，通過色彩傾向和色彩聯想，突出主要內容，同時在用戶的情緒上引發共鳴。

2，1，3色彩與功能的統一

色彩與信息傳播功能需求要達成統一。利用色彩的視覺心理效果可以有效地促進信息的接受程度。

2，1，4色彩與構圖功能的統一

色彩的美感是在構圖的基礎上表現出的一種總體感覺。構圖本身就是～種表現形式，具有一定的形式美感，如重心的安定感，布局的均衡感，元素的條理與節奏等。色彩的美感正是由構圖的這些形式要素統一體現出來的。在構圖中要注意色彩的平衡，把握好輕重、明暗等關系，從而達到視覺上色彩力度的平衡狀態，引起視覺的快感，激發人的情感與之呼應，給人以美的感受。

2，2網站設計的標準色彩

網站“標準色彩”指能體現網站形象和延伸內涵的色彩。一般來說，一個網站的標準色彩不超過三種，標準色彩要用于網站的標志、標題、主菜單、主頁塊等，給人以整體統一的感覺。

門戶網站由于其地位的特殊性，所以在界面色彩設計時，一定要以科學的色彩理論為指導，以敏銳的感覺去發現，以高超的配色技巧去完成。

網頁界面設計運用論文范文第2篇

摘要：DIV+CSS是目前最流行的網頁制作技術，但學習起來枯燥，不宜熟練掌握。為了提高教學質量，提升學習效果，進而使學生由淺入深、循序漸進地掌握這門技術，本論文通過教學方法的選用、知識點、技能點實踐環節的設計和考核方式的設計等方面的探索，經過教學實踐，總結出一些經驗。

關鍵詞：DIV+CSS教學設計

引言：

網頁設計課程是一門實踐技能很強、技術手段不斷更新的技能課，隨著網絡技術的飛速發展，在XHTML網站設計標準中，已不再使用表格定位技術，而是采用DIV+CSS的方式實現各種定位。最直接的特點就是，代碼冗余小，網頁打開速度快。結構和表現分離了，只需改變css就可改變網頁的風格，而內容不變，這樣維護和升級的成本降低了。對于初學者，常常被枯燥的代碼和編寫語言搞得焦頭爛額，要收到顯著的教學效果，教學方法尤其顯得重要。

一、教學方法設計

教學方法是一門課程的教學中，教師為了完成既定的教學任務，實現教學目標，而在教學過程中運用的教學方式和手段。面對課程知識點和實操強的特點，可突出以下幾種教學方式。

強調記筆記。記筆記有助于對學習內容的理解。記筆記的過程也是一個積極思考的過程，可調動眼、耳、腦、手一齊活動，促進了對課堂講授內容的理解。尤其越是邏輯性強的課程越需要一個良好的學習習慣，而這正是高職學生所欠缺的。因此，面對這種特點的學生，教學方法中一定要注重有意識讓學生建立良好的學習習慣。從第一節課就開始提出記筆記的明確要求，并納入到平時作業成績考核中，讓學生不得不先重視起來。不定期地在課上練習和課后作業中引入筆記的內容，讓學生明顯意識到課上記了筆記，平時注重積累，做練習就會提高效率，事半功倍，否則，按時完成作業都相對費勁。有一個現象叫“飛輪效應”.為了使靜止的飛輪轉動起來，一開始我們必須使很大的力氣，一圈一圈反復地推，每轉一圈都很費力，但是每一圈的努力都不會白費，飛輪會轉動得越來越快.達到某一臨界點后，便無須再費更大的力氣，飛輪依舊會不停地快速轉動。因此，培養學生好的學習習慣也是一樣，開始教師和學生可能都會很累，但只要堅持不懈，學生就會逐漸養成穩定良好的學習習慣，看上去很累的學習就會變得自然輕松。老師也會越教越輕松。

鼓勵原則。美國作家馬克·吐溫說過：“一句好聽的贊辭能使我不吃不喝活上三個月?！边@句話夸張地描述了表揚的魅力所在。有時，一個贊許的目光能使人鼓起勇氣，信心百倍。對于這個觀點，在多年的教學生涯中，相信許多老師都受益匪淺。當前，DIV+CSS已經成為制作網頁的一種技術潮流和趨勢，學習者也必須不斷提高自己的技能來適應這種變化。各種XHTML標簽和CSS屬性在實際的操作中，往往問題層出不窮，令學生頭疼不已，如果在這個時候，不及時加以鼓勵，就會導致教學效果半途而廢。因此，一定要在學生面對問題時，主動與其一起思考，提出解決該問題的關鍵點，讓學生自己嘗試，而不是直接告訴答案，教學效果不言而喻。學生會認為是自己經過艱苦思考而最終戰勝了困難，自信心增強，也就有了繼續學習下去的動力。

循序漸進。面對高職學生，想要取得好的教學效果，循序漸進的教學方法必不可少。在課堂教學中，不要放過任何一個看上去非常簡單的問題，有些小問題往往不簡單，可以延伸出許多知識點，只有熟練掌握學會舉一反三才能更加自如地運用該門技術。要選定一個難易度適中的網站，既不能太難模仿，使學生產生畏難抵觸心理，又不能太簡單，而達不到鞏固教學內容的目的。學生在“模仿”課環節，對指定的網站首頁和其他主要網頁進行模仿還原，該網站的各類素材可以直接使用，對于頁面在尺寸、色彩、外觀上也可以相同。對于這種特定的、明確的任務，學生往往會表現出極大的熱情。

對比較學法。制作一個簡單的網頁，尤其運用以前的TABLE布局技術，上手很快，容易實現，大部分初學者一旦學習了表格布局技術，就很容易依賴，而不愿意去嘗試DIV+CSS技術了。面對這種問題，就要適時運用對比教學法，例如通過制作一個“簡單相冊”的小例子，讓學生分別運用TABLE技術和DIV+CSS技術制作，完成之后，讓學生觀察代碼有何不同?？梢悦黠@看出，table時代，一個頁面表格嵌套10個以上是非常普遍的事情，從而頁面代碼冗長，雜亂無章。然后緊接著提出迅速更新頁面的風格，讓學生繼續嘗試完成。通過實踐，學生就可以清晰得出結論，DIV+CSS技術的優勢，內容和形式分離，更新頁面風格，只需要改動CSS文件就像換件衣服一樣簡單容易。DIV+CSS技術制作“簡單相冊”代碼如下：

<style>

div，body，img，ul，li，p，a{ margin：0；padding：0}

.base{ margin：0 auto；width：530px}

ul{ list-style-type：none；width：530px}

li{ float：left；margin：0 5px；}

img{ width：150px；height：100px；border：1px solid #CCCCCC}

p{ font：\"宋體\"；font-size：9px；text-align：center}

h1{ font-size：24px；text-align：center}

</style>

<body>

風景相冊

91尤物免费视频-97这里有精品视频-99久久婷婷国产综合亚洲-国产91精品老熟女泄火

當然，不少同學都會認為自己的英文程度不好，肯定掌握不好這樣的代碼。其實以DIV+CSS為核心技術的網頁制作并不是要求大家去死記硬背那些枯燥的代碼，有很多工具可以幫助我們。比如可以用Dreamweaver來寫代碼，因為這個軟件有代碼提示功能，只要打代碼樣式的頭一個字母就會有相應的代碼樣式提示給你，只要你能夠大概地了解代碼的功能，也就沒必要把代碼全記住。學習時最好是把Dreamweaver當作一個輔助輸入工具，多鍛煉一些手寫代碼。多閱讀成功案例的源代碼，并嘗試修改代碼，重新編譯驗證自己的想法，注意記錄筆記，分析代碼的時候，忌快，一目十行不如看懂一行。要經常引導學生看一些大的門戶網站，學習怎么用div+css實現一些效果。

二、結語

在網絡高度發展的今天，W3C標準并不是拋棄表格，而是遵循html標簽的語意來做html頁面，目的就是讓表現與結構分離，更利于瀏覽器的兼容和網站維護等等。因此老師面臨著更多的挑戰，不僅需要對網頁制作相關技術進行持續研究，更要在教學方法、教學手段上不斷進行革新，以充實的內容吸引學生，以活躍的氛圍打動學生，讓學生勤練習多思考，在學習過程中獲得成就感和滿足感，從而能夠適應這種變化，跟上WEB發展的步伐，熟練掌握網頁制作的技術。

參考文獻：

[1]曾靜娜.新手學CSS+DIV[M].北京希望電子出版社，2010.

[2]金峰.變幻之美——CSS+DIV網頁布局揭秘[M].人民郵電出版社，2009.

[3]聞立鷗.CSS+DIV布局與表格布局網頁的對比[J].教育教學論壇，2014，（9）.

[4]聞立鷗.DIV+CSS之布局一行三列頁面實證分析[J].教育教學論壇，2014，（8）.

[5]賈錚，等.HTML+CSS網頁布局開發指南[M].北京：清華大學出版社，2008.

[6]CSS：The Definitive Guide，3rd Edition，Eric Meyer，O’Reilly 2006.

網頁界面設計運用論文范文第3篇

[摘要] Internet作為新的媒介，為設計提供了廣闊的舞臺?；ヂ摼W信息資源無限、圖文互動、方便快捷，而且價格低廉，對于精明的商家來說，沒有理由拒絕在Internet上展示自己或者銷售自己的產品，從而使網絡中網頁的設計從一開始就蒙上了商業的色彩。

[關鍵詞] 網頁 設計 商業化

網站是由諸多的網頁構成，網站存在的價值是被客戶訪問，客戶的瀏覽率是網站廣告收費的重要依據，也是評估網站價值的重要依據之一。網頁是構成互聯網的基本元素，是引導客戶進入網絡的大門。網頁作為信息傳達的載體，具有提高消費者對企業或商家新產品的了解，增強企業或商家的知名度，樹立企業或商家形象，提高企業或商家信譽，促進銷售等方面的功能。那么，如何使客戶瀏覽后記住這個網站？企業或商家如何使自己的網站與眾不同？這

是設計師要認真思考的問題。

一、利用圖像美化網頁，提高點擊率

網頁設計中內容應當是第一位的，但是從商業的角度考慮，頁面設計也是非常重要的。設計師除了利用互聯網的特性和企業目標市場的準確定位外，還要把頁面設計的趣味盎然，引人入勝，從眾多的頁面中脫穎而出，以吸引讀者的眼球，從而增加頁面的點擊率。

網頁是由文字、圖像等元素構成的，各種設計手段與編排手法的運用，就是要讓讀者產生一種心理暗示，引導讀者對目標網站產生興趣和閱讀欲望。

文字是網頁中必不可少的設計元素，也是網頁中主要信息描述的要素，所以網頁中文字占據了很大的面積。但是頁面上文字太多，就會顯得沉悶，缺乏生氣。圖像是構成網頁設計要素之一，它具有強烈的視覺效果，能使頁面顯得活潑生動，美觀大方，圖像的好壞直接影響閱讀者的觀賞興趣。圖像還能補充文字說明，給讀者直觀的表現。能給網頁錦上添花，并能潛移默化地給讀者思想情感上的啟迪與感染，也能表達設計師個人的設計風格。

一個優秀的頁面設計必定是形式與內容的完美結合。一方面，網頁設計所追求的形式美，必須適合主題的需要，這是網頁設計的前提。只講究形式美感，過于強調獨特的設計風格而脫離內容，或者只求內容而缺乏藝術的表現，頁面設計都會變得空洞而乏味。另一方面要確保網頁上的每一幅圖像都有存在的必要性，不要為了炫耀而刻意裝飾，了解企業或商家的經營策略，具有針對性地設計。因為圖像是為頁面而服務的。圖像的大小、位置、數量、形式等因素，直接關系到網頁的視覺傳達。圖像要與內容特性相吻合，不能相脫離，更不能相互沖突。

二、吸引讀者注意力，提高網站知名度

互聯網憑借其信息量大、覆蓋面廣、方便快捷、互動性強等特點，逐漸成為人們學習、生活、工作中獲取信息的重要媒體。從中國互聯網信息中心的調查數據看，我們50%的上網用戶目的是獲取信息，居各種上網目的的第一位，正是由于人們對信息量的需求，導致了人們對這一新興媒體的依賴。

在Internet上信息的傳播是靠客戶的瀏覽，如果沒有訪問者，信息將無用武之地。網站需要豐富自己的網上傳播內容及傳播表達手段，以吸引更多的讀者訪問自己的網站，激活自己的主頁和信息頁。激活率越高，就意味著它對網民的吸引力越大，從而吸引更多的小企業、個體經營者租用自己的網站設置網頁，獲得更多的收入。目前網絡媒介一般者是免費向讀者提供信息的，它從內容傳播本身并不能取得收入。但它還是堅持不懈地更新網上新聞、娛樂方面的內容，其用意無非是持之以恒、鍥而不舍地在網上建立自己網站的聲望，加強知名度、印象度，為開展廣告經營，取得廣告收入的回報創造條件，打下基礎。因而對于一個網站來說，如何讓讀者更多更好地接受信息是提高網站知名度的關鍵。

三、傳遞商品信息，誘發購買欲

從信息接受者的角度考慮，視覺是人們獲取信息的主要渠道。一個人在接受外界信息時，經由視覺接受的信息占全部信息的83%，11%的信息來自于聽覺，3.5%的信息來自于嗅覺，1.5%的信息來自于觸覺，1%的信息來自于味覺。對于網絡廣告信息來說，視覺形象的表現力比語言的表現力更強，能達到更好的效果。因而，在某種程度上來看，與其用語言向讀者灌輸信息，不如讓讀者去看，讓形象去說服讀者。

圖像是文字的具象化，圖像能極大地提升文字的魅力、張力和感性，一幅好的圖像，能將設計師抽象的思考予以“具體化”的表達，把某些無法用文字表現出來的視覺特征，通過圖像形象地表現出來，它應該是一種文字意念的“再創造”。

網頁中廣告的圖像通常是通過畫面的視覺形象對瀏覽者的視覺產生刺激，增強人們對廣告信息——商品或者勞務等的印象，在人們毫無反感的心理狀態下，不知不覺地接受了廣告所傳播的信息。網絡廣告從圖像入手，讓圖像說話，用形象傳遞信息，以強烈的視覺沖擊力打動觀眾的心，激發觀眾的聯想和刺激觀眾的想象，讓觀眾在審美的過程中接納商品信息。網絡廣告中圖像是商品信息的載體，它的最主要的功能就是將產品或者企業的商業活動所承載的信息、概念轉化為視覺語言，進行形象、藝術的描繪，以此來感染大眾的情緒，影響他們的心理，完成商業運作及廣告宣傳，讓大眾最終實施消費行為。

網頁設計推動了網絡經濟的發展，促進了商品的流通。我們的設計師應該在追求商業性的同時還應該注意它的藝術性，藝術性越強，感染力會更高，藝術性是影響商業性的一個不可忽視的方面。

本文中所涉及到的圖表、注解、公式等內容請以PDF格式閱讀原文。

網頁界面設計運用論文范文第4篇

摘要:網頁設計藝術是綜合計算機圖形藝術和網絡技術的一門邊緣學科。本文探討了將圖形藝術和網頁設計相結合,設計出個性化的網頁設計圖形藝術的界面,以取得更好的信息效果。

關鍵詞:網頁設計 圖形藝術 界面設計

在現代社會,網絡虛擬世界已經無處不在。對于傳統的計算機圖形藝術設計師們來說,不得不面臨一個新的、前景無限的設計領域———計算機網頁設計圖形藝術。這就給網頁制作公司和個人帶來了許多商機,也給每一個想成為計算機網頁設計圖形藝術家的人展現了一個廣闊的舞臺,使其成為具有最大訴求效果的構成技術。網頁設計圖形藝術不但擁有傳統媒體的優點,同時又使傳播變得更為直接、省力和有效,它是伴隨著計算機互聯網絡的產生而形成的視聽設計的新課題,是網頁設計者以所處時代所能獲取的技術和藝術經驗為基礎,依照設計目的和要求自覺地對網頁的構成元素進行藝術規劃的創造性思維活動,必然要成為計算機圖形藝術的重要組成部分,并隨著網絡技術的發展而發展。然而,在網頁設計圖形藝術這個領域里,沒有網頁設計技術的產生和迅猛發展,根本無從談起“網頁設計圖形藝術”,技術為設計建造了表現的基石,設計根據其需要又不斷地向技術提出新的要求,從而促進了技術的進步。而真正有魅力的富于表現性的網頁設計是計算機網頁設計圖形藝術家們的思想、素養、對設計的理解及其表現技術的綜合性的體現。因此,作為計算機圖形藝術設計師必須接受這種設計與技術的綜合表現形式,要以掌握網頁設計圖形藝術與多媒體技術、計算機程序設計為前提,更有效地發揮網頁設計圖形藝術的表現性和可操作性,完成新概念的構想而努力。

一、 從圖形藝術到網頁設計藝術的變革

面對新時代的到來,人們無不感到社會經濟和文化所經歷著的快速而深刻的變化。使得我們原有的價值觀念、思維方式、知識結構和思想空間都面臨著各種各樣的挑戰。目前,網絡已經越來越多地進入了計算機圖形藝術領域,我們沒有任何理由忽視網頁藝術設計的存在。網絡對計算機圖形藝術行業造成的威脅與機遇并存,而且這種趨勢越來越顯著。對傳統的計算機圖形藝術設計師們而言,網絡意味著機遇。對傳統的印刷業而言,網絡則具有信息資源無限、圖文互動、高速高效的特點,是印刷媒體面臨的最大威脅。越來越多的項目要借助于新的媒介來完成,只是利用印刷完成最后一道工序。人們看到,新的商務模式迫在眉睫,與客戶實行電子交易將成為“日?！苯涣鞣?傳統的圖形藝術逐步走向網頁設計藝術……。

網絡產生的這些變化不僅逐步加劇,而且孕育了自身對技術的狂熱。這些不僅影響著網頁設計藝術的創造過程,還波及到創造出的作品,以及交流的進行過程,當然,還會決定什么樣的工作將繼續留給傳統的計算機圖形藝術設計師們來完成。由于傳統意義上的計算機圖形處理技藝并沒有消失,人們會將更多的注意力集中到如何整合各種不同的媒體,設計師們也要具有設計交叉應用的綜合能力,才能適應不斷變化的時代。創造工作將會在互聯網的基礎上草建。網絡創造人員不僅包括網頁設計師和程序開發員、還有制作者以及那些在網絡各個環節上的專家。網絡將會為許多設計者提供全方位的服務,包括一些源于計算機圖形藝術的傳統工作由于計算機本身及其網絡相關技術的特點和條件,使其對于網頁設計是限制的。

網頁設計圖形藝術與傳統的計算機圖形藝術設計在視覺傳達方面有極大的相似性,但是在技術實現方面又有著很大的區別。網頁設計藝術是傳統的計算機圖形藝術的視覺傳達效果運用和網絡技術實現的有機結合,我們可以說網頁設計藝術是綜合計算機圖形藝術和網絡技術的一門邊緣學科。

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

網頁界面設計運用論文范文第5篇

摘 要： 隨著時代的不斷發展，以往的平面設計已經向網絡方面發展延伸，在很大程度上突破了印刷技術的限制。就現階段而言，一些企業在網頁設計上存在一些不足，主要體現在對平面視覺元素的應用上。本文對平面視覺元素的應用進行探究，分析其在網頁設計中的應用問題，并給出相關的解決建議。

關鍵詞： 平面視覺元素 網頁設計 色彩

一、網頁設計中的平面視覺元素

一般來說，以往的平面設計在視覺元素的應用上受到印刷技術的限制，隨著網絡技術的不斷發展，平面設計逐漸延伸到網絡，在這一背景下的平面設計具備效率高、圖文互動強、信息資源豐富的優點，賦予原有的平面視覺元素在網頁設計中的應用新的意義。目前，構成網頁設計的圖形視覺元素主要包括文本元素、圖形元素和色彩元素。

（一）文字元素

在網頁設計中，文字元素起著至關重要的作用，它是向瀏覽者傳遞網頁信息的重要載體，其地位是不可撼動的。一般來說，文本在很大程度上決定了整個網站的效果。在網頁設計中，文字的易讀性和辨識性是非常重要的。因此，設計師在使用手機文本時要謹慎。同時，在網頁設計中，設計者必須牢固設置主體文本，處理相關細節，安排文本與圖形的交集。在當前的網頁設計階段，文字變得越來越圖形化。換句話說，文本作為一種圖形元素體現出來，增強了審美效果，對原有功能起到了強化作用。

（二）圖形元素

從客觀角度來說，網頁的整體美感在很大程度上取決于圖形元素的應用，因為和文字元素相比，其具有較強的藝術美感和視覺沖擊力。除此之外，它在傳遞信息方面也比文字元素要直接得多。然而，為了充分發揮圖形元素的作用，我們需要注意其色彩搭配和版面的布局，需要適應人們的審美心理，達到在短時間給人留下深刻印象的目的。一般來說，網頁設計中的圖像具備導向和鏈接的功能。根據相關心理學研究，在瀏覽網頁時，眼睛會先垂直落在屏幕的中心，然后看四邊。

設計師在進行網頁設計的時候，往往會將重要的信息安排在注視點高的區域，并且在這種情況下，會根據視覺流程合理安排圖片的適度位置。我們在瀏覽圖片的時候會首先通過網絡下載，也就是說，網頁中的圖片受寬帶的限制，在進行網頁設計時設計者會盡可能地減少圖形文件量，不過文件量越低，圖片的分辨率就越低，受眾的體驗比較差。針對這種情況，設計者需要從實際情況出發，選擇最佳的圖形文件量。

（三）色彩元素

在網頁設計過程中，色彩的匹配會直接影響網站的整體風格。色彩是設計中最重要的因素之一，它以文字和圖形為基礎，主要通過視覺沖擊作用于觀眾的心理。具體來說，就是通過不同色彩給人們帶來不同的心理暗示，比如黑色是沉穩、黃色是溫暖、紅色是官方，等等。除此之外，色彩的飽和度、明度及色調也會影響網頁的視覺效果。同時，需要強調的是，網頁設計師在運用色彩元素的時候，必須保證其符合國際色彩標準，因為互聯網是建立在同一平臺上的，盡量使用網頁安全的顏色，禁止無節制地使用大量顏色。再者，設計師還需要從網頁的實際情況出發，對色調和輔助色進行調整，保證整體的美觀度和舒適感，同時符合網頁內容的主題。

二、平面視覺元素在網頁設計中的應用問題

（一）網頁版式設計應用上的問題

就現階段來看，我國一些企業在網站設計上，過于追求商業價值，這就使得網頁板式設計在應用平面視覺元素上缺乏藝術性和合理性。除此之外，一些企業在做網頁的過程中，要求設計師不斷豐富頁面內容，進一步導致簡單羅列網頁版塊的現象出現，影響網站信息質量，還會給人一種信息冗雜的感覺。

（二）文字視覺元素應用上的問題

從客觀角度來看，中國的字體結構比較復雜，在中國的網站設計中對中文字體格式的發展等方面存在一定的限制。在這種情況下，一些網站在設計過程中會追求文字的視覺效果，如現有的單詞下劃線的鏈接，這不是大問題，但是設計師往往忽略字體間距，進一步使頁面發生擁堵，很容易引起客人的反感。此外，國內一些網站在設計過程中缺乏對頁面整潔和模塊區域的考慮，出現加大字體等錯誤的文字用法。

（三）網頁圖片設計方面存在的問題

網頁平面設計不合理主要表現在兩個方面：一方面，圖像大小問題，一些設計師在文本格式的應用程序中，沒有更大的圖片，導致整個頁面的效果缺乏細節、豐滿，或只是沒有更大的圖片，進一步紊亂，難以突出關鍵信息。另一方面，圖像的位置、面積、數量和分辨率將直接影響觀眾的視覺感知或信息的缺乏。因此，布局設計不當容易導致視覺信息的錯誤引導。

（四）網頁色彩布置上存在的問題

在網頁設計中，常常會出現色彩布置的問題，比如整體色彩不協調、內在美感不明顯，等等。除此之外，還存在色彩的視覺效果沖擊干擾人們瀏覽頁面的情況，舉個例子來說，當網頁使用帶有豐富色彩的圖片作為背景的時候，就會對人們的視覺產生沖擊，進一步引起他們的閱讀疲勞。還有網站整體色彩和信息不搭配，比如慶祝新年的時候，有的網站仍然將藍色、黑色等作為主題顏色，不符合內容信息所體現的情緒。

三、網頁設計中的平面視覺元素應用要求

（一）網頁版式設計方面

在網頁設計中，網頁板式的設計是十分重要的環節，如果沒有合理有效的排版，那么平面視覺元素應用得再好也無濟于事，傳遞的信息再有質量也難以得到瀏覽者的深入了解。因此，那些過于追求網頁商業價值的企業，必須更新觀念，重視網頁的美觀性和各方面元素的合理配置，這樣才能取得良好的實效。首先，設計者應該從讀者的角度出發，設計出方便讀者瀏覽的版面，還要考慮網頁信息的重點，并將其放在合理位置，這樣不僅能夠給讀者好的視覺感受，還能有效傳遞信息。

（二）文字視覺元素應用方面

在網頁設計中，文字元素占據著十分重要的地位，它是向瀏覽者傳遞網站信息的主要載體，其地位是難以被其他因素所取代的，比如圖片和視頻。因此，文本設計的質量在很大程度上決定了整個網站的視覺效果。在這種情況下，設計者可以從實際需求出發，將表達內心的情感作為根本目的，進行適當的人性化設計，鑒于目前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.

網頁界面設計運用論文范文第6篇

在中等職業教學中，《網頁設計制作》課程作為一門重要的專業課程，具有較強的理論性和操作性，但是，目前大多數中等職業學校仍然采用的是傳統的“灌輸式”教學模式，不能夠有效提高學生的主動探究意識和思維創新意識，因此，我們要尋找更有效的教學方法來提高中等職業學校學生的綜合素質。

一、項目教學法的教學設計原則

（一）選擇教學項目

中職《網頁設計制作》課程項目的選擇應該根據教學內容和目標來確定，并且盡量與生活中的實際問題相互聯系。教師在確定項目的時候要能夠包含整個教學大綱的內容，還要考慮教學項目是否能夠調動學生主動學習、主動探究的興趣，或者考慮讓學生參與教學項目的選取工作。調查研究發現，通常情況下，難度適中的教學項目更能激發學生學習的積極性。

（二）堅持以學生為主體

在中職《網頁設計制作》課程應用項目教學法應該突出學生的主體地位，教師在整個教學的過程中只是發揮引導、協調的作用，教師不能將學生單純地作為知識灌輸的對象，所以，教師在設計項目教學的同時，必須突出學生的主體地位，利用教學情境、合作交流等調動學生主動學習的積極性。

（三）創造良好學習情境

在中職《網頁設計制作》課程應用項目教學法要注重于實際生活的密切聯系，教師為學生創造的學習情境應該與學生實際生活和掌握的知識水平相關，由此，教師創造的學習情境才能夠完全激發學生主動學習的興趣，通過項目引導學生學習，同時發揮計算機多媒體等輔助工具，配合圖像、文字和視頻等等，努力創造良好的學習氛圍。

（四）完成項目評價

在中職《網頁設計制作》課程教學中，項目教學法的應用更應該重視項目完成之后的評價工作，必須應用良好的評價方式對整個項目的完成情況進行總結，其過程也是學生進一步學習的過程，通過學生之間的相互探討和學習，努力學習他人優點，改善自身不足，最終達到全體學生共同進步的目的。

二、中職《網頁設計制作》課程的項目教學法設計

（一）分析教學策略

學生作為教學主體，應該在教師的引導和幫助下，通過分組合作、相互交流和實際操作來探究新知識、新技能，教師采用項目教學法進行教學，應該注意教學內容與學生生活的聯系，可以利用互聯網資源，為學生創造教學情境，設置項目問題，引導學生主動學習。

（二）確定教學項目

教師對教學項目進行選擇的時候，應該盡量挑選與學生生活有著密切聯系的項目，在《網頁設計制作》課程中，可以設計創建站點作為一個教學項目，在講授創建站點的相關知識的時候引導學生完成；還可以將創建個人網頁、制作校園圖書網頁等教學項目，在教師教授創建文檔、設置格式、插入圖像和設置超鏈接等相關知識時引導學生完成；講授表格制作知識時可以將制作門戶網站首頁作為教學項目等。

學生通過不斷完成和實踐教師設定的教學項目，不但能夠鞏固學到的理論知識，同時鍛煉了實際操作能力。

（三）完成制定項目

為了能夠使每一個學生都參與到教學項目當中，教師在進行教學之前，應該首先讓學生們以自愿的原則自由分組，一般情況下以4-6名學生為一組，教師可以適當進行調整，并給每組設置一名組長，組長負責給每名組員布置任務，并監督整個項目的完成過程，同時協調小組成員之間的關系，保證教學項目能夠順利完成。

教師讓每個小組利用課余時間收集相關資料，小組成員在收集資料的過程中相互討論，確定項目主題，同時收集制作網頁需要用到的素材資料等等，然后分工合作，進行項目的設計和制作，制作過程中由教師隨時進行指導和糾錯，在項目完成之后進行總結和評價，評價的方式可以通過教師評價、相互評價和自我評價完成。

三、《網頁設計制作》應用項目教學法的案例

（一）項目名稱

制作愛護環境網頁。

（二）教學目的

制作愛護環境網頁這個項目是在學生掌握的網頁制作基礎之上確定的，學生通過學習該項目，能夠正確設置圖片風格樣式表以及網頁屬性，有利于學生對原有知識的鞏固和對新知識點的熟悉掌握。

（三）項目教學法實施過程

（1）學生分組

學生分組是項目教學法的關鍵環節，在遵循項目教學法設計原則的前提下，對全體學生進行分組主要有兩種方式：一是自由分組的方式，這種分組方式通常是關系較好、個性相投的同學組成一個小組，雖然有利于小組同學之間的相互交流，但是不利于學生之間取長補短；二是教師設定小組的方式，教師通過對學生情況的掌握，根據學生的實際認知水平和性格特點，將學生相互穿插進行組合，其優點是能夠突出每個學生的特點，便于學生之間相互學習。

（2）制作要求

愛護環境網頁的制作需要遵循以下幾個要求：設計的站點結構清晰簡潔，文件名稱簡單易懂；利用風格樣式表和網頁屬性設置等多種技術來設計網頁布局；網站首頁的動畫效果較為精美；實現站點網頁的各種動態效果；網頁頁面之間使用超鏈接進行連接，鏈接種類要求多樣化；利用圖像處理等軟件工具對圖像進行細節處理；網頁的總數大于10頁，設計要求新穎，布局要求合理，并且能夠圍繞主題做到內容充實、風格一致；網站的設計需要有一定的創新性。

（3）收集資料

教師為學生提供充足的制作資源，包括圖片素材、視頻素材、文字素材等等，以及講述使用過程的電子課件，以此方便學生進行網頁制作。

（4）主題策劃

本文設計的教學項目是制作一個愛護環境的網站，以此來向社會群眾進行公益性宣傳，強調環境保護問題的重要性，在對網站選題確定的過程中要注意內容的精準性，本項目的主題是“愛護環境”，學生需要圍繞這個主題進行策劃工作，不能偏離主題。

（5）分組制作

在學生制作項目的過程中，以分組的形式共同完成愛護環境網站的制作，教師對于學生在制作過程中出現的問題應該及時給予指導和糾正，在學習風格樣式表等新知識點時，簡單的技能學生學習較快、運用熟練，但是在運用HTML標記語言和Scripts腳本語言時卻不知所措，這是因為中等職業學校學生的基礎知識較為薄弱，想要在短時間之內掌握大量新知識幾乎是不可能完成的，這時候就需要教師進行示范性演示操作，或者給學生布置到圖書館查閱相關資料的工作等。

（6）項目評價

首先，小組內的組員對制作成功的作品進行打分；然后每個小組選出一名代表向全體學生展示制作完成的作品，以及作品的優缺點，還包括在制作網站過程中的分工情況、遇到的問題、解決問題的方法等等，接著總結在項目制作過程中學會了哪些新的知識點和技能，最后由小組之間進行相互評價，選出優秀作品，再請老師對作品進行點評。

四、結論

在中等職業學?！毒W頁設計制作》課程中使用項目教學法，注重的不是最終的教學結果，而是整個項目活動的過程，在完成項目的過程中學生通過教師引導主動進行思考探究，提高了學生學習的積極性和熱情，同時培養了學生獨立思考、相互合作的團隊協作精神。

責任編輯 陳春陽