網(wǎng)頁布局優(yōu)化論文 網(wǎng)頁設計論文

《網(wǎng)頁布局優(yōu)化論文 網(wǎng)頁設計論文》由會員分享，可在線閱讀，更多相關《網(wǎng)頁布局優(yōu)化論文 網(wǎng)頁設計論文（5頁珍藏版）》請在裝配圖網(wǎng)上搜索。

1、 網(wǎng)頁布局優(yōu)化論文網(wǎng)頁設計論文 淺談網(wǎng)頁布局優(yōu)化 　　摘要：隨著計算機網(wǎng)絡的發(fā)展，互聯(lián)網(wǎng)技術是當今社會工作、生活中必不可少的一部分。網(wǎng)站是互聯(lián)網(wǎng)技術的產(chǎn)物，為人們所熟知。而網(wǎng)頁設計的優(yōu)劣又直接關系到網(wǎng)站瀏覽的使用效率。如果一個網(wǎng)頁內(nèi)容、圖片繁多，布局混亂，必定會影響瀏覽速度，常此以往得不到解決，就會影響網(wǎng)站瀏覽的使用效率。若要解覺此問題就必須進行網(wǎng)頁布局優(yōu)化。因此本文提出一些對網(wǎng)頁布局優(yōu)化的見解。 　　關鍵詞：頁面布局 優(yōu)化 布局類型 　　 　　0 引言 　　現(xiàn)在計算機網(wǎng)絡的應用，使網(wǎng)頁設計越來越受到重視。網(wǎng)頁——評價一個網(wǎng)站好與壞的重要指標。網(wǎng)頁布局設計是網(wǎng)頁的核心所在，所以說

2、要做好一個網(wǎng)站就必須進行網(wǎng)頁布局優(yōu)化。 　　1 網(wǎng)頁布局 　　1.1 常見的網(wǎng)頁布局類型 　　以上是幾種常用的網(wǎng)頁布局類型，但是在現(xiàn)實的應用中都會有一定的變化的。因此網(wǎng)頁的布局形式是多種多樣的，在了解這些布局的一些優(yōu)缺點之后，結合一些具有美感的因素,就能設計出非常滿意的網(wǎng)頁。 　　1.2 網(wǎng)站頁面布局設計 　　網(wǎng)頁布局設計要以最舒適的瀏覽方式，將文字、圖片、色彩等，按照構圖的對稱、均衡、色彩和黃金分割比例等原則，進行統(tǒng)一和規(guī)范組合，達到較好的效果。對于信息量很大的網(wǎng)頁，通常會增加頁面的高度來實現(xiàn)。但網(wǎng)頁頁面的高度不能無限制地增加，越靠下的信息瀏覽率越低。如何實現(xiàn)提高信息的瀏覽率？就需

3、要對網(wǎng)頁頁面布局優(yōu)化，在這里介紹一種“Web設計的黃金分割”。 　　使用黃金分割是非常簡單的。例如找到上圖中主要內(nèi)容和sidebar列表的寬度900px。使用內(nèi)容區(qū)域總的寬度除以1.62，然后得到555.55px。不需要很精確，就用555px?，F(xiàn)在就能知道主要內(nèi)容元素是555px的寬度，sidebar是345px。也可以使用黃金分割到其他元素的寬度和高度。如果不想使用計算器來計算這個黃金比率。那么最簡單的方法就是用grid。只需要把寬度或是高度分成三份。 　　網(wǎng)頁頁面布局需要注意以下幾個方面：①實用性。一般網(wǎng)頁中不僅是絢麗多彩的圖片，更多的是信息內(nèi)容，圖片只是起到點綴和襯托的作用，不應過多

4、，容易造成喧賓奪主的感覺。②色彩均衡性。一個好的網(wǎng)頁布局不僅表現(xiàn)在文字、圖像等要素的空間占用上分布均勻，而且還有色彩的均衡性，要通過色彩的對比、對稱給人一種協(xié)調感。③加快網(wǎng)頁的瀏覽速度。由于網(wǎng)頁信息量的增大，單個網(wǎng)頁的瀏覽時間加長，一旦超過十至十五秒用戶就會失去耐心，因此提高瀏覽速度要盡可能減小使用的數(shù)據(jù)量，少用較大的圖片、flash動畫等。④可擴展性。在后期制作過程中，能任意增加或減少欄目而不影響頁面布局。 　　1.3網(wǎng)站首頁設計 　　網(wǎng)站首頁是一個網(wǎng)站的“門面”，包含整個網(wǎng)站的主要內(nèi)容，而且設計上也要求新穎精美。由于首頁中欄目多，內(nèi)容豐富，設計要考慮到整體搭配的原則，先將欄目整合在一起

5、，再將圖片、文字編輯搭配，采用圖形與色彩相結合的方式使文字、圖形搭配和諧，頁面富有吸引力。 　　除此之外首頁設計還應考慮以下幾方面問題：①從內(nèi)容與形式上考慮。既要注意從首頁的內(nèi)容與形式整體出發(fā)，又要設置好各個欄目的位置，使頁面分割合理、主次分明、一目了然。②從頁面構圖藝術考慮。如果一個網(wǎng)站的首頁內(nèi)容過于擁擠，就會掩蓋其他重要信息，也會因條理混亂而不易查找。設計網(wǎng)站的首頁要運用國畫中“計白當黑”的布局原理，把空白與著墨作為網(wǎng)頁整體的組成部分，使整個頁面給人以條理清晰、醒目、高雅的感覺。③從首頁與其他頁面之間的聯(lián)系考慮。首頁和其他頁面之間的秩序與內(nèi)容要做到整體布局的合理性，上下關系的銜接性，要在

6、首頁上設置頁面向前和向后的瀏覽按鈕，方便瀏覽者在首頁和其他頁面之間切換瀏覽。 　　1.4 網(wǎng)頁色彩的搭配 　　網(wǎng)頁的色彩，是訪問者登錄頁面時的第一印象，好的頁面色彩能給人留下深刻的印象，并且產(chǎn)生很好的視覺效果和營造網(wǎng)站整體氛圍的作用。很多優(yōu)秀網(wǎng)站以其成功的色彩搭配令人過目不忘，因此色彩的搭配在網(wǎng)頁制作中起著非常關鍵的作用。 　　為提高網(wǎng)頁的瀏覽速度，網(wǎng)頁色彩搭配要謹記以下幾點：在整個網(wǎng)頁中不要將所有顏色都用到，色彩使用不超過三種；背景和內(nèi)容的對比要強烈，以便突出主要文字內(nèi)容；不要使用紋路復雜、奇形怪狀的圖案作背景。 　　2 網(wǎng)頁完善優(yōu)化 　　主要是將布局再次精細化、具體化，根據(jù)信息內(nèi)

7、容增加或減少進行調整修改。例如字體、顏色、圖片等擺放位置、大小的調整，動態(tài)與靜態(tài)的搭配，進一步對網(wǎng)頁布局進行優(yōu)化設計，使網(wǎng)頁更加完美的展現(xiàn)。 　　3 結束語 　　綜上所述，網(wǎng)頁布局設計時，要進行布局設計、色彩搭配、完善優(yōu)化三個步驟，這么看來網(wǎng)頁的布局要達到一種和諧的狀態(tài)才能是成功的網(wǎng)頁設計。還要注意布局對頁面加載速度的影響，要根據(jù)需求選擇合適的布局樣式，合理地設置。 　　參考文獻： 　　[1]周陟.網(wǎng)頁設計解析[M].北京：清華大學出版社，2009. 　　[2]焦坤，如何改善網(wǎng)頁布局以提高檢索效率[J]，現(xiàn)代情報，2008年. 　　[3]潘基凱，江泓.大視覺創(chuàng)意寶典—網(wǎng)頁設計[M].南京:江蘇美術出版社，2008. 　　[4]王麗莉.網(wǎng)絡界面的色彩設計原則[J].網(wǎng)絡與信息，2010(6):32.