本站小編為你精心準備了網頁設計的原則與要求參考范文，愿這些范文能點燃您思維的火花，激發您的寫作靈感。歡迎深入閱讀并收藏。

摘要:

網頁設計要符合受眾者心理與社會心理的需求。設計者要正確分析用戶需求，注意網頁內容的搭配與布局;設計主題要定位準確，網頁下載的時間也不能過長，必須保證網頁對不同操作系統和瀏覽器的兼容性，并經常性地進行調試及數據更新。設計應追求一種和諧的單純，即追求清晰的視覺沖擊力和巨大的張力，把美的形式規律同網頁設計結合起來。

關鍵詞:

網頁設計;信息傳達;審美設計

在因特網世界里，存在著各式各樣的網頁，它們承載著不同的目的，體現著設計師的想法。網頁通過視覺元素的引人注目，實現信息內容的傳達。為了使網頁獲得最大的視覺傳達功能，使網絡真正成為可讀性強且新穎的媒體，網頁的設計必須適應人們視覺流向的心理特點，由此確定各種視覺構成元素之間的關系和秩序，把各種信息以最快捷、方便的方式傳達給訪問者。當今，面對這種新型媒體設計的挑戰，如何設計出吸引用戶的網站，已成為網頁設計者需迫切解決的問題。

一、網頁內容的合理布局與排版

網頁設計既有文字、圖片、色彩，又有動畫、聲音。文字有大有小，還有標題和正文之分。圖片也有大小、縱橫之別。圖片和文字都需要同時展示給觀眾，但又不能簡單地羅列在一個頁面上，否則會搞得頁面雜亂無章。因此，必須根據內容的需要，將圖片和文字按照一定的次序進行合理編排和布局，使它們組合成一個有機的整體，展現給訪客。具體的頁面排版可從如下幾個方面入手:

⒈主次分明，中心突出在網頁界面設計中，設計者必然要考慮視覺的中心，也就是“最佳視域”，它一般位于電腦屏幕的中央，或者在屏幕中間偏上的部位。因此，一些重要的信息和圖片一般可以安排在這個部位，在視覺中心以外的地方可以安排稍微次要的內容，這樣在頁面上就突出了重點，做到了主次有別。另外，人們的閱讀視線通常都是從左至右、由上往下地閱讀，因此設計者也要把握好這種視覺流程。在網頁中有一個7秒鐘定律，即當用戶進入網頁之后，如果在7秒之內沒有看到特定內容，那么這項內容的設計及位置安排注定會失敗［1］。由此可見，突出重點是非常重要的。

⒉明確的導航，彰顯有價值的信息網站中的欄目導航對網站內容起到提綱挈領的作用，引導著用戶瀏覽網站的相關信息。清晰、明確的導航，可以幫助網站用戶更方便快捷地瀏覽和找到他們所需要的信息，并給以一定的網站服務和在線幫助，從而避免在瀏覽網頁過程中找不到方向［2］。好的導航能夠讓用戶在打開頁面的第一時間找到，或者是讓用戶瞬間反應出此為網站的導航。導航的用語選擇應該精煉易讀，色彩搭配明確，布局妥當，設計獨特，使用戶通過導航能夠快速了解整個網站的主要內容［3］。

⒊圖文并茂，相輔相成文字和圖片具有一種相互補充的視覺關系。文字和圖片都是傳遞信息的手段，但各自的特點不同:文字所表達的信息量大，但顯得沉悶枯燥，缺乏生氣;圖片所傳遞的信息量小，但比較生動活潑。文字與圖片兩者的比例不能過大，否則，頁面就會顯得單調而過于混亂。因此，最理想的效果是文字與圖片密切配合，互為襯托，既能活躍頁面，又豐富了網頁內容。

⒋圖形與字體、色彩等因素協調統一一般而言，在所有的網頁動畫設計中，圖形設計部分處于主要地位。字體和色彩諸視覺因素與圖形因素互相配合、互為補充地構成了一個整體性的圖形設計。圖形、字體與色彩諸因素彼此相互作用、相互影響，共同表達出設計的中心思想內涵。只有如此，設計所要闡發的主題思想才能更準確和集中，視覺傳達才能更強烈和有力度。反之，則會給觀者造成一定的視覺混亂，偏離設計主題，從而達不到應有的設計意圖。

⒌注意空白的設置和運用空白在構圖上有著不可忽視的作用，它是進行藝術表現的重要手段。設計中把強調、突出、給人強烈印象的構成要素周圍留下空白，能擴大和提高視覺效果，同時利于視線流動，破除沉悶感。著意處理的空白，能留下藝術想象的天地，增強畫面的靈性與氣韻。有些網頁設計者總想把界面“充分利用”，把文字、圖像安排得滿滿的，認為設計畫面留有空間是一種浪費。殊不知，這種龐雜堵塞的構圖往往使人望而生畏，留不下一點印象，失去了設計的意義。

二、網頁設計的基本原則

⒈符合受眾心理與社會心理需求懂得不同的受眾以及不同社會層面的不同心理需求，是網頁設計者應掌握的一項基本原則。在網頁設計創作之前，設計者要對所表達對象的文化背景、審美心理以及審美感知等作一系列相應的了解。對不同的地方，設計者還要進行一定區域民俗文化現象的了解與學習。只有這樣，設計出的網頁作品才能與設計對象產生緊密聯系，達到讀者與作品的心連心、面與面的交流。

⒉分析用戶需求，注意內容布局設計者在設計網頁時應該明確網站的類別，例如是企業網站、政府網站還是個人網頁等等。因為不同類型的網頁具有不同的主題與風格，設計網頁時不能喧賓奪主，也不能主題與網站類別屬性相矛盾，在圖片、文字、色彩使用上要合理選擇。所以，網頁設計的第一步應該以用戶需求和網站的類別為導向，所有的設計工作都應該圍繞這個前提，正確定位，不能脫離主題。

⒊設計主題定位準確網頁設計是一種按照一定需要，有目的進行的一種計劃與預定。其突出特點就是具有相當的制約性和約束力，即受到設計主題的限制和約束。網頁設計作品應有自己鮮明主題，主題目標的鮮明性決定了設計的鮮明個性特征。設計主題定位要求準確，這是設計原則中的首要問題。網頁主題是設計傳遞內容的主要信息，設計者應該充分運用所要傳達的特定信息，調動畫面中所有的視覺因素，使之發揮出最大的視覺效果，設計的定位要始終牢牢地把握住設計主題。

⒋網頁下載的時間不能過長為了保證網站有不斷增長的點擊率，除了有吸引人的內容之外，還要有較快的下載速度。網頁加載速度對于一個網站而言是十分重要的，它直接影響用戶的訪問體驗和滿意度。如果2030秒還不能打開一個網頁，一般人就會沒有耐心。至少應該確保主頁速度盡可能快，如沒有必要，最好不要用大的圖片，或者對圖片進行壓縮使用。

⒌網頁對不同操作系統、瀏覽器的兼容通常情況下，人們所設計的網頁都在一種操作系統和瀏覽器中進行調試。在互聯網中，有各式各樣的操作系統和瀏覽器，網頁中的一些技術、插件在不同的操作系統和瀏覽器中的效果是不同的，有的甚至根本無法兼容，因此要充分考慮網頁的兼容性。比較常見的辦法是在不同的操作系統和瀏覽器中做測試，保證最大的兼容性。⒍經常進行調試及數據更新為吸引更多用戶，網站中的信息必須經常更新，如新聞、圖片資料等。同時，由于網站要經常進行修改更新，網頁之間的鏈接有時會出現斷開現象，因此，要經常做網站的調試，檢查是否有鏈接出錯的地方并進行修復，以維護網站的正常運行。

三、網頁界面設計的要求

⒈導航清晰，標題具有可讀性在設計頁面時，要做一個層次分明的導航條，盡量使用戶知道自己所處的位置，同時，鏈接層次不要太多，盡量使用戶能夠用較短的時間找到所需的資料。一個網站的內容主題要突出、明了，尤其是大段文字的使用，必須要易于用戶閱讀，在文字的安排上除了可以采用橫向分欄之外，也可將頁面縱向分割，或利用標題和副標題將文檔分段。為所有標題和副標題設置同一字體，并將標題字體加大一號，所有標題和副標題都采用粗體，這樣便于識別標題和副標題，使用戶一眼就可以看到要點，以便找出并繼續閱讀有興趣的內容［4］。另外，也可以將整句采用不同的顏色或用粗體突出主要內容，字體的選擇上要和主題風格相統一，字體和背景的顏色要能區別開，以便于識別。

⒉風格統一，色彩和諧，重點突出網站中各個頁面要保持統一風格，不要在不同的網頁中使用不同的主題風格，風格統一有助于加深用戶對網站的印象。要實現風格的統一，不一定要把每個欄目做得一模一樣。例如，用戶可以嘗試讓導航條樣式統一，各個欄目采用不同的色彩搭配，在保持風格統一的同時再為網站增加一些變化。在網頁設計中，根據和諧、均衡和重點突出的原則，將不同的色彩進行組合、搭配來構成美觀的頁面。從設計的技法上來說，重點突出某個色彩因素，可以打破整體色調的單調和沉悶，再將一部分的色彩施以強烈醒目的色彩，能使畫面產生凝聚力和一張一弛的表現力，從而刺激視覺引起興趣，產生生動的色彩形象感。在具體設計中，要注意重點色的作用，需要應用巧妙而不能過度，到處重點就無所謂強調重點了，其結果只能導致整體的混亂。

⒊界面清爽，設計避免“一般化”頁面設計整潔、清爽有著不可忽視的作用，它是進行藝術表現的重要手段。設計者要吸引用戶長時間停留在你的網站，千萬不能讓用戶第一眼就感覺壓抑。大量的文字內容要使用和諧的背景色，前景文字和背景之間要對比鮮明。如果背景含有圖像，對比度要弱些，可把背景圖片透明度適當降低，這樣用戶瀏覽時眼睛才不至于疲勞。設計中要把強調、突出、給人強烈印象的構成要素的周圍留下空白，就能擴大和提高視覺效果，同時利于視線流動，破處沉悶感，著意處理的空白，能留下藝術想象的天地，增強畫面的靈性與氣韻。“一般化”是網頁設計所忌諱的問題。新穎、獨樹一幟、妙趣橫生是優秀網頁設計蘊涵潛在生命力的永恒主題，也是網頁設計師不斷追求和努力的方向。面對熟知的事物，人們往往總是表現出熟視無睹，很難引起足夠的重視。然而，美妙的設計又總是通過這些司空見慣的事物來表達出一種不尋常的藝術感覺。解決這一問題的辦法，就是藝術創意。運用創意，就是在藝術表達這些普普通通的事物時，設計師往往運用創造性思維，采取嶄新的觀察事物的方法，超越一般人的經驗和視覺思維，由此達到強烈的感染力和視覺沖擊力。

⒋技術為內容服務一些網頁初學者經常在所做的網頁中加入盡可能多的特效，以充實自己的頁面，這樣往往會適得其反。一定要明確技術是為內容服務的這個前提，不要過分沉迷于技術的運用，堅決摒棄那些華而不實的特效。適當的動態效果可以起到畫龍點睛的作用，但過多的動態效果會讓人眼花繚亂而抓不住主題，因此，應用動態效果不宜過度。在網頁設計過程中，設計者必須去研究、掌握并有意識地運用這些規律，追求一種和諧的單純，即追求清晰的視覺沖擊力和巨大的張力，把美的形式規律同網頁設計結合起來，創作出好的作品。網頁設計沒有任何捷徑可走，只有在實踐中點點滴滴地積累。同時，要有一顆積極向上的心態，對生活充滿熱情，這樣才可能在自己的網頁設計中挖掘出好的東西來，同時給用戶留下深刻的印象。

參考文獻

［1］劉丹．網頁設計中的Flash動畫視覺語言研究［D］．合肥:合肥工業大學，2006．

［2］黃燕云．淺談網站導航系統設計［J］．科教文匯，2009(18):268-270．

［3］劉曉知．淺談如何設計成功的網站導航［J］．電腦學習，2009(5):10-12．

［4］呂?。覈虡I網站電子商務(B2C)發展策略研究［D］．上海:復旦大學，2000．

作者：劉丹 單位：安徽財經大學 文學與藝術傳媒學院