網(wǎng)頁設(shè)計的原則與要求范文
本站小編為你精心準備了網(wǎng)頁設(shè)計的原則與要求參考范文，愿這些范文能點燃您思維的火花，激發(fā)您的寫作靈感。歡迎深入閱讀并收藏。
摘要:
網(wǎng)頁設(shè)計要符合受眾者心理與社會心理的需求。設(shè)計者要正確分析用戶需求，注意網(wǎng)頁內(nèi)容的搭配與布局;設(shè)計主題要定位準確，網(wǎng)頁下載的時間也不能過長，必須保證網(wǎng)頁對不同操作系統(tǒng)和瀏覽器的兼容性，并經(jīng)常性地進行調(diào)試及數(shù)據(jù)更新。設(shè)計應追求一種和諧的單純，即追求清晰的視覺沖擊力和巨大的張力，把美的形式規(guī)律同網(wǎng)頁設(shè)計結(jié)合起來。
關(guān)鍵詞:
網(wǎng)頁設(shè)計;信息傳達;審美設(shè)計
在因特網(wǎng)世界里，存在著各式各樣的網(wǎng)頁，它們承載著不同的目的，體現(xiàn)著設(shè)計師的想法。網(wǎng)頁通過視覺元素的引人注目，實現(xiàn)信息內(nèi)容的傳達。為了使網(wǎng)頁獲得最大的視覺傳達功能，使網(wǎng)絡(luò)真正成為可讀性強且新穎的媒體，網(wǎng)頁的設(shè)計必須適應人們視覺流向的心理特點，由此確定各種視覺構(gòu)成元素之間的關(guān)系和秩序，把各種信息以最快捷、方便的方式傳達給訪問者。當今，面對這種新型媒體設(shè)計的挑戰(zhàn)，如何設(shè)計出吸引用戶的網(wǎng)站，已成為網(wǎng)頁設(shè)計者需迫切解決的問題。
一、網(wǎng)頁內(nèi)容的合理布局與排版
網(wǎng)頁設(shè)計既有文字、圖片、色彩，又有動畫、聲音。文字有大有小，還有標題和正文之分。圖片也有大小、縱橫之別。圖片和文字都需要同時展示給觀眾，但又不能簡單地羅列在一個頁面上，否則會搞得頁面雜亂無章。因此，必須根據(jù)內(nèi)容的需要，將圖片和文字按照一定的次序進行合理編排和布局，使它們組合成一個有機的整體，展現(xiàn)給訪客。具體的頁面排版可從如下幾個方面入手:
⒈主次分明，中心突出在網(wǎng)頁界面設(shè)計中，設(shè)計者必然要考慮視覺的中心，也就是“最佳視域”，它一般位于電腦屏幕的中央，或者在屏幕中間偏上的部位。因此，一些重要的信息和圖片一般可以安排在這個部位，在視覺中心以外的地方可以安排稍微次要的內(nèi)容，這樣在頁面上就突出了重點，做到了主次有別。另外，人們的閱讀視線通常都是從左至右、由上往下地閱讀，因此設(shè)計者也要把握好這種視覺流程。在網(wǎng)頁中有一個7秒鐘定律，即當用戶進入網(wǎng)頁之后，如果在7秒之內(nèi)沒有看到特定內(nèi)容，那么這項內(nèi)容的設(shè)計及位置安排注定會失敗［1］。由此可見，突出重點是非常重要的。
⒉明確的導航，彰顯有價值的信息網(wǎng)站中的欄目導航對網(wǎng)站內(nèi)容起到提綱挈領(lǐng)的作用，引導著用戶瀏覽網(wǎng)站的相關(guān)信息。清晰、明確的導航，可以幫助網(wǎng)站用戶更方便快捷地瀏覽和找到他們所需要的信息，并給以一定的網(wǎng)站服務和在線幫助，從而避免在瀏覽網(wǎng)頁過程中找不到方向［2］。好的導航能夠讓用戶在打開頁面的第一時間找到，或者是讓用戶瞬間反應出此為網(wǎng)站的導航。導航的用語選擇應該精煉易讀，色彩搭配明確，布局妥當，設(shè)計獨特，使用戶通過導航能夠快速了解整個網(wǎng)站的主要內(nèi)容［3］。
⒊圖文并茂，相輔相成文字和圖片具有一種相互補充的視覺關(guān)系。文字和圖片都是傳遞信息的手段，但各自的特點不同:文字所表達的信息量大，但顯得沉悶枯燥，缺乏生氣;圖片所傳遞的信息量小，但比較生動活潑。文字與圖片兩者的比例不能過大，否則，頁面就會顯得單調(diào)而過于混亂。因此，最理想的效果是文字與圖片密切配合，互為襯托，既能活躍頁面，又豐富了網(wǎng)頁內(nèi)容。
⒋圖形與字體、色彩等因素協(xié)調(diào)統(tǒng)一一般而言，在所有的網(wǎng)頁動畫設(shè)計中，圖形設(shè)計部分處于主要地位。字體和色彩諸視覺因素與圖形因素互相配合、互為補充地構(gòu)成了一個整體性的圖形設(shè)計。圖形、字體與色彩諸因素彼此相互作用、相互影響，共同表達出設(shè)計的中心思想內(nèi)涵。只有如此，設(shè)計所要闡發(fā)的主題思想才能更準確和集中，視覺傳達才能更強烈和有力度。反之，則會給觀者造成一定的視覺混亂，偏離設(shè)計主題，從而達不到應有的設(shè)計意圖。
⒌注意空白的設(shè)置和運用空白在構(gòu)圖上有著不可忽視的作用，它是進行藝術(shù)表現(xiàn)的重要手段。設(shè)計中把強調(diào)、突出、給人強烈印象的構(gòu)成要素周圍留下空白，能擴大和提高視覺效果，同時利于視線流動，破除沉悶感。著意處理的空白，能留下藝術(shù)想象的天地，增強畫面的靈性與氣韻。有些網(wǎng)頁設(shè)計者總想把界面“充分利用”，把文字、圖像安排得滿滿的，認為設(shè)計畫面留有空間是一種浪費。殊不知，這種龐雜堵塞的構(gòu)圖往往使人望而生畏，留不下一點印象，失去了設(shè)計的意義。
二、網(wǎng)頁設(shè)計的基本原則
⒈符合受眾心理與社會心理需求懂得不同的受眾以及不同社會層面的不同心理需求，是網(wǎng)頁設(shè)計者應掌握的一項基本原則。在網(wǎng)頁設(shè)計創(chuàng)作之前，設(shè)計者要對所表達對象的文化背景、審美心理以及審美感知等作一系列相應的了解。對不同的地方，設(shè)計者還要進行一定區(qū)域民俗文化現(xiàn)象的了解與學習。只有這樣，設(shè)計出的網(wǎng)頁作品才能與設(shè)計對象產(chǎn)生緊密聯(lián)系，達到讀者與作品的心連心、面與面的交流。
⒉分析用戶需求，注意內(nèi)容布局設(shè)計者在設(shè)計網(wǎng)頁時應該明確網(wǎng)站的類別，例如是企業(yè)網(wǎng)站、政府網(wǎng)站還是個人網(wǎng)頁等等。因為不同類型的網(wǎng)頁具有不同的主題與風格，設(shè)計網(wǎng)頁時不能喧賓奪主，也不能主題與網(wǎng)站類別屬性相矛盾，在圖片、文字、色彩使用上要合理選擇。所以，網(wǎng)頁設(shè)計的第一步應該以用戶需求和網(wǎng)站的類別為導向，所有的設(shè)計工作都應該圍繞這個前提，正確定位，不能脫離主題。
⒊設(shè)計主題定位準確網(wǎng)頁設(shè)計是一種按照一定需要，有目的進行的一種計劃與預定。其突出特點就是具有相當?shù)闹萍s性和約束力，即受到設(shè)計主題的限制和約束。網(wǎng)頁設(shè)計作品應有自己鮮明主題，主題目標的鮮明性決定了設(shè)計的鮮明個性特征。設(shè)計主題定位要求準確，這是設(shè)計原則中的首要問題。網(wǎng)頁主題是設(shè)計傳遞內(nèi)容的主要信息，設(shè)計者應該充分運用所要傳達的特定信息，調(diào)動畫面中所有的視覺因素，使之發(fā)揮出最大的視覺效果，設(shè)計的定位要始終牢牢地把握住設(shè)計主題。
⒋網(wǎng)頁下載的時間不能過長為了保證網(wǎng)站有不斷增長的點擊率，除了有吸引人的內(nèi)容之外，還要有較快的下載速度。網(wǎng)頁加載速度對于一個網(wǎng)站而言是十分重要的，它直接影響用戶的訪問體驗和滿意度。如果2030秒還不能打開一個網(wǎng)頁，一般人就會沒有耐心。至少應該確保主頁速度盡可能快，如沒有必要，最好不要用大的圖片，或者對圖片進行壓縮使用。
⒌網(wǎng)頁對不同操作系統(tǒng)、瀏覽器的兼容通常情況下，人們所設(shè)計的網(wǎng)頁都在一種操作系統(tǒng)和瀏覽器中進行調(diào)試。在互聯(lián)網(wǎng)中，有各式各樣的操作系統(tǒng)和瀏覽器，網(wǎng)頁中的一些技術(shù)、插件在不同的操作系統(tǒng)和瀏覽器中的效果是不同的，有的甚至根本無法兼容，因此要充分考慮網(wǎng)頁的兼容性。比較常見的辦法是在不同的操作系統(tǒng)和瀏覽器中做測試，保證最大的兼容性。⒍經(jīng)常進行調(diào)試及數(shù)據(jù)更新為吸引更多用戶，網(wǎng)站中的信息必須經(jīng)常更新，如新聞、圖片資料等。同時，由于網(wǎng)站要經(jīng)常進行修改更新，網(wǎng)頁之間的鏈接有時會出現(xiàn)斷開現(xiàn)象，因此，要經(jīng)常做網(wǎng)站的調(diào)試，檢查是否有鏈接出錯的地方并進行修復，以維護網(wǎng)站的正常運行。
三、網(wǎng)頁界面設(shè)計的要求
⒈導航清晰，標題具有可讀性在設(shè)計頁面時，要做一個層次分明的導航條，盡量使用戶知道自己所處的位置，同時，鏈接層次不要太多，盡量使用戶能夠用較短的時間找到所需的資料。一個網(wǎng)站的內(nèi)容主題要突出、明了，尤其是大段文字的使用，必須要易于用戶閱讀，在文字的安排上除了可以采用橫向分欄之外，也可將頁面縱向分割，或利用標題和副標題將文檔分段。為所有標題和副標題設(shè)置同一字體，并將標題字體加大一號，所有標題和副標題都采用粗體，這樣便于識別標題和副標題，使用戶一眼就可以看到要點，以便找出并繼續(xù)閱讀有興趣的內(nèi)容［4］。另外，也可以將整句采用不同的顏色或用粗體突出主要內(nèi)容，字體的選擇上要和主題風格相統(tǒng)一，字體和背景的顏色要能區(qū)別開，以便于識別。
⒉風格統(tǒng)一，色彩和諧，重點突出網(wǎng)站中各個頁面要保持統(tǒng)一風格，不要在不同的網(wǎng)頁中使用不同的主題風格，風格統(tǒng)一有助于加深用戶對網(wǎng)站的印象。要實現(xiàn)風格的統(tǒng)一，不一定要把每個欄目做得一模一樣。例如，用戶可以嘗試讓導航條樣式統(tǒng)一，各個欄目采用不同的色彩搭配，在保持風格統(tǒng)一的同時再為網(wǎng)站增加一些變化。在網(wǎng)頁設(shè)計中，根據(jù)和諧、均衡和重點突出的原則，將不同的色彩進行組合、搭配來構(gòu)成美觀的頁面。從設(shè)計的技法上來說，重點突出某個色彩因素，可以打破整體色調(diào)的單調(diào)和沉悶，再將一部分的色彩施以強烈醒目的色彩，能使畫面產(chǎn)生凝聚力和一張一弛的表現(xiàn)力，從而刺激視覺引起興趣，產(chǎn)生生動的色彩形象感。在具體設(shè)計中，要注意重點色的作用，需要應用巧妙而不能過度，到處重點就無所謂強調(diào)重點了，其結(jié)果只能導致整體的混亂。
⒊界面清爽，設(shè)計避免“一般化”頁面設(shè)計整潔、清爽有著不可忽視的作用，它是進行藝術(shù)表現(xiàn)的重要手段。設(shè)計者要吸引用戶長時間停留在你的網(wǎng)站，千萬不能讓用戶第一眼就感覺壓抑。大量的文字內(nèi)容要使用和諧的背景色，前景文字和背景之間要對比鮮明。如果背景含有圖像，對比度要弱些，可把背景圖片透明度適當降低，這樣用戶瀏覽時眼睛才不至于疲勞。設(shè)計中要把強調(diào)、突出、給人強烈印象的構(gòu)成要素的周圍留下空白，就能擴大和提高視覺效果，同時利于視線流動，破處沉悶感，著意處理的空白，能留下藝術(shù)想象的天地，增強畫面的靈性與氣韻。“一般化”是網(wǎng)頁設(shè)計所忌諱的問題。新穎、獨樹一幟、妙趣橫生是優(yōu)秀網(wǎng)頁設(shè)計蘊涵潛在生命力的永恒主題，也是網(wǎng)頁設(shè)計師不斷追求和努力的方向。面對熟知的事物，人們往往總是表現(xiàn)出熟視無睹，很難引起足夠的重視。然而，美妙的設(shè)計又總是通過這些司空見慣的事物來表達出一種不尋常的藝術(shù)感覺。解決這一問題的辦法，就是藝術(shù)創(chuàng)意。運用創(chuàng)意，就是在藝術(shù)表達這些普普通通的事物時，設(shè)計師往往運用創(chuàng)造性思維，采取嶄新的觀察事物的方法，超越一般人的經(jīng)驗和視覺思維，由此達到強烈的感染力和視覺沖擊力。
⒋技術(shù)為內(nèi)容服務一些網(wǎng)頁初學者經(jīng)常在所做的網(wǎng)頁中加入盡可能多的特效，以充實自己的頁面，這樣往往會適得其反。一定要明確技術(shù)是為內(nèi)容服務的這個前提，不要過分沉迷于技術(shù)的運用，堅決摒棄那些華而不實的特效。適當?shù)膭討B(tài)效果可以起到畫龍點睛的作用，但過多的動態(tài)效果會讓人眼花繚亂而抓不住主題，因此，應用動態(tài)效果不宜過度。在網(wǎng)頁設(shè)計過程中，設(shè)計者必須去研究、掌握并有意識地運用這些規(guī)律，追求一種和諧的單純，即追求清晰的視覺沖擊力和巨大的張力，把美的形式規(guī)律同網(wǎng)頁設(shè)計結(jié)合起來，創(chuàng)作出好的作品。網(wǎng)頁設(shè)計沒有任何捷徑可走，只有在實踐中點點滴滴地積累。同時，要有一顆積極向上的心態(tài)，對生活充滿熱情，這樣才可能在自己的網(wǎng)頁設(shè)計中挖掘出好的東西來，同時給用戶留下深刻的印象。
參考文獻
［1］劉丹．網(wǎng)頁設(shè)計中的Flash動畫視覺語言研究［D］．合肥:合肥工業(yè)大學，2006．
［2］黃燕云．淺談網(wǎng)站導航系統(tǒng)設(shè)計［J］．科教文匯，2009(18):268-270．
［3］劉曉知．淺談如何設(shè)計成功的網(wǎng)站導航［J］．電腦學習，2009(5):10-12．
［4］呂巍．我國商業(yè)網(wǎng)站電子商務(B2C)發(fā)展策略研究［D］．上海:復旦大學，2000．
作者：劉丹 單位：安徽財經(jīng)大學 文學與藝術(shù)傳媒學院