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

《網(wǎng)頁布局優(yōu)化論文 網(wǎng)頁設(shè)計(jì)論文》由會(huì)員分享，可在線閱讀，更多相關(guān)《網(wǎng)頁布局優(yōu)化論文 網(wǎng)頁設(shè)計(jì)論文（5頁珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

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

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

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

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

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

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

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