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

《網(wǎng)頁布局優(yōu)化論文 網(wǎng)頁設(shè)計(jì)論文》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在學(xué)術(shù)論文-天天文庫。

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

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

3、越低。如何實(shí)現(xiàn)提高信息的瀏覽率？就需要對網(wǎng)頁頁面布局優(yōu)化，在這里介紹一種“Web設(shè)計(jì)的黃金分割”?！　∈褂命S金分割是非常簡單的。例如找到上圖中主要內(nèi)容和sidebar列表的寬度900px。使用內(nèi)容區(qū)域總的寬度除以1.62，然后得到555.55px。不需要很精確，就用555px?，F(xiàn)在就能知道主要內(nèi)容元素是555px的寬度，sidebar是345px。也可以使用黃金分割到其他元素的寬度和高度。如果不想使用計(jì)算器來計(jì)算這個(gè)黃金比率。那么最簡單的方法就是用grid。只需要把寬度或是高度分成三份?！　【W(wǎng)頁頁面布局需要注意以下幾個(gè)方面：①實(shí)用性。一般網(wǎng)頁中不

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

5、網(wǎng)站的主要內(nèi)容，而且設(shè)計(jì)上也要求新穎精美。由于首頁中欄目多，內(nèi)容豐富，設(shè)計(jì)要考慮到整體搭配的原則，先將欄目整合在一起，再將圖片、文字編輯搭配，采用圖形與色彩相結(jié)合的方式使文字、圖形搭配和諧，頁面富有吸引力?！　〕酥馐醉撛O(shè)計(jì)還應(yīng)考慮以下幾方面問題：①從內(nèi)容與形式上考慮。既要注意從首頁的內(nèi)容與形式整體出發(fā)，又要設(shè)置好各個(gè)欄目的位置，使頁面分割合理、主次分明、一目了然。②從頁面構(gòu)圖藝術(shù)考慮。如果一個(gè)網(wǎng)站的首頁內(nèi)容過于擁擠，就會掩蓋其他重要信息，也會因條理混亂而不易查找。設(shè)計(jì)網(wǎng)站的首頁要運(yùn)用國畫中“計(jì)白當(dāng)黑”的布局原理，把空白與著墨作為網(wǎng)頁整體的組成

6、部分，使整個(gè)頁面給人以條理清晰、醒目、高雅的感覺。③從首頁與其他頁面之間的聯(lián)系考慮。首頁和其他頁面之間的秩序與內(nèi)容要做到整體布局的合理性，上下關(guān)系的銜接性，要在首頁上設(shè)置頁面向前和向后的瀏覽按鈕，方便瀏覽者在首頁和其他頁面之間切換瀏覽?！　?.4網(wǎng)頁色彩的搭配　　網(wǎng)頁的色彩，是訪問者登錄頁面時(shí)的第一印象，好的頁面色彩能給人留下深刻的印象，并且產(chǎn)生很好的視覺效果和營造網(wǎng)站整體氛圍的作用。很多優(yōu)秀網(wǎng)站以其成功的色彩搭配令人過目不忘，因此色彩的搭配在網(wǎng)頁制作中起著非常關(guān)鍵的作用?！　樘岣呔W(wǎng)頁的瀏覽速度，網(wǎng)頁色彩搭配要謹(jǐn)記以下幾點(diǎn)：在整個(gè)網(wǎng)頁中不要將所

7、有顏色都用到，色彩使用不超過三種；背景和內(nèi)容的對比要強(qiáng)烈，以便突出主要文字內(nèi)容；不要使用紋路復(fù)雜、奇形怪狀的圖案作背景。　　2網(wǎng)頁完善優(yōu)化　　主要是將布局再次精細(xì)化、具體化，根據(jù)信息內(nèi)容增加或減少進(jìn)行調(diào)整修改。例如字體、顏色、圖片等擺放位置、大小的調(diào)整，動態(tài)與靜態(tài)的搭配，進(jìn)一步對網(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ì)。還要注意布局對頁面加載速度的影響，要根據(jù)需求選擇合適的布局樣式，合理地設(shè)置?！　?/p>

8、考文獻(xiàn)：　　[1]周陟.網(wǎng)頁設(shè)計(jì)解析[M].北京：清華大學(xué)出版社，2009.　　[2]焦坤，如何改善網(wǎng)頁布局以提高檢索效率[J]，現(xiàn)代情