網頁設計（web design，又(yòu)稱爲Web UI design，WUI design，WUI），是根據企業希望向浏覽者傳遞的信息（包括産品、服務、理念、文化），進行網站功能策劃，然後進行的頁面設計美化工(gōng)作。作爲企業對外(wài)宣傳物(wù)料的其中(zhōng)一(yī)種，精美的網頁設計，對于提升企業的互聯網品牌形象至關重要。

網頁設計一(yī)般分(fēn)爲三種大(dà)類：功能型網頁設計（服務網站&B/S軟件用戶端）、形象型網頁設計（品牌形象站）、信息型網頁設計（門戶站）。設計網頁的目的不同，應選擇不同的網頁策劃與設計方案。

相關信息

在進行網站制作前，首先要進行網站頁面的整體(tǐ)設計。一(yī)個網站是由若幹個網頁構成的，網頁是用戶訪問網站的界面。因此，通常意義上的網站設計，即指的是網站中(zhōng)各個頁面的設計。而網頁設計中(zhōng)，最先提到的就是網頁的布局。布局是否合理、美觀，将直接影響到用戶的閱讀體(tǐ)驗及訪問時間。

在互聯網高速發展的今天，網絡已成爲人們生(shēng)活的一(yī)部分(fēn)，成爲人們獲取信息資(zī)源的重要途徑。信息的呈現離(lí)不開(kāi)網頁這個重要的界面，網頁的主要作用是将用戶需要的信息與資(zī)源采用一(yī)定的手段進行組織，通過網絡呈現給用戶。

随着網絡技術及其帶寬的提高，網頁的組成元素也發生(shēng)了很大(dà)的變化。在90年代末，網頁的構成元素主要就是大(dà)量的文本、表格、超鏈接和極少數量的靜态圖像和gif動圖。現在的網頁除了以上的組成元素外(wài)又(yòu)增加了大(dà)量的圖像、動畫、視頻(pín)、音樂、橫幅廣告以及多種動态效果。

設計階段

網站伴随着網絡的快速發展而快速興起，作爲上網的主要依托，由于人們使用網絡的頻(pín)繁而變得非常的重要。由于企業需要通過網站呈現産品、服務、理念、文化，或向大(dà)衆提供某種功能服務。因此網頁設計必須首先明确設計站點的目的和用戶的需求，從而做出切實可行的設計方案。

專業的網頁設計，需要經曆以下(xià)幾個階段：

1.需要根據消費(fèi)者的需求、市場的狀況、企業自身的情況等進行綜合分(fēn)析，從而建立起營銷模型。

2.以業務目标爲中(zhōng)心進行功能策劃，制作出欄目結構關系圖。

3.以滿足用戶體(tǐ)驗設計爲目标，使用axure rp或同類軟件進行頁面策劃，制作出交互用例。

4.以頁面精美化設計爲目标，使用PS、AI等軟件，調整，使用更合理的顔色、字體(tǐ)、圖片、樣式進行頁面設計美化。

5.根據用戶反饋，進行頁面設計調整，以達到最優效果。

設計流程

主題明确

網頁設計

網頁設計

在目标明确的基礎上，完成網站的構思創意即總體(tǐ)設計方案。對網站的整體(tǐ)風格和特色作出定位，規劃網站的組織結構。

Web站點應針對所服務對象（機構或人）的不同而具有不同的形式。有些站點隻提供簡潔文本信息；有些則采用多媒體(tǐ)表現手法，提供華麗的圖像、閃爍的燈光、複雜(zá)的頁面布置，甚至可以下(xià)載聲音和錄像片段。好的Web站點把圖形表現手法和有效的組織與通信結合起來。

爲了做到主題鮮明突出，要點明确，應該使配色和圖片圍繞預定的主題；調動一(yī)切手段充分(fēn)表現網站點的個性和情趣，辦出網站的特點。

充分(fēn)利用已有信息，如客戶手冊．公共關系文檔．技術手冊和數據庫等。

設計思路

簡潔實用：這是非常重要的，網絡特殊環境下(xià)，盡量以最高效率的方式将用戶所要想得到的信息傳送給他就是最好的，所以要去(qù)掉所有的冗餘的東西。

使用方便：同第一(yī)個是相一(yī)緻的，滿足使用者的要求，網頁做得越适合使用，就越顯示出其功能美

整體(tǐ)性好：一(yī)個網站強調的就是一(yī)個整體(tǐ)，隻有圍繞一(yī)個統一(yī)的目标所做的設計才是成功的。

網站形象突出：一(yī)個符合美的标準的網頁是能夠使網站的形象得到最大(dà)限度的提升的。頁面用色協調，布局符合形式美的要求：布局有條理，充分(fēn)利用美的形式，使網頁富有可欣賞性，提高檔次。當然雅俗共賞是人人都追求的。

交互式強：發揮網絡的優勢，是每個使用者都參與到其中(zhōng)來，這樣的設計才能算成功的設計。這樣的網頁才算真正的美的設計。

版式設計

網頁設計作爲一(yī)種視覺語言，特别講究編排和布局，雖然主頁的設計不等同于平面設計，但它們有許多相近之處。

版式設計通過文字圖形的空間組合，表達出和諧與美。

多頁面站點頁面的編排設計要求把頁面之間的有機聯系反映出來，特别要求處理好頁面之間和頁面内的秩序與内容的關系。爲了達到最佳的視覺表現效果，反複推敲整體(tǐ)布局的合理性，使浏覽者有一(yī)個流暢的視覺體(tǐ)驗。

色彩作用

色彩是藝術表現的要素之一(yī)。在網頁設計中(zhōng)，設計師根據和諧、均衡和重點突出的原則，将不同的色彩進行組合．搭配來構成美麗的頁面。 根據色彩對人們心理的影響，合理地加以運用。如果企業有CIS（企業形象識别系統），應按照其中(zhōng)的VI進行色彩運用。

形式内容

爲了将豐富的意義和多樣的形式組織成統一(yī)的頁面結構，形式語言必須符合頁面的内容，體(tǐ)現内容的豐富含義。

靈活運用對比與調和、對稱與平衡、節奏與韻律以及留白(bái)等手段，通過空間、文字、圖形之間的相互關系建立整體(tǐ)的均衡狀态，産生(shēng)和諧的美感。

三維空間的構成

網絡上的三維空間是一(yī)個假想空間，這種空間關系需借助動靜變化．圖像的比例關系等空間因素表現出來。 在頁面中(zhōng)，圖片、文字位置前後疊壓，或頁面位置變化所産生(shēng)的視覺效果都各不相同。通過圖片、文字前後疊壓所構成的空間層次不太适合網頁設計，根據現有浏覽器的特點，網頁設計适合比較規範、簡明的頁面，盡管這種疊壓排列能産生(shēng)強節奏的空間層次，視覺效果強烈。

網頁上常見的是頁面上、下(xià)、左、右、中(zhōng)位置所産生(shēng)的空間關系，以及疏密的位置關系所産生(shēng)的空間層次，這兩種位置關系使産生(shēng)的空間層次富有彈性，同時也讓人産生(shēng)輕松或緊迫的心理感受。

虛拟現實

人們已不滿足于HTML（标準通用标記語言下(xià)的一(yī)個應用）編制的二維Web頁面，三維世界的誘惑開(kāi)始吸引更多的人，虛拟現實要在Web網上展示其迷人的風采，于是VRML語言出現了。VRML是一(yī)種面向對象的語言，它類似Web超級鏈接所使用的HTML語言，也是一(yī)種基于文本的語言，并可以運行在多種平台之上，隻不過能夠更多地爲虛拟現實環境服務。

多媒體(tǐ)

網絡資(zī)源的優勢之一(yī)是多媒體(tǐ)功能。要吸引浏覽者注意力，網頁的内容可以用三維動畫、FLASH等來表現。但要由于網絡寬帶的限制，在使用多媒體(tǐ)的形式表現網頁的内容時不得不考慮客戶端的傳輸速度。

便于使用

如果人們看不懂或很難看懂您的網站，那麽，他如何了解你的企業信息和服務項目呢？使用一(yī)些醒目的标題或文字來突出您的産品與服務。并且即使您擁有最棒的産品，如果客戶從您的網站上看不清楚您在介紹什麽或不清楚如何受益的話(huà)，他們是不會喜歡您的網站的，這對于網頁設計而言是失敗的。

導向清晰

網頁設計中(zhōng)導航使用超文本鏈接或圖片鏈接，使人們能夠在您的網站上自由前進或後退，而不必讓他們使用浏覽器上的前進或後退。我(wǒ)(wǒ)們在所有的圖片上使用“ALT”标識符注明圖片名稱或解釋，以便那些不願意自動加載圖片的觀衆能夠了解圖片的含義。

快速下(xià)載時間

很多的浏覽者不會進入需要等待5分(fēn)鍾下(xià)載時間才能進入的網站，在互聯網上30秒的等待時間與我(wǒ)(wǒ)們平常10分(fēn)鍾等待時間的感覺相同。因此，建議在網頁設計中(zhōng)盡量避免使用過多的圖片及體(tǐ)積過大(dà)的圖片。主要頁面的容量應确保普通浏覽者頁面等待時間不超過10秒。

非圖形内容

在必要時适當使用動态“Gif”圖片，爲減少動畫容量，應用巧妙設計的Java動畫可以用很小(xiǎo)的容量使圖形或文字産生(shēng)動态的效果。但是，由于在互聯網浏覽的大(dà)多是一(yī)些尋找信息的人們，仍然建議您要确定您的網站将爲他們提供的是有價值的内容，而不是過度的裝飾。

反饋與溝通

讓客戶明确您所能提供的産品或服務并讓他們非常方便地訂購是您獲得成功的重要因素。如果客戶在您的網站上産生(shēng)了購買産品或服務的欲望，您是否能夠讓他們盡快實現嗎(ma)？是在線還是離(lí)線？

因此，如果是産品或服務介紹網站，應該有留言、電(diàn)話(huà)、在線咨詢等功能或信息呈現。

在企業的Web站點上，要認真回複用戶的電(diàn)子郵件和傳統的聯系方式如信件．電(diàn)話(huà)垂詢和傳真，做到有問必答。最好将用戶的用意進行分(fēn)類，如售前一(yī)般了解．售後服務等，由相關部門處理，使網站訪問者感受到企業的真實存在并由此産生(shēng)信任感。

測試改進

測試實際上是模拟用戶詢問網站的過程，用以發現問題并改進網頁設計。應該與用戶共同安排網站測試。

内容更新

企業Web站點建立後，要不斷更新網頁内容。站點信息的不斷更新，讓浏覽者了解企業的發展動态和網上職務等，同時也會幫助企業建立良好的形象。

注意不要許諾你實現不了的東西，在你真正有能力處理回複之前，不要懇求用戶輸入信息或羅列一(yī)大(dà)堆自己不能及時答複的電(diàn)話(huà)号碼。 如果要求訪問者自願提供其個人信息，應公布并認真履行個人隐私保承諾。

在網頁設計中(zhōng)，總是有傾向的特定技術來觀察，或跟蹤的網頁設計師加強的趨勢。這裏有專有和開(kāi)源和免費(fèi)的技術專用的支持者。然而，近些年來，又(yòu)增加自由和開(kāi)放(fàng)源碼技術，包括由W3C和WHATWG進行監控和批準，監督和實施增加。

趨勢可以發現，不僅在看在時尚領域的使用的技術，如網站和匹配的标志(zhì)是清晰的喜好确定。著名的藝術字Web 2.0至今的重要作用的幫助。

網頁設計是一(yī)個不斷更新換代、推陳出新的行業，它要求設計師們必須随時把握最新的設計趨勢，從而确保自己不被這個行業所淘汰。2013年，網頁設計主要流行響應式設計、扁平化設計、無限滾動、單頁、固定标頭、大(dà)膽的顔色、更少的按鈕和更大(dà)的網頁寬度。

注意問題

1、頁面内容要新穎

網頁内容的選擇要不落俗套，要重點突出一(yī)個“新”字，這個原則要求我(wǒ)(wǒ)們在設計網站内容時不能照抄别人的内容，要結合自身的實際情況創作出一(yī)個獨一(yī)無二的網站。 放(fàng)眼望去(qù)，網上的許多個人主頁簡直就是"雜(zá)貨店(diàn)"，内容包羅萬象,題材千篇一(yī)律，人人都是"軟件下(xià)載",個個都有"網絡導航"，從頭到尾找不出一(yī)絲“鮮”意。所以，我(wǒ)(wǒ)們在設計網頁時，要把功夫下(xià)在選材上。選材要盡量做到“少”而“精”,又(yòu)必須突出“新”，如能堅持天天更新的話(huà),我(wǒ)(wǒ)相信這樣的網頁一(yī)定會受到大(dà)家的歡迎。

2、要及時更新網頁

網頁制作好後，不能說萬事大(dà)吉了，其實事後的工(gōng)作量更大(dà)。因爲網頁制作是一(yī)時的，而維護更新的工(gōng)作是每天都要做的。要及時把網頁上已經作廢的連接應該立即删除掉，比如用戶無意中(zhōng)點擊了頁面中(zhōng)的一(yī)個連接，在苦苦的等待之後，換來的是無法訪問的結果，那麽他們會對你的網頁大(dà)失所望，可能以後再也不會光顧你的網頁了。若不能及時更新，也最好在主頁上發布信息，告訴前來訪問的朋友，因有特殊情況需要離(lí)開(kāi)一(yī)段時間，未能及時更新主頁，希望各位見諒，這樣就能給人一(yī)種對别人負責的感覺，同時能得到網友的信任。

3、注意視覺效果

設計Web頁面時，一(yī)定要用1024*768的分(fēn)辨率來 分(fēn)别觀察。許多浏覽器使用1024*768的分(fēn)辨率，盡管在1280*1024高分(fēn)辨率下(xià)一(yī) 些Web頁面看上去(qù)很具吸引力，但在1024*768的模式下(xià)可能會黯然失色。作一(yī)點小(xiǎo)小(xiǎo)的努力，設計一(yī)個在不同分(fēn)辨率下(xià)都能正常顯示的網頁

4、随時注意網站升級

時刻注意網站的運行狀況。性能很好的主機随着訪問人數的增加，可能會運行緩慢(màn)。但是，如果你不想失去(qù)訪問者的話(huà)，一(yī)定要仔細計劃好你的升級計劃。

5、善用表格來布局

不要把一(yī)個網站的内容象作報告似的一(yī)二三四地羅列出來，要注意多用表格把網站内容的層次性和空間性突出顯示出來，使人一(yī)眼就能看出你的網站重點突出，結構分(fēn)明。

6、多學習和使用超文本标記語言（标準通用标記語言下(xià)的一(yī)個應用）

爲了成功地設計網站，你必須理解HTML（标準通用标記語言下(xià)的一(yī)個應用）是如何工(gōng)作的。大(dà)多數的網站設計者建議網絡新手應從有關HTML的書(shū)中(zhōng)去(qù)尋找答案，用Notepad制作網頁。因爲用HTML設計網站，可以控制設計的整個過程。但是，如果你僅僅是網站設計的新手，你應該尋找一(yī)個允許修改HTML的軟件包。HomeSite4是一(yī)個很好的Web設計工(gōng)具。在設計過程中(zhōng)，HomeSite4能幫助你學習HTML。它還允許你切換到所見即所得的模式，以便你在把網站發送到Web之前，預覽你的網站。

7、做個網站介紹

一(yī)個簡單明了的網站介紹，不僅能讓别人對你的網站能夠提供些什麽有個了解，引發共鳴或是表達你的誠意，常常最能打動讀者，而且還能使訪問者能快速找到想要的東西。但是，許多設計者都沒有這樣做。有效的導航條和搜索工(gōng)具使人們很容易找到有用的信息，這對訪問者很重要。告訴訪問者你所提供的正是他們想要的信息。

8、考慮浏覽器的兼容性

當然IE所占的市場份額越來越大(dà)，但是我(wǒ)(wǒ)們仍然需要考慮到Netscape以及Opera這些浏覽器用戶。設計風格的考慮，如色彩的搭配，圖形、線條的使用等等。要時刻爲用戶着想，必須最少在幾種不同類型的浏覽器下(xià)測試網站，看看兼容性如何。

9、 網頁風格要統一(yī)

你網頁上所有的圖像、文字，包括像背景顔色、區分(fēn)線、字體(tǐ)、标題、注腳什麽的，要統一(yī)風格，貫穿全站。這樣子讀者看起來舒服、順暢，會對你的網站留下(xià)一(yī)個“很專業”的印象。

10、使網站具有交互功能

一(yī)個靜态網頁始終給人一(yī)種呆闆的感覺，缺少一(yī)種活力和生(shēng)氣。最好在網站上提供一(yī)些回答問題的工(gōng)具以及其他具有交互性能的設計，使得訪問者能從網站上獲得交互的信息，從而使訪問者有一(yī)種參與網絡建設的新鮮感和成就感。

本文部分(fēn)引用于網絡，如有冒犯請聯系删除，謝謝！