袁琳

摘 要：在當(dāng)今社會(huì)，計(jì)算機(jī)是人類生活與生產(chǎn)中必備的工具，人們每天對(duì)網(wǎng)頁(yè)的瀏覽量，已經(jīng)遠(yuǎn)遠(yuǎn)高于書(shū)籍，在這樣的背景下，優(yōu)化網(wǎng)頁(yè)設(shè)計(jì)顯得更加重要，合理進(jìn)行網(wǎng)頁(yè)布局，能夠提升網(wǎng)頁(yè)的美感以及視覺(jué)效果，使人們獲得更好的視覺(jué)享受。該文首先對(duì)計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)布局的相關(guān)概念進(jìn)行了分析，繼而研究了如何進(jìn)行計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)布局，希望能夠?yàn)橄嚓P(guān)設(shè)計(jì)人員提供一些建議和參考。

關(guān)鍵詞：計(jì)算機(jī) 網(wǎng)頁(yè)設(shè)計(jì) 布局

中圖分類號(hào)：TP393 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1672-3791（2016）06（c）-0011-02

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

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

1.1 頁(yè)面尺寸

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

1.2 整體造型

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

1.3 頁(yè)頭

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

1.4 文本

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

1.5 頁(yè)腳

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

1.6 圖片

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

1.7 多媒體

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

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

2.1 “同”字型

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

2.2 標(biāo)題正文型

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

2.3 綜合框架型

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

2.4 封面型

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

3 簡(jiǎn)述如何進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)的布局

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

4 結(jié)語(yǔ)

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

參考文獻(xiàn)

[1] 余志國(guó)，徐雨竹.農(nóng)田水利工程灌溉規(guī)劃設(shè)計(jì)芻議[J].水利技術(shù)監(jiān)督，2015（5）：84-86.

[2] 翟衛(wèi)錦.農(nóng)田水利工程灌溉規(guī)劃設(shè)計(jì)的探究[J].企業(yè)科技與發(fā)展，2015（14）：67-68.

[3] 李園園，李勇.高職院校移動(dòng)學(xué)習(xí)APP客戶端的研究與設(shè)計(jì)[J].軟件導(dǎo)刊（教育技術(shù)），2014（7）：80-82.

[4] 王麗.移動(dòng)應(yīng)用軟件測(cè)試探索[J].計(jì)算機(jī)系統(tǒng)應(yīng)用，2013（1）：1-4.