淺談網(wǎng)頁的設計與制作技巧

李陽陽

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

關鍵詞：網(wǎng)頁設計制作

1、前言

網(wǎng)頁就是包含了文字、圖片、動畫、聲音等內(nèi)容的一個文件，可以在網(wǎng)上傳輸?shù)慕缑?。它可以用來共享信息、宣傳自己、服務用戶等，且隨著計算機互聯(lián)網(wǎng)絡的發(fā)展，已經(jīng)成為人們?yōu)g覽信息不可或缺的媒質(zhì)之一。而這種優(yōu)質(zhì)的傳媒作用是否能夠取得預期的效果往往取決于網(wǎng)頁的設計與制作是否精良。

2、網(wǎng)頁的設計

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

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

3、網(wǎng)頁設計與制作的技巧

3.1 設計前要有籌劃

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

3.2 選擇內(nèi)容要有新鮮感

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

3.3 內(nèi)容相對實用性大

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

3.4 網(wǎng)頁命名要簡潔

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

3.5 確保頁面的導覽性好

主頁的其中一個很重要的功能就是作為導航工具，指引用戶查閱你存儲在網(wǎng)址或其他地點的信息。因此在設計主頁時，應盡量使導覽過程變得很輕松?；谇逦鞔_和速度的考慮，主頁上的超級聯(lián)接內(nèi)容應只限于幾個高級的類別，例如公司、產(chǎn)品、服務等等。

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

3.6 合理設計視覺效果

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

3.7 排版時要注意細節(jié)

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

3.8 面長度要適中

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

參考文獻

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

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

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

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

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

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

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

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