淺談網頁的設計與制作技巧

李陽陽

摘要：文章對網頁設計的總體要求與常用工具進行了介紹，并總結了網頁在設計過程中需要注意的問題。

關鍵詞：網頁設計制作

1、前言

網頁就是包含了文字、圖片、動畫、聲音等內容的一個文件，可以在網上傳輸的界面。它可以用來共享信息、宣傳自己、服務用戶等，且隨著計算機互聯網絡的發展，已經成為人們瀏覽信息不可或缺的媒質之一。而這種優質的傳媒作用是否能夠取得預期的效果往往取決于網頁的設計與制作是否精良。

2、網頁的設計

網頁設計，是一種建立在新型媒體之上的新型設計。是在平面設計的基礎上，適應網絡傳播與網頁瀏覽的需求，所從事的視覺傳達工作。它具有藝術與技術高度結合的特點。網頁設計是網站的視覺內容部分，它是瀏覽者進入站點內第一時間接收到的視覺信息。它可以給瀏覽者一個概念，一種印象，這種印象有時候是致命的。一個可用性強的、獨特創新的網頁設計是網站長期發展的必要條件之一。

一個成功的網頁設計，首先在觀念上要確立活躍的思維方式，其次，要有效地將圖形引入網頁設計之中，增加人們瀏覽網頁的興趣，在崇尚鮮明個性風格的今天，網頁設計應增加個性化因素。

3、網頁設計與制作的技巧

3.1 設計前要有籌劃

設計主頁也許并不是很困難，但這一工作與編制傳統的宣傳品一樣，都需要我們謹慎處理和籌劃。換言之，我們必須首先確定自己需要傳達的主要信息，然后細意斟酌、把所有意念合情合理地組織起來；之后是設計一個頁面式樣，試用于有代表性的用戶，接著重復修訂，務求盡善盡美。

3.2 選擇內容要有新鮮感

萬維網上不斷有新事物出現、每天都有新花樣。如果主頁從不改變，用戶很快會厭倦。因此網頁內容的選擇要不落俗套，要重點突出一個“新”字，這個原則要求在設計網站內容時不能照抄別人的內容，要結合自身的實際情況創作出一個獨一無二的網站。

3.3 內容相對實用性大

一個網頁盡管設計得趣味盎然，引人入勝，但這不是吸引用戶最好的理由，要想最大限度地留住用戶首要的是要讓它有用處。這樣做的一個很簡單的辦法是提供相互參與--讓讀者做一些事情，如報名獲取定期發送的通訊，并用某種方式報答他們的參與，如每周抽獎或給予下載一些東西的機會。

3.4 網頁命名要簡潔

由于一個網站不可能就是由一個網頁組成，它有許多子頁面，為了能使這些頁面有效地被連接起來，用戶最后能給這些頁面起一些有代表性的而且簡潔易記的網頁名稱。這樣既會有助于以后方便管理網頁，在向搜索引擎提交網頁時更容易被別人索引到。在給網頁命名時，最好使用自己常用的或符合頁面內容的小寫英文字母，這直接關系到頁面上的連接。

3.5 確保頁面的導覽性好

主頁的其中一個很重要的功能就是作為導航工具，指引用戶查閱你存儲在網址或其他地點的信息。因此在設計主頁時，應盡量使導覽過程變得很輕松。基于清晰明確和速度的考慮，主頁上的超級聯接內容應只限于幾個高級的類別，例如公司、產品、服務等等。

一般一個A4頁面大小的網頁用6-8個超級聯接比較合適。此外，還要保證超級聯接的層數不能太多，超過４層以上的聯接信息將會使人感到厭煩。因此，必須在廣度和深度之間求取平衡。如果網址上有太多信息，可能要制作較長的頁面或使用更多聯接層數，甚至可能要建立多個主頁、使每個主頁載有不同的信息。如果能夠讓用戶在主頁上以關鍵字或詞語查找所需的信息，肯定受用戶歡迎。

3.6 合理設計視覺效果

不必在以頁面上填滿圖像來增加視覺趣味。盡量使用彩色圓點--它們較小并能為列表項增加色彩活力(并能用于彩色列表)。彩色分隔條也能在不擾亂帶寬的情況下增強圖形感。另外網頁設計好后，一定要在不同類型的瀏覽器和不同分辨率的情況下測試主頁，例如，許多瀏覽器使用640×480的分辨率，盡管在800×600高分辨率下一些Web頁面看上去很具吸引力，但在640×480的模式下可能會黯然失色。作一點小小的努力，設計一個在不同分辨率和不同類型的瀏覽器下都能正常顯示的網頁。

3.7 排版時要注意細節

在排版時，注意不要輕易讓文字居中和使用粗體或斜體字符。除了視感混亂之外，很多流覽器不能很好地顯示斜體字，也不能補償由于字母傾斜引起的空白變化。利用短的段落，加點列示，適當的整塊引用文字，用水平線分節，用影象地圖指引主要連接，使你的頁面能吸引人和容易閱讀。另外還需要注意的是，不要把重要的內容排版放到網頁的結尾，因為讀者的視線可能停留在主頁上面較多一點，或者有些讀者沒有耐心往下看那么遠。

3.8 面長度要適中

當一個頁面很長時就應該要注意了，因為它的傳輸時間明顯要比較短的頁面的傳輸時間長，太長的頁面傳輸會使訪問者在等待中失去耐心。而且為了閱讀這些長文本，訪問者不得不使用卷滾條，從而也浪費了用戶在網上沖浪的時間。如果有大量的基于文本的文檔，應當以AdobeAcrobat格式的文件形式來放置，以便訪問者能離線閱讀，從而節省寶貴的時間。

參考文獻

[1]徐亞先.《試論網頁制作》.情報科學,2001.

[2]周琦.《關于網頁設計與制作技術的探討》.電腦知識與技術,2009.

[3]郝錄,詹秦川.《試析數字化背景下網頁設計中版式設計的發展運用》.電影評介,2010.

[4]黃海燕,張輝.《網頁設計與平面設計》.包裝工程,2004.

[5]嚴晨,楊智坤.《網頁設計中的功能性與藝術性關系研究》.科技與出版,2011.

[6]楊永斌.《網頁設計的認知因素》.重慶工學院學報(自然科學版),2008.

[7]王巍.《圖形藝術在網頁設計中的應用》.電影評介,2007.

[8]李健.網頁設計的色彩調配和應用[期刊論文]《安慶師范學院學報（自然科學版）》,2010.