前言:想要寫出一篇引人入勝的文章?我們特意為您整理了計算機網頁設計布局分析范文,希望能給你帶來靈感和參考,敬請閱讀。
【摘要】計算機網頁設計的概念主要包括網頁設計布局的整體造型以及網頁設計布局頁面的尺寸。科學合理的網頁設計布局不但能夠帶給人們美感,并且還能使人們在瀏覽的過程中內心放松。計算機網頁設計中的布局與計算機的發展有著直接的聯系,并且影響網站的瀏覽量。文章分析了計算機最為常見的五種布局形式的特點,讓網頁設計者在生活中能根據實際需要去合理地運用布局形式,使人們在網頁的瀏覽中獲取所需信息的同時還能夠帶來相應的視覺享受。
【關鍵詞】計算機;網頁設計;布局;特點
隨著現代化科技的發展,計算機已經成為人們生活中的重要組成部分,網頁瀏覽的形式已經代替以往書籍瀏覽的形式,也正因為如此網頁的設計與布局尤為重要。科學合理的網頁設計布局不但能夠帶給人們美感,并且還能使人們在瀏覽的過程中內心放松。計算機網頁設計的概念主要包括網頁設計布局的整體造型以及網頁設計布局頁面的尺寸。頁面設計的整體造型指的就是網頁設計中的布局形狀,其中最常見的形狀有三角形、圓形等,也有部分計算機網頁設計采用綜合體的形狀,在頁面的選擇上,大多是根據網站自身的特點來選擇的。計算機網頁設計的尺寸也較為多樣化,在計算機使用過程中,常常由于客觀影響造成屏幕的分辨率以及尺寸的影響,但由于是客觀因素無法改變,在瀏覽器自帶的功能上,對于瀏覽過程中網頁的增大與減小都能夠借助瀏覽器工具欄中的相應功能解決。計算機網頁設計中的布局與計算機的發展有著直接的聯系,并且影響網站的瀏覽量,目前最為常見的布局分為同字型布局、標題正文型布局、綜合框架型布局、封面型布局以及Flash型布局等五種形式。這五種布局形式都能夠最大程度的提高網頁的美感,并且在現代網頁布局中被廣泛運用,以下便是對五種布局類型的詳細分析。
1.同字型布局
同字型布局主要針對網頁布局的內容,這種布局其內的填充范圍較廣、填充的數量也較大。在網頁設計布局中,大多都是在網頁的標題欄進行網站主體的填充,有的是填充廣告,也有少數網頁設計布局中填充的形式是小標題。在頁面的兩側分別布置內容,其中網站的信息與動態或是服務人員以及相應的廣告等,在以往網頁設計布局中這部分并沒有受到重視,因此也是相對具有價值的部分。同字型布局網頁主要都是從中央位置布置,根據網頁內容的重點由上到下布局,或是根據網頁自身的特點以及相應的顏色進行布局,也有部分網頁是根據其中的細節進行布局的。在網頁的下端并不會進行內容的布局,就目前網頁來看下端也只是網頁的信息以及登錄方式等。
2.標題正文型布局
標題正文型布局與同字型布局不同的是標題正文型布局并沒有兩端的布局,其它布局類型相似。在頁面上端的布局中大多都是網頁的標題,其中也有廣告,頁面的中端是網頁的主要內容以及和重點內容,其中中端內容中包含同字型布局兩端布局的內容,例如,在正標題下方是對網站的簡訊,之后便是相應的附加咨詢,最為常見的就是天氣信息以及網站的注冊信息等,在下方便是網站的主要內容也就是正文,在正文的布局上,其結構都是簡單明了的。
3.綜合框架型布局
綜合框架型布局與其它布局相比形式較為復雜,主要采用框架的形式來進行網頁的布局,分別在上端、兩端以及下端,網站的主要內容都是在框架中進行布局的。這種布局形式與其他布局形式相比更具有輪廓性,能夠將其它布局中的內容類型充分地體現出來。
4.封面型布局
封面類型布局便是字面上的意思,按照書本頁面的形式進行布局,在封面型布局中大多采用的是圖片,其中圖片篇幅較大。一般在不同種類網站的主頁上大多采用封面型布局,在布局的周圍相應的分布著較小以及較為簡單的信息,此種信息所采用的形式都是超鏈接的形式,例如,最為常見的QQ空間,其主頁便采用封面型布局的形式,采用此種布局的主要目的就是能夠凸顯網頁自身的特點,能夠吸引使用者的目光的同時,對其功能更加一目了然方便操作。
5.Flash型布局
Flash型布局與頁面布局較為相似,Flash型布局與頁面型布局唯一不同的便是在頁面的布局過程中采用更多的Flash,其中包含聲音以及動畫的形式,因此與封面型布局相比在聲音上更能給人們帶來聽覺上的享受,除了聽覺上的享受外在視覺上Flash型布局也能夠給人們帶來相應的震撼效果。例如,在現代最為常見的游戲頁面上,采用的都是Flash型布局,尤其是在登錄的界面或是在進入游戲過程中的等待界面,在現代科技的發展中,也有少數網頁在主頁布局的過程中采用Flash型布局,以此提高網頁的瀏覽量。總而言之,計算機時代已經到來,網頁設計布局已經成為重要的發展趨勢,網頁設計布局并沒有固定的格式,做一種形式設計的過程中主要根據個人的審美,因此想要在網頁的設計布局中增添其美感,首先就要對美有更深刻的了解,合理的運用到網頁的布局中,使人們在網頁的瀏覽中獲取所需信息的同時還能夠帶來相應的視覺享受。
作者:童芷玲 單位:江蘇省海安縣雙樓中等專業學校