談計算機網頁設計中的布局

袁琳

摘 要：在當今社會，計算機是人類生活與生產中必備的工具，人們每天對網頁的瀏覽量，已經遠遠高于書籍，在這樣的背景下，優化網頁設計顯得更加重要，合理進行網頁布局，能夠提升網頁的美感以及視覺效果，使人們獲得更好的視覺享受。該文首先對計算機網頁設計布局的相關概念進行了分析，繼而研究了如何進行計算機網頁設計布局，希望能夠為相關設計人員提供一些建議和參考。

關鍵詞：計算機 網頁設計 布局

中圖分類號：TP393 文獻標識碼：A 文章編號：1672-3791（2016）06（c）-0011-02

作為網站構成的基本要素，網頁布局在很大程度上影響著網頁的瀏覽量，當然也會影響整個網站的運營情況。隨著計算機以及互聯網在人們生活中的普及，網頁布局也更加關注色彩、圖像、圖標以及文字等方面的搭配問題，充分利用網頁空間，科學地進行布局，才能夠制作出更加精美的網頁，用戶在瀏覽網頁的時候，才會擁有更好的體驗。

1 網頁設計中布局的相關概念

1.1 頁面尺寸

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

1.2 整體造型

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

1.3 頁頭

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

1.4 文本

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

1.5 頁腳

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

1.6 圖片

簡單而單純的文字已經很難讓現在的年輕人提起興趣，為了方便和吸引現代人去閱讀，各個大型的網頁中都會配上符合新聞信息的圖片，不同類型的圖片給瀏覽者以視覺上的沖擊，也可以借助圖片更好地表達文字中的含義，增強瀏覽者在讀取時的美感。

1.7 多媒體

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

2 常見的網頁設計布局及其特點

2.1 “同”字型

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

2.2 標題正文型

和“同”字型的頁面布局不同，在這里都是簡單清晰的中央分布類型，去除了繁多動態的兩邊彈框信息，在其他方面卻沒有什么不一樣。這種頁面布局方式，將重要的事件和一些實時動態類信息放在中上的醒目位置，將一些瀏覽項目的分類放到中間位置，而在底部不會安排什么重要信息，有的也只是填充了一些設計者、設計事件等信息，而在一個頁面的頂端多會附有實時天氣，滾動的實時動態標題等。

2.3 綜合框架型

講述起來這種類型的設計無非就是給人以更多“規矩”的感覺，在內容方面也是將不同重點進行相應的排列，不同的上下位置分布相應的信息，唯一有區別的就是在設計頁面時將原有的白紙式頁面增添了邊框而已。

2.4 封面型

從標題里就可以看出，這種設計類型就像是大家的課本頁面一樣，主要的信息很少，多數需要了解的信息都會以超鏈接的形式出現，中間配上動態圖片或者變換顏色的文字，這種類型的設計多用于表現鮮明的個人特色，目的也僅僅是單純地吸引瀏覽者的眼球。

3 簡述如何進行網頁設計的布局

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

4 結語

隨著物聯網時代的到來，人們對網頁外觀、內容、實用性等方面的要求更多，為了能夠滿足人們的需求，為人們提供更加完善的服務，設計人員必須要掌握網頁設計的相關概念，并且能夠通過合理的運用設計方法，達到優化網頁質量與視覺效果的目的，該文對此進行了3個方面的分析，希望能夠為相關的設計人員提供一些建議和參考。

參考文獻

[1] 余志國，徐雨竹.農田水利工程灌溉規劃設計芻議[J].水利技術監督，2015（5）：84-86.

[2] 翟衛錦.農田水利工程灌溉規劃設計的探究[J].企業科技與發展，2015（14）：67-68.

[3] 李園園，李勇.高職院校移動學習APP客戶端的研究與設計[J].軟件導刊（教育技術），2014（7）：80-82.

[4] 王麗.移動應用軟件測試探索[J].計算機系統應用，2013（1）：1-4.