計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)布局探討

　　作為網(wǎng)站構(gòu)成的基本要素,網(wǎng)頁布局在很大程度上影響著網(wǎng)頁的瀏覽量,當(dāng)然也會(huì)影響整個(gè)網(wǎng)站的運(yùn)營(yíng)情況。隨著計(jì)算機(jī)以及互聯(lián)網(wǎng)在人們生活中的普及,網(wǎng)頁布局也更加關(guān)注色彩、圖像、圖標(biāo)以及文字等方面的搭配問題,充分利用網(wǎng)頁空間,科學(xué)地進(jìn)行布局,才能夠制作出更加精美的網(wǎng)頁,用戶在瀏覽網(wǎng)頁的時(shí)候,才會(huì)擁有更好的體驗(yàn)。

　　1、網(wǎng)頁設(shè)計(jì)中布局的相關(guān)概念

　　1.1頁面尺寸

　　頁面尺寸的大小主要由顯示器的分辨率和屏幕的大小決定,顯示器范圍的局限性對(duì)于網(wǎng)頁設(shè)計(jì)來說是頁面最大的阻礙。不同品牌的顯示器,再制造過程中所使用的技術(shù)都不一樣,不同的研發(fā)團(tuán)隊(duì)對(duì)于不同的顯示器設(shè)計(jì)都存在差異,也正是這些在顯示器設(shè)計(jì)方面的局限性,使得人們只能根據(jù)現(xiàn)有的分辨率不是很好的顯示器來進(jìn)行網(wǎng)頁設(shè)計(jì),這也造成了頁面尺寸大打折扣的不良局面,所以,一臺(tái)具有超高分辨率的顯示器是設(shè)計(jì)出一個(gè)完美頁面的前提。

　　1.2整體造型

　　對(duì)實(shí)體物品進(jìn)行構(gòu)思,然后運(yùn)用電腦技術(shù)在屏幕上搭建出簡(jiǎn)單的物體形象,這是將物體從實(shí)物轉(zhuǎn)化成圖像的一種形式。在設(shè)計(jì)圖像的過程中,人們可以根據(jù)要求或者自己的想法,將圖形進(jìn)行變形,從棱角分明的方形變成通體圓潤(rùn)的圓形、橢圓形,或者將沒有層次的單一造型轉(zhuǎn)變成圖形同文字相結(jié)合的形式,用不同的層次感進(jìn)行設(shè)計(jì)。

　　1.3頁頭

　　所謂頁頭,就是設(shè)計(jì)軟件中的頁眉選項(xiàng),它的作用有很多,但主要是被用作定義頁面的主題,人們可以很直觀地從頁眉中找到自己想要的信息,也可以通過頁眉來理解作者想要表達(dá)的意思。在一個(gè)頁眉中可以顯示出多個(gè)人名,這也大大方便了瀏覽者尋找關(guān)鍵信息,減少了在頁面上盲目尋找的麻煩。

　　1.4文本

　　在信息日益增多的現(xiàn)代化社會(huì),為了方便不同人士不同行業(yè)的辦公以及工作任務(wù)的分配,文本被眾多人所應(yīng)用,從中國人傳統(tǒng)的教育理念著手,用文本來代替沉重的書籍,符合了人們隨走隨記得特點(diǎn),方便人們?cè)诓煌�環(huán)境進(jìn)行閱讀。文本由于是文字在書籍方面的代替工具,因?yàn)樗�被設(shè)計(jì)出來后所需要的存儲(chǔ)空間非常小等特點(diǎn),越來越受到不同年齡人群的喜愛,用很少的空間就可以存儲(chǔ)大量想要瀏覽的信息,方便快捷。文本的設(shè)計(jì)起初存放位置受到限制,但隨著電腦技術(shù)的發(fā)展,文本已經(jīng)可以隨意地放在頁面的任何位置。

　　1.5頁腳

　　首先有了放置站點(diǎn)主題的頁眉,也就衍生出了可以修改和存儲(chǔ)文章作者或者不同公司文本信息的頁腳位置。頁眉和頁腳都是一個(gè)好的設(shè)計(jì)中不可缺少的部分。

　　1.6圖片

　　簡(jiǎn)單而單純的文字已經(jīng)很難讓現(xiàn)在的年輕人提起興趣,為了方便和吸引現(xiàn)代人去閱讀,各個(gè)大型的網(wǎng)頁中都會(huì)配上符合新聞信息的圖片,不同類型的圖片給瀏覽者以視覺上的沖擊,也可以借助圖片更好地表達(dá)文字中的含義,增強(qiáng)瀏覽者在讀取時(shí)的美感。

　　1.7多媒體

　　時(shí)間的推移促使了各種新型媒體的出現(xiàn),人們通過聲音圖像等手段將信息更真實(shí)地表現(xiàn)出來,人們通過單純觀賞就可以獲取大量信息,十分方便。多媒體手段可以更具體地提煉出一件事情的重點(diǎn),從簡(jiǎn)單的文字發(fā)展到真人形式進(jìn)行信息的傳播,這使得網(wǎng)站從單純的被觀看變成了“去講述”,給瀏覽者繪聲繪色,真情實(shí)感的享受。

　　2、常見的網(wǎng)頁設(shè)計(jì)布局及其特點(diǎn)

　　2.1“同”字型

　　人們對(duì)信息的需求量日益增大,簡(jiǎn)短的介紹已經(jīng)無法充實(shí)越來越多的瀏覽者的思想,所以“同”字型的網(wǎng)頁布局應(yīng)運(yùn)而生,在這里收納了不同行業(yè)不同方面的大量信息,而為了方便在眾多的信息中方便瀏覽者尋找自己需要的信息,這類網(wǎng)頁上方也會(huì)設(shè)置分類的標(biāo)題欄,其中既涵蓋了自己本網(wǎng)站的主題設(shè)計(jì),也有不同商家投資宣傳的廣告標(biāo)語,而且為了進(jìn)一步強(qiáng)調(diào)也會(huì)在下面輔助上小標(biāo)題。人們習(xí)慣于瀏覽一個(gè)頁面的中間位置,這也使得一個(gè)頁面的兩側(cè)被人們所忽略,作為僅有的宣傳信息的頁面,網(wǎng)站設(shè)計(jì)人員自然不會(huì)放過這些邊邊角角的位置,這里多會(huì)被填充上一些不是很重要的廣告或者站內(nèi)的服務(wù)人員,多數(shù)為了吸引人還會(huì)以滾動(dòng)、閃動(dòng)的形式出現(xiàn),當(dāng)然,這些不重要的彈框是可以被關(guān)閉的。

　　2.2標(biāo)題正文型

　　和“同”字型的頁面布局不同,在這里都是簡(jiǎn)單清晰的中央分布類型,去除了繁多動(dòng)態(tài)的兩邊彈框信息,在其他方面卻沒有什么不一樣。這種頁面布局方式,將重要的事件和一些實(shí)時(shí)動(dòng)態(tài)類信息放在中上的醒目位置,將一些瀏覽項(xiàng)目的分類放到中間位置,而在底部不會(huì)安排什么重要信息,有的也只是填充了一些設(shè)計(jì)者、設(shè)計(jì)事件等信息,而在一個(gè)頁面的頂端多會(huì)附有實(shí)時(shí)天氣,滾動(dòng)的實(shí)時(shí)動(dòng)態(tài)標(biāo)題等。

　　2.3綜合框架型

　　講述起來這種類型的設(shè)計(jì)無非就是給人以更多“規(guī)矩”的感覺,在內(nèi)容方面也是將不同重點(diǎn)進(jìn)行相應(yīng)的排列,不同的上下位置分布相應(yīng)的信息,唯一有區(qū)別的就是在設(shè)計(jì)頁面時(shí)將原有的白紙式頁面增添了邊框而已。

　　2.4封面型

　　從標(biāo)題里就可以看出,這種設(shè)計(jì)類型就像是大家的課本頁面一樣,主要的信息很少,多數(shù)需要了解的信息都會(huì)以超鏈接的形式出現(xiàn),中間配上動(dòng)態(tài)圖片或者變換顏色的文字,這種類型的設(shè)計(jì)多用于表現(xiàn)鮮明的個(gè)人特色,目的也僅僅是單純地吸引瀏覽者的眼球。

　　3、簡(jiǎn)述

　　如何進(jìn)行網(wǎng)頁設(shè)計(jì)的布局在設(shè)計(jì)一個(gè)頁面之前,要對(duì)自己想要表達(dá)的想法進(jìn)行規(guī)劃,如何分布整個(gè)頁面,怎樣體現(xiàn)不同文字的價(jià)值才能吸引更多的瀏覽者去關(guān)注自己的頁面,這都是需要提前構(gòu)思好的。在內(nèi)容方面,不能僅僅是單純的文字或者簡(jiǎn)單的插入圖片,要有重點(diǎn)分條分框地布局整個(gè)頁面,時(shí)而緊湊時(shí)而稀疏,讓瀏覽者可以感受到能在這里獲得更多有趣的信息,不應(yīng)該給人一種千篇一律的感覺。紅花要有綠葉配,適當(dāng)?shù)脑陉P(guān)鍵位置添加“葉子”是增添頁面可觀性的一個(gè)好的思路。將美學(xué)運(yùn)用到頁面的設(shè)計(jì)中去,用靈活的布局增添美感,可以給瀏覽者以視覺上“饕餮盛宴”的更好感覺。

　　4、結(jié)語

　　隨著物聯(lián)網(wǎng)時(shí)代的到來,人們對(duì)網(wǎng)頁外觀、內(nèi)容、實(shí)用性等方面的要求更多,為了能夠滿足人們的需求,為人們提供更加完善的服務(wù),設(shè)計(jì)人員必須要掌握網(wǎng)頁設(shè)計(jì)的相關(guān)概念,并且能夠通過合理的運(yùn)用設(shè)計(jì)方法,達(dá)到優(yōu)化網(wǎng)頁質(zhì)量與視覺效果的目的,該文對(duì)此進(jìn)行了3個(gè)方面的分析,希望能夠?yàn)橄嚓P(guān)的設(shè)計(jì)人員提供一些建議和參考。