計算機網頁設計論文

　　隨著資訊時代的到來,計算機多媒體技術已經逐漸的滲透到了各行各業,其在網頁的設計中更是有著至關重要的作用。下面是小編為大家整理的，供大家參考。

　　篇一

　　談計算機網頁設計中的佈局

　　[摘要]就計算機網頁設計中的佈局展開論述，從網頁設計中的佈局的相關概念、計算機設計中網頁佈局的重要性、常見的網頁設計佈局以及其特點、如何進行網頁設計中的佈局等方面，對計算機網頁設計中的佈局進行分析。

　　[關鍵詞]計算機 網頁設計 佈局

　　就今天的生活來說，計算機是人們生活不可或缺的一部分，人們每天的網頁瀏覽量遠大於書籍的瀏覽量。因此，網頁的美感對於人們來說是十分重要的。合理的佈局、唯美的畫面，往往會使人們在瀏覽網頁時生出一種舒適感，為此各網站都花費人力、財力來進行網頁的設計，尤其是佈局的設計。

　　一、網頁設計中的佈局的相關概念

　　網頁設計中的佈局的相關概念，主要是一些構成成分的概念，其中包括了：整體造型、頁面尺寸、頁首頁尾、文字、圖片等，下面就其中幾個重要的概念進行講述。這裡需要指出的，網頁設計中的佈局，不僅僅要求的是對影象這些表面因素進行設計和佈局，同時還需要對一些潛在的因素以及其他相關因素進行深入研究，只有將整體化的設計元素充分整合在一起，才能最大化地發揮網頁佈局的最佳效益。

　　一整體造型

　　頁面的整體造型，指的是頁面的整體形狀，它所指的只包括頁面填充內容所形成的形狀並不是瀏覽器的形狀，常見的造型主要有圓形、菱形、三角形等，當然也可以是這些基礎型別的結合體。頁面造型的選擇，在一些時候是根據網站的性質來選的，帶有一定的寓意。

　　二頁面尺寸

　　頁面尺寸並不是固定的，它受到很多其他因素的影響，就算是顯示屏的尺寸或者解析度都影響著頁面的尺寸的大小。這幾個因素是客觀的，也是我們無法改變的，並且網頁頁面是在瀏覽器中呈現的，然而瀏覽器佔據了一定的篇幅致使頁面進一步的減小，但是這種情況是可以解決的，因為瀏覽器的工具欄等是可刪除的。

　　二、計算機網頁設計中的佈局的重要性

　　無論是設計什麼事物，人們對於其佈局構造總有著嚴格的要求，對於網頁佈局也不例外。合理、美觀的佈局，給人們帶來的是一種舒適和享受，尤其是在長時間瀏覽網頁時，完美的佈局對於減輕人的疲勞感是有重要作用的，由此可知計算機網頁設計中的佈局的重要性。只有這樣才能創造出最大的經濟價值與財富，推動計算機網頁設計的進一步發展和進步。

　　網頁佈局的意義不僅僅是給人帶來美感，與房屋佈局一樣，合理的佈局在一定程度上可以增加其內容。在瀏覽網頁時，人們可能只是簡單的看一下網頁頁面所分佈的內容，因此要想增加網頁的瀏覽量，除了分佈內容要有吸引力之外，還要保證其內容的全面性。這就要求網頁的頁面足夠大，但是頁面尺寸受很多因素的限制，所以只能從網頁佈局上來想辦法。人們開始根據自己頁面索要涉及內容的多少以及內容的類別、重要性進行頁面的佈局，使頁面上的內容能夠具有一定的層次感，並且在人們進行閱讀時能給人們帶來視覺上的舒適感。

　　三、常見的網頁設計佈局及其特點

　　在日常的網頁頁面中，頁面佈局的型別很多，常見的頁面佈局有“同”字型、標題正文型、綜合框架型、封面型、Flash型，人們對這些佈局的感觀已經存在了，但是具體的佈局結構還不太瞭解，下面筆者將將講述以上幾種佈局型別。

　　一“同”字型

　　該型別的網頁佈局從內容填充的角度來說，其內容填充量較大，一般這類網頁的上方都是標題欄，填充的可能是網站的主題，也有可能是橫幅廣告，其下可能也有小標題的存在。頁面的左右也分佈有相應的內容，一般可能是一些網站的最新動態簡訊、網站的服務人員、附加資訊以及廣告，該部分的內容一般是人們不太會去注意的，同時也是可開發價值較高的區域。該型別網頁的主要內容一般都是分佈在中央位置，從上至下，按照內容的重要性、類別或者是所帶有的色彩，對於此部分的內容一般還有細節分佈，再次不再細說。至於網站的下部分一般不會分佈內容，就算是有內容分佈，也只是一些網頁的常規內容。例如，網站製造方的資訊、網站後臺管理登陸以及網站的基礎資訊等。

　　二標題正文型

　　與“同”字型的頁面分佈有所不同的是，標題正文型頁面一般沒有左右的分佈，其他的類似程度很大。頁面的上半部分都是以標題的形式存在，如果出現的是廣告也很正常，頁面的中央部分分佈的是主要內容，但是其主要內容所包括的含有“同”字型的側邊內容，一般網站主要內容的簡訊是在標題下方，與並列的是一些附加資訊，諸如天氣、註冊資訊等。然後接著分佈的就是網站的正文了。標題正文型的網頁頁面結構簡單，一般是一些政府機構或者事業單位採用的較多。

　　三綜合框架型

　　綜合框架型在所有的頁面佈局中應該是結構比較複雜的一類，它的上下左右都分佈著框架結構，內容基本都是分佈在框架裡面。它與其他型別的區別，其實就是把其它型別無形的界線描繪出來了。

　　四封面型

　　僅僅聽著封面型，就能猜出它的基本分佈，的確，正如書本的頁面分佈一樣，封面型的頁面分佈就是以較大篇幅的圖片為主。一般該型別的頁面分佈都是在網站的首頁出現，頁面的中央部位大篇幅的可能就是平面圖片或者是動畫，其周圍分佈著較少的資訊，而此類資訊一般又都是超連結的。一般諸如QQ空間的首頁的個人主頁網頁頁面就是採用此種類型的佈局的，它主要是為了突出個人特色，以炫目吸引人們的眼球。

　　五Flash型

　　Flash型的頁面佈局與“封面型”有著異曲同工之妙，只不過Flash型網頁頁面運用得更多的還是Flash，當然它所運用的除了動畫還有聲音，因此它優於封面型的就是它的聽覺效果，視覺與聽覺兩種效果的作用下給人們帶來的除了享受還有一種震撼。關於此種類型的應用網頁一般主要是遊戲的登入或者是等待進入遊戲的頁面，當然也不排除有些個人網頁的主頁所採用的是Flash型的佈局。

　　四、簡述如何進行網頁設計的佈局

　　進行網頁設計中的佈局首先要確定頁面的尺寸，確定好尺寸有利於後續內容模組的安排，在確定了頁面的尺寸後開始進行整體造型的選擇，選擇時可根據網頁主題或者是個人的愛好來進行選擇。選擇好整體造型根據網頁所要呈現的內容型別、量、突出重點的量來進行佈局的安排，在進行佈局的安排時，要注意佈局的疏密度，不能過度，同時也要注意突出重點。在安排好大致內容後，進行“綠葉”的點綴，可以在大致佈局上增加一些其它資訊以做裝點。

　　計算機網頁設計中的佈局是一門藝術，它沒有什麼固定的格式，佈局的選擇、策劃完全取決於個人的審美觀，因此要想提升網頁佈局的美感，就必須要加強對於美學的研究，將生活中的美學知識運用到網頁的佈局上，給人們帶來更多的視覺享受。

　　參考文獻：

　　[1]瑪依努爾・阿布都哈地爾.對計算機網頁設計佈局問題的探討[J].產業與科技論壇，2012.

　　[2]郭雨.計算機網頁設計佈局價值性研究[J].東方企業文化，2011，23.

　　[3]華冰.如何科學化實行計算機網頁設計中的佈局[J].網路財富，2010，21.

　　[4]楊楠.計算機網頁設計中佈局研究方法與手段分析[J].經濟論壇，2010，04.

　　篇二

　　計算機網頁藝術設計淺析

　　摘　 要：網頁藝術設計是藝術與技術的高度統一，包含視聽元素與版式設計兩項內容，具有互動性與持續性、多維性、綜合性、版式的不可控性、藝術與技術結合的緊密性等五個特點。

　　關鍵詞：網頁藝術設計;設計內容;設計原則;設計特點

　　中圖分類號：G434 文獻標識碼：A 文章編號：1009-010X201208-0021-02

　　設計，有“人為設定，先行計算，預估達成” 的含意，設計就是具有美感、使用與紀念功能的造形活動。網頁設計是一門新興的設計類和網路的交叉學科。隨著時代的發展，網站建設越來越接近於一門藝術而不僅僅是一項技術。在這樣大的背景之下，逐步產生了對於網頁的審美需求。網頁不光是把各種東西放上去，能看就行，還要考慮如何讓瀏覽者能更多的和更有效率的接收網頁上的資訊，從而使他們對網站留下很好的印象，那就更能促進自己網站的發展。

　　本文將網頁藝術設計與其他藝術設計形式進行比較，嘗試從網頁藝術設計的內容、原則和特點等方面對這個新的藝術設計領域進行初步的歸納總結和理論探討。

　　一、網頁藝術設計的內容

　　設計活動中包含著主觀和客觀兩方面的因素，可以概括為視聽元素和版式設計兩個方面。

　　一視聽元素

　　這裡所說的視聽元素，主要包括：文字、背景、影象、表格、背景音樂、動態影像等。無論是文字、圖形、動畫，還是音訊、視訊，網頁設計者所要考慮的是如何以感人的形式把它們放進頁面這個“大畫布”裡。這些視聽元素大多數瀏覽器本身都可以顯示或收聽，無需任何外部程式或模組支援。另外，在瀏覽器使用外掛Plug-in可以播放更多格式的多媒體檔案。還有一種播放多媒體的技術是JavaApplet。相比於外掛和ActiveX，JavaApplet具有更大的靈活性和良好的跨平臺能力，因此具有很好的發展前景。總之，技術的不斷髮展使多媒體元素在網頁藝術設計中的綜合運用越來越廣泛，使瀏覽者可以享受到更加完美的視聽效果。這對網頁的藝術設計提出了更高的要求。

　　二版式設計

　　網頁的版式設計同報刊雜誌等平面媒體的版式設計有很多共同之處，但網頁的排版與書籍雜誌的排版又有很多差異。印刷品都有固定的規格尺寸，網頁的尺寸則是由讀者來控制的。這使網頁設計者不能精確控制頁面上每個元素的尺寸和位置。而且，網頁的組織結構不像印刷品那樣為線性組合，這給網頁的版式設計帶來了一定的難度。

　　二、網頁藝術設計的原則

　　網頁作為傳播資訊的一種載體，要遵循一般設計的基本原則，但它還有其自身的特殊規律，所以設計者必須掌握以下三個主要原則。

　　一主題鮮明

　　視覺設計要表達一定的意圖和要求，有明確的主題，並按照視覺心理規律和形式將主題主動地傳達給觀賞者。這就要求視覺設計不但要單純、簡練、清晰和精確，而且在強調藝術性的同時，更應該注重通過獨特的風格和強烈的視覺衝擊力，以鮮明地突出設計主題。例如，設計個人站點與商業站點性質不同，目的也不同，所以評論的標準也不同。首先，設計是為主題服務的;其次，設計是藝術和技術結合的產物，就是說，既要“美”，又要實現“功能”;最後，“美”和“功能”都是為了更好地表達主題。

　　二形式與內容統一

　　任何設計都有一定的內容和形式。內容是構成設計的一切內在要素的總和，是設計的基礎，被稱為“設計的靈魂”;形式是構成內容諸要素的內部結構或內容的外部表現方式。一個優秀的設計必定是形式對內容的完美表現。據有關資料所做的保守估計，目前在WWW上網頁資料傳輸平均以每秒1.5k的速度到達客戶端。假設某個網頁為了豐富其藝術性而追趕時髦大量地使用影象或其它多媒體元素等，雖然達到了其靜態形式美的效果，卻造成多達幾十K甚至更大的網頁資料，使瀏覽者必須等待很長時間才能看到“廬山真面目”，這樣的網頁就不是一個優秀的網頁，因為它不符合網頁傳播資訊的突出特性之一——快捷性，使網頁內容不能很快地到達訪問者，影響了訪問效果和質量，損害了訪問者的情趣和積極性，這種技術要素影響了傳達資訊的效果，因而不是形式與內容的完美統一。

　　三強調整體

　　網頁是傳播資訊的載體，設計時強調其整體性，可以使瀏覽者更快捷、更準確、更全面地認識它、掌握它，並給人一種內部有機聯絡、外部和諧完整的美感。整體性也是體現一個站點獨特風格的重要手段之一。

　　這主要從版式、色彩、風格等方面入手。例如：在版式上，將頁面中各視覺要素作通盤考慮，以周密的組織和精確的定位來獲得頁面的秩序感，即使運用“散”的結構，也是經過深思熟慮之後的決定;一個站點通常只使用兩到三種標準色，並注意色彩搭配的和諧;對於分屏的長頁面，不可設計完第一屏再考慮下一屏。同樣，整個網頁內部的頁面，都應統一規劃，統一風格，讓瀏覽者體會到設計者完整的設計思想。

　　三、網頁藝術設計的特點

　　一互動性與持續性

　　網頁不同於傳統媒體之處，就在於資訊的動態更新和即時互動性。這種持續的互動，使網頁藝術設計不像印刷品設計那樣，發表之後就意味著設計的結束。網頁設計人員必須根據網站各個階段的經營目標，配合網站不同時期的經營策略，以及使用者的反饋資訊，經常地對網頁進行調整和修改。

　　二多維性

　　多維性源於超級連結，主要體現在網頁設計中對導航的設計上。由於超級連結的出現，網頁的組織結構更加豐富，瀏覽者可以在各種主題之間自由跳轉，從而打破了以前人們接收資訊的線性方式。

　　三多種媒體的綜合性

　　目前國內網頁已經出現了模擬三維的操作介面，在資料壓縮技術的改進和流Stream技術的推動下，Internet網上出現實時的音訊和視訊服務，典型的有線上音樂、線上廣播、網上電影、網上直播等。因此，多種媒體的綜合運用是網頁藝術設計的特點之一，是未來的發展方向。

　　四版式的不可控性

　　網頁版式設計與傳統印刷版式設計有著極大的差異：

　　1.印刷品設計者可以指定使用的紙張和油墨，而網頁設計者卻不能要求瀏覽者使用什麼樣的電腦或瀏覽器;

　　2.網路正處於不斷髮展之中，不像印刷那樣基本具備了成熟的印刷標準;

　　3.網頁設計過程中有關Web的每一件事都可能隨時發生變化。

　　這些說明，網路應用尚處在發展之中，關於網路應用也很難在各個方面都制訂出統一的標準，這必然導致網頁版式設計的不可控制性。其具體表現為：

　　1網頁頁面會根據當前瀏覽器視窗大小自動格式化輸出;2網頁的瀏覽者可以控制網頁頁面在瀏覽器中的顯示方式;3不同種類、版本的瀏覽器觀察同一個網頁頁面，效果會有所不同。

　　把所有這些問題歸結為一點，即網頁設計者無法控制頁面在使用者端的最終顯示效果，但這也正是網頁設計的吸引人之處。

　　五技術與藝術結合的緊密性

　　網路技術主要表現為客觀因素，藝術創意主要表現為主觀因素，網頁設計者應該積極主動地掌握現有的各種網路技術規律，注重技術和藝術緊密結合，這樣才能窮盡技術之長，實現藝術想象，滿足瀏覽者對網頁資訊的高質量需求。

　　網路技術與藝術創意的緊密結合，使網頁的藝術設計由平面設計擴充套件到立體設計，由純粹的視覺藝術擴充套件到空間視聽藝術，網頁效果不再近似於書籍或報刊雜誌等印刷媒體，而更接近於電影或電視的觀賞效果。技術發展促進了技術與藝術的緊密結合，把瀏覽者帶入一個真正現實中的虛擬世界。

　　所以說，網頁設計表面上看，不過是關於網頁版式編排的技巧與方法，而實際上，它不僅是一種技能，更是藝術與技術的高度統一。將一些平面設計中美的基本形式運用到網頁中去就能使網頁更加富有美感，要想將頁面做的更漂亮，要求設計師有較好的審美方面的素質，同時要有豐富的平面設計的經驗。這樣才能在設計時駕輕就熟。

　　篇三

　　計算機動態網頁設計中多元素應用探討

　　摘 要：在經濟高速發展的今天，科技也發生著日新月異的變化，給網際網路技術的發展帶來了機遇和挑戰。網路技術在人們的生活中起著十分重要的角色，給人們的生活帶來了很多的便利。隨著生活水平的日益提高，人們對網頁設計不僅侷限在獲得高效的資訊上，對於網頁的美感也提出了較高的要求。這就要求設計工程師應該採用多元素的設計手法，提高動態網頁的藝術魅力。

　　關鍵詞：動態網頁設計;3D視覺元素;水墨畫元素;肌理元素

　　中圖分類號：TP393.092 文獻標識碼：A 文章編號：1674-7712 2013 22-0000-01

　　一、動態網頁與水墨畫元素

　　一網頁中的水墨元素。網頁設計既需要創新也需要傳承中國的傳統文化，水墨畫元素在網頁中的應用將現代藝術和傳統藝術很好的結合起來。水墨畫元素藉助繪畫的手法使資訊得以傳播，給網頁設計注入了新的思想。網頁設計中的水墨元素繼承了中國傳統的人文思想，豐富了設計作品的文化，提高了網頁設計的藝術魅力。

　　二水墨元素的動態化。水墨畫是中國傳統文化的瑰寶。新技術和水墨畫的融合，尤其是網頁設計與其的引入給網頁設計師提供了新的思路。計算機網頁設計工程師將水墨作為一種設計符號，結合多種聲音、影象、文字進行一種情趣的設計，將美好的意境展現給大眾。給瀏覽者一種別樣的感受，網頁的動態效果使水墨畫的美感更加具有視覺衝擊力。

　　使用者在瀏覽資訊時會遇到很多等待介面，一個動態的水墨畫介面對於瀏覽量的增加具有十分顯著的效果。傳統的進度條網頁設計手法和水墨畫動態設計手法相比，後者使得使用者感覺瀏覽等待的時間大大減少，這主要是因為水墨畫的動態網頁設計分散了使用者的注意力。水墨畫的動態網頁設計，豐富了網頁的內容，將一種自然美很好地體現給使用者。水墨畫的動態設計使得水墨具有了無限的生命力，增加了網頁的形式，溝通了使用者和設計師，使兩者有了更好的溝通。傳統的網頁設計很難體現一種自然意境，但是水墨畫動態網頁設計卻將自然的藝術魅力展現給大眾。

　　二、動態網頁與肌理元素

　　一肌理元素應用原則：1.網站風格與肌理協調。肌理一般應用在某個網頁的區域性，重點突出強調想要表達的是什麼。任何一個網頁應該具有清爽大氣的特點，將豐富的內容傳達給大眾。肌理的引入，可以更好地吸引大眾的眼光，給使用者很強的視覺衝擊力，進而引導瀏覽者。不同的網頁具有不同的特點，不同的肌理表現出的感覺也不一樣，網頁設計工程師應該根據自己想要表達的風格，然後選擇相應的肌理，表達出想要渲染的效果。2.元素之間的統一與對比。藝術的表達形式之一就是統一與對比，為了增加動態網頁的藝術魅力，應該結合肌理的統一與對比手法，增強動態網頁的表達效果。動態網頁在肌理元素的應用中，應該堅持對比與統一的手法，在對比中堅持統一的原則，在統一中突出重點。一般來說突出肌理，可選用厚重的肌理材質或者顏色，進而達到想要表達的效果。

　　二肌理元素應用特點：1.互交性。網路媒體相對於其它的傳播媒體來說，互交性是其最大的特點，使用者可以通過超連結在自己喜歡的資源內容之間跳轉，選擇自己需要的資訊。網路的互交性滿足了人們更加多樣化、個性化的需求。有些網站讓使用者根據自己的喜好更改網頁的外觀，使用者可以自由選擇色彩、版式、導航條和甚至肌理。如新浪網的部落格新註冊使用者有大方簡潔、圖片展示、心情日記、個性炫酷四類模板可以選擇。不同型別的模板有著不同的色彩、影象和肌理，綜合成多個頁面可供應用。2.肌理的多媒體應用。網頁的最大的優勢是多媒體性，網頁包含著文字、圖形、影象、聲音、動畫等多種媒體綜合展現的特點。肌理和其他元素配合使用，如色調、版式、甚至聲音相配合，使得網頁表現出強烈的藝術感染力，令人印象深刻，也使得資訊得到更為有效的傳播。如ZCOM互動娛樂網站，提供線上雜誌閱讀服務，線上閱讀時在顯示器上模擬雜誌。

　　三、動態網頁與3D元素

　　一網頁介面設計中的三維視覺效果。網頁作為一種新興的綜合媒體藝術形式，使用者的操作多是基於圖形介面的，有著其特定的框架模式結構。WebUIWeb User Interface網頁風格使用者介面設計在網頁資訊傳達中佔有相當重要的地位，通常網頁介面版式設計中的視覺元素包括站點Logo、文字、圖示、圖片、表格、導航條、選單欄、超連結按鈕、動畫和各種互動式元素等。瀏覽者訪問一個網址首先感知的是網頁的整體介面風格，如色彩的搭配、色調的調和、圖形影象的運用等。而一個具有3D立體效果的圖形、圖示或者導航條，憑藉其在光感、質感、層次、體量等方面上的表現優勢，應用在網頁介面設計中自然比一般二維圖形更能體現出精彩的視覺效果，呈現出更強烈的視覺感染力和衝擊力。

　　二應用前景。人們對網際網路的探索和開發是永無止境的。新一代網頁文件語言HTML5是近十年來Web開發標準最巨大的飛躍，它將Web帶入一個成熟的多媒體綜合應用平臺，在HTML5平臺上，視訊、音訊、影象、動畫以及同電腦的互動等都被標準化，還有CSS層疊樣式表規範也升級到CSS3，這些都將為網頁的標準化設計提供更為強大的支援。

　　網頁標準化開發的日趨規範和完善，給Wed3D技術的發展提供了更穩健和廣闊的平臺。儘管Wed3D技術有著很好的發展前景，但仍然會受到網路頻寬、處理器速度及計算機硬體和軟體等多方面要素的制約，同時還存在多種3D檔案格式和渲染引擎，不過這些問題都將隨著技術的逐步規範統一而得到很好的解決。這將意味著不久的將來，我們便能夠直接在網頁中瀏覽到更多更具真實感的3D視覺元素。

　　四、結語

　　動態網頁視覺傳達的基本元素包括水墨畫、肌理和3D元素，這些基本元素受到了廣大計算機動態網頁設計師的高度重視。3D元素突破了原有的二維影象設計思維，增加了三維空間的藝術魅力。肌理元素的應用增加了網頁設計的表現，使動態網頁設計更加精彩。水墨畫元素的應用傳承了中國的傳統藝術，使動態網頁設計具有了中國的民族特色。

　　參考文獻：

　　[1]曹淮，晁丁丁.3D元素在網頁資訊傳達中的應用研究[C].2006年中國機械工程學會年會暨中國工程院機械與運載工程學部首屆年會論文集，2006，11.

　　[2]張芸芸.中國傳統水墨元素在網頁設計中的運用和研究[J].大眾文藝學術版，201103.

有關推薦：