網頁設計的注意事項

　　網頁設計的工作目標，是通過使用更合理的顏色、字體、圖片、樣式進行頁面設計美化，在功能限定的情況下，盡可能給予用戶完美的視覺體驗。下面是小編為大家整理的網頁設計的注意事項，希望能夠幫助到大家。

　　網頁設計的注意事項

　　1、頁面內容要新穎

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

　　2、網頁命名要簡潔

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

　　3、要及時更新網頁

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

　　4、注意視覺效果

　　設計Web頁面時，一定要用1024*768的分辨率來 分別觀察。許多瀏覽器使用1024*768的分辨率，盡管在1280*1024高分辨率下一 些Web頁面看上去很具吸引力，但在1024*768的模式下可能會黯然失色。作一點小小的努力，設計一個在不同分辨率下都能正常顯示的網頁

　　5、隨時注意網站升級

　　時刻注意網站的運行狀況。性能很好的主機隨著訪問人數的增加，可能會運行緩慢。但是，如果你不想失去訪問者的話，一定要仔細計劃好你的升級計劃。

　　6、 網頁內容要易讀

　　網站設計最重要的訣竅，恐怕就是你的網頁要易讀。這就意味著，你必須花點心思來規劃文字與背景顏色的搭配方案。注意不要使背景的顏色沖淡了文字的視覺效果，別用花里胡哨的色彩組合，讓人看起你的網頁來很費勁。一般來說，淺色背景下的深色文字為佳 。這個要點要求你最好別把文字的規格設得太小、也不能太大。文字太小，人家讀起來難受;文字太大，或者文字視覺效果變化頻繁，像是沖著人大喊大叫，看起來不舒服。另外，最好讓文本左對齊，而不是居中。按當代中文的閱讀習慣，文本大都居左的。當然，標題一般應該居中，因為這符合讀者的閱讀習慣。

　　7、善用表格來布局

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

　　8、 少用特殊字體

　　雖然你可以在你的HTML中使用特殊的字體，但是，你不可能預測你的訪問者在他們的計算機上將看到什么。在你的計算機里看起來相當好的頁面，在另一個不同的平臺上看起來可能非常糟糕。一些網站設計員喜歡使用來定義特性，這雖然允許你使用特殊的字體，但是仍需要一些變通的方法，以免你所選擇的字體在訪問者的計算機上不能顯示。級聯風格表CSS有助于解決這些問題，但是只有最新版的瀏覽器才支持CSS。

　　9、多學習和使用超文本標記語言(標準通用標記語言下的一個應用)

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

　　10、盡量少用Java程序

　　不要大幅度地使用的Java程序，能夠用javascript替代效果的則盡量不要使用java。因為來講java的運行速度實在慢的讓人無法忍受，往往使瀏覽者沒有耐心等頁面全部顯示出來，這樣你的精心設計便毫無效果啦。

　　11、 少放網站地圖

　　許多設計者把他們的網站地圖放在網站上，這種做法，卻是弊大于利。絕大部分的訪問者上網是尋找一些特別的信息，他們對于你的網站是如何工作的，并沒有興趣。如果你覺得你的網站需要地圖，那很可能是需要改進你的導航和工具條。

　　12、要為圖片附加注釋文字

　　給每個圖形加上文字的說明，在出現之前就可以看到相關內容，尤其是導航按鈕和大圖片更應如此。這樣一來，用戶在訪問你的站點時就有一種親切感覺，認為你心細，比較善解人意，時時刻刻為他人著想，相信你的好心會有好報的。

　　13、做個網站介紹

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

　　14、考慮瀏覽器的兼容性

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

　　15、不宜多用閃爍文字

　　有的設計者想通過閃爍的文字來引起訪問者的注意是可以被人理解的，但一個頁面中最多不能有三處閃爍文字，太多了給用戶一種眼花繚亂的感覺，反而會影響用戶去訪問該網站的其他內容，正所謂“物極必反”也。

　　16、每個頁面都要有導航按鈕

　　應當避免強迫用戶使用工具欄中的向前和向后按鈕。你的設計應當使用戶能夠很快地找到他們所要的東西。絕大多數好的站點在每一頁同樣的位置上都有相同的導航條，使瀏覽者能夠從每一頁上訪問網站的任何部分。

　　17、避免長文本頁面

　　在一個站點上有許多只有文本的冗長頁面，是令人乏味的，人們為了閱讀這些長文本，不得不使用卷滾條，從而也浪費了用戶在網上沖浪的時間。如果你有大量的基于文本的文檔，應當以Adobe Acrobat格式的文件形式來放置，以便你的訪問者能離線閱讀，從而節省寶貴的時間。

　　18、 網頁風格要統一

　　你網頁上所有的圖像、文字，包括像背景顏色、區分線、字體、標題、注腳什么的，要統一風格，貫穿全站。這樣子讀者看起來舒服、順暢，會對你的網站留下一個“很專業”的印象。

　　19、動畫最多只用一個

　　大家都喜歡用GIF動畫來裝飾網頁，它的確很吸引人，但我們在選擇時，是否能確定必須用GIF動畫，如果答否，那么就選擇靜止的圖片，因為它的容量要小得多。同樣的尺寸的LOGO，GIF動畫的容量有5K，而靜止LOGO的只有3K。雖然只有2K之差，但多起來，就會影響下載的速度，所以，如果有些不是必須的，就選擇最小的。

　　20、善用圖像

　　用戶在網上四處漫游，你必須設法吸引和維護他們對你的主頁的注意力。萬維網的其中一個最重大資源是其多媒體能力，所以我們無論如何要善加利用。主頁上最好有醒目的圖像、新穎的畫面、美觀的字款，使其別具特色，令人過目不忘。圖像的內容應有一定的實際作用，切忌虛飾浮夸。注意圖畫可以彌補文字之不足，但并不能夠完全取代文字。很多用戶把瀏覽軟件設定為略去圖像，以求節省時間他們只看文字。因此，制作主頁時，必須注意將圖像所連接的重要信息或聯接其他頁面的指示用文字重復表達幾次，同時要注意避免使用過大的圖像，如果不得不放置大的圖像在網站上，就最好使用Thumbnails軟件，把圖像的縮小版本的預覽效果顯示出來，這樣用戶就不必浪費金錢和時間去下載他們根本不想看的大圖像。

　　21、網站導航要清晰

　　所有的超鏈接應清晰無誤地向讀者標識出來，所有導航性質的設置，像圖像按鈕，都要有清晰的標識，讓人看得明白，千萬別光顧視覺效果是熱鬧的，而讓人家不知東西南北。鏈接文本的顏色最好用約定俗成的：未訪問的，藍色;點擊過的，紫色或栗色。總之，文本鏈接一定要和頁面的其他文字有所區分，給讀者清楚的導向 。

　　22、最好不用記數器

　　由于計數器也是由程序設計成的，顯示計數器的過程其實就是在執行一個程序的過程，它需要占用用戶寶貴的上網時間，況且大多數瀏覽者認為計數器毫無意義，它們很容易被做假，瀏覽者也不想看廣告。因此筆者建議不要輕易考慮在你的網站上放置一個醒目的點擊記數器。你設計網站是為了給訪問者提供服務，而不是推銷你自己認為重要的東西。如果你顯示你的網站是多么受歡迎，你最好提供一個鏈接，顯示訪問日志。

　　23、不能忽視錯別字

　　一個好的網站對設計的每一個細節都不會放過，哪怕是一個微小的拼寫錯誤都是絕對不能出現的。但是遺憾的是，許多設計者都缺少這種技能。確保你拼寫正確，并且格外注意平常容易誤寫的錯別字，要時時刻刻保持一種嚴謹的科學態度。

　　24、不要用框架

　　與記數器一樣，框架在網頁上越來越流行。在大多數網站上，在屏幕的左邊有一個框架。但是設計者立刻就發現，在使用框架時產生了許多的問題。使用框架時如果沒有17英寸的顯示屏幾乎不可能顯示整個網站。框架也使得網站內個人主頁不能夠成為書簽。也許更重要的是，搜索引擎常常被框架混淆，從而不能列出你的網站。

　　25、使用著名的插件

　　如果網站上有聲音或視頻，要保證使用者通過使用某個知名的插件，能夠聽到或看到。如果訪問者沒有所要求的插件，將不得不到其它站點去下載，這樣訪問者有可能就不會返回了。許多站點使用QuickTime、RealPlay和 Shockwave插件。因為，許多訪問者并不愿意浪費很多時間和金錢去下載可能僅使用一次的插件。

　　26、使網站具有交互功能

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

　　27、合理的頁面布局

　　在設計網頁時，一定要注意頁面布局的合理性。一個合理的布局和清晰的頁面可以讓人們感到舒適，并花時間去了解。注意版面設計，不要版面雜亂，搭配要注重協調與簡潔。要正確設計頁面的布局，以呈現一個新頁面。

　　28、舒適的色彩設計

　　無論哪個行業的網頁，在設計過程中都不要一味追求視覺刺激，做出奇怪的色彩搭配。在設計網頁的過程中，設計師必須注意頁面色彩的搭配，多用暖色、冷暖色調等。只有色彩足夠和諧、舒緩，才會讓人有繼續停留的想法。

　　29、新穎的內容

　　網頁內容就像人的靈魂一樣，是不能缺少的。設計一個網頁，肯定是想用來推廣某個企業或產品，如果想用內容吸引用戶，必須有新穎的內容。從文本或其他形式的內容開始，要注意內容的原創性和新穎性。

　　30、減少特殊字符的使用

　　在設計網頁時，使用盡可能少的特殊字符。在不同的計算機或不同的平臺上，看到的情況有時是不同的。如果使用特殊字符，可能會產生較差的顯示效果。因此，應該盡量減少特殊字符的使用。

　　設計網頁需要注意哪些要點

　　1、網站整體布局合理

　　網站的布局不管是什么類型的網站都是十分重要的，在網頁設計中，如果過布局出現問題，那就會影響用戶的瀏覽體驗，而且不利于搜索引擎的抓取。

　　2、多考慮提升用戶體驗

　　在網站中，用戶永遠是上帝，不管是網站的建設設計還是網站后期的運營和推廣都需要從用戶的角度出發，只有從用戶的需求的出發才能滿足用戶的需求，滿足用戶的體驗，用戶才會愿意為你的產品和服務買單。

　　3、關鍵詞布局設置要恰當

　　網站設計關注的就是網站關鍵詞的排名情況，如果把一個關鍵詞設置好了，對網站的整體影響是非常大的，不但能網站帶來排名，也能有利于搜索引擎的抓取和搜索。對于網站關鍵詞的布局，一般情況下，在網站的首頁布局兩到三個主關鍵詞，在列表頁布局長尾關鍵詞，對關鍵詞的合理布局。對網站帶來的好處是不可估量的。

　　4、圖片要清晰且富有吸引力

　　圖片在網站設計中的作用是不容忽視的，因為圖片對于用戶來說，簡潔直觀。當用戶打開網頁時，第一眼看到的就是圖片，如果在網頁設計中，選用一張優秀的圖片，那對用戶的吸引力是非常大的。

　　H5網頁設計需要注意哪些要點

　　1、 背景圖

　　炫酷的畫面，離不開背景的襯托，能否快速更換背景圖，相信是考驗一個H5頁面能否快速完成的準則之一;

　　2 、文本

　　微信交互H5頁面更重交互，重視覺效果，在酷炫的背景襯托之下，突出重點的文字往往是點睛之筆;

　　3 、音樂

　　炫酷的背景下，配以提綱挈領式的文字，如果能夠再來一段能夠引起共鳴的音樂，那是何等的應景;

　　4、 圖片

　　背景之外，重點圖片之間的交互、與文字的配合正是H5頁面能夠調動用戶感官的重要方式!光速的定義是光在1秒內行駛距離，所以光速比聲速快，比打字速度更快。那為什么不用圖片呢?

　　5、 視頻

　　如果炫酷的背景、精煉的文字、應景的音樂，還不能夠讓你感到震撼的話，那就來段視頻吧!一目了然!

　　6 、按鈕(點擊跳轉鏈接)

　　H5頁面在微信展示的優勢是交互效果好，觀賞性強，但是歸根結底，還是要回到營銷的目的上來。或用于宣傳，需要鏈接到更為詳盡的介紹頁面;或用戶收集信息，需要鏈接到指定的信息收集頁面。如此一來，是否具有點擊跳轉功能就成為判斷一個H5工具是否可供選擇的硬性標準之一;

　　7 、輸入框

　　在微信H5頁面中，除宣傳類外，大部分都是以收集信息為目的的。除了使用麥客表單、金數據、問卷星等第三方表單收集工具外，各個H5工具內置的輸入框功能也不失為一個很好的選擇。這樣，在對應的后臺，不僅可以看到訪問信息(如已有查看權限)，還可查看詳細報名數據。

　　網站設計過程中要注意哪些要點

　　第一、網站建設過程中，要做到網站風格的統一。

　　在設計網站的時候，為了給用戶更直觀的體驗，就需要做好網站風格的規劃。網站的風格要結合企業的特色以及用戶的喜好。網站設計的時候，不僅要表現出企業的特色和行業特點，還要符合用戶的習慣以及喜好。這樣用戶在瀏覽網站的時候才會有一個整體的感覺。

　　第二、網站logo的設計。

　　網站設計想要讓用戶靠前眼就識別出，給用戶一個深刻的印象，就要設計好網站的logo。而logo是為數不過的，網站的logo要結合企業產品以及企業的經營理念，在顏色的選擇上也要參考企業的商標，這樣設計出來的logo才是符合企業的需求。

　　第三、網站設計要符合用戶的瀏覽習慣。

　　一般情況下，用戶在瀏覽網站的時候都是從上到下的，從左到右的。所以，在排版網站的時候，也要按照這種視覺順序。將網站重要的內容設置在醒目的位置上，這樣就可以很好地宣傳企業的產品。頁面的布局不能太亂，如果有需要設置懸浮窗口的話，要結合企業的具體需要以及考慮用戶的體驗。設計簡潔的頁面可以給用戶帶來更直觀的感受，而且可以提高網站的點擊率和停留的時間。

　　網站設計的時候，要注意的要點就是以上三個方面，分別是網站的整體風格、網站logo的設計以及用戶瀏覽習慣。網站建設過程中，如果做好了這三個方面，那么網站建設離成功又進了一步。

　　網站設計中需注意的重點

　　一、色彩搭配與圖片設計

　　為了讓圖片在網頁中做出最好的展示，可以嘗試使用GIF動圖，靜態頁面的展示盡量壓縮圖片，但前提是不改變圖片的形狀，這樣提高了網站加載頁面的速度。網站的色系是瀏覽者體征的視覺觀感，若一個網站色系能有一致性，不僅會使網站看起來美觀，更能讓瀏覽者對內容不易混淆，增加了瀏覽的簡潔與方便，網頁設計的色彩搭配也是很重要的，網頁一般都是采用一種主色調外加兩種輔助色調，網站的頁面看上去要和諧溫馨，簡潔，有些網站經常使用各種色彩，沒有重點沒有特色，這讓用戶看上去感覺很不專業。

　　二、保證網站的導航設計清晰流暢

　　在網頁設計中，導航是非常重要的，因為導航就好比指南針方向標，指引用戶去想去的地方，用戶通過網站的導航設計能迅速捕捉到重點和有效信息，這對提高用戶的體驗度十分有利。

　　導航的設計要讓用戶清楚的知道自己所處的位置，即使處于迷失森林中，也能清楚的知道方向，導航設計的按鈕雖然占據的比例小，但是其在網站中的作用是不容忽視的。

　　三、瀏覽器的兼容性與整齊的排版

　　目前市場上，各種瀏覽器有很多，每個用戶對瀏覽器都有自己的偏好，所以對網頁的設計要求對常用的一些瀏覽器兼容，比如常用的火狐瀏覽器，谷歌瀏覽器，IE瀏覽器，360瀏覽器，搜狗瀏覽器等這些常用的瀏覽器，網站設計至少對這些常用瀏覽器兼容。

　　在網站設計中，排版也是相當重要，比如用戶來到一個排版整齊有序的網站和來到一個排版很亂的網站用戶的體驗和心情是不一樣的。在網頁中，要確保文字的字體字號保持一致，網頁設計的按鈕盡量符合用戶的瀏覽習慣。

　　四、對搜索引擎友好

　　現在很多網站的流量客戶有大部分都是通過搜索引擎而來的，所以網站的設計要對搜索引擎友好，網站的欄目結構簡單清晰明了，網頁沒有太多的flash動畫，多媒體功能，所以網站需要隨時進行優化，這樣有利于搜索引擎的蜘蛛的抓取和爬行。讓網站的關鍵詞獲得好的排名。

【網頁設計的注意事項】相關文章：

網頁美工設計的注意事項有哪些09-16

網頁設計基礎08-26

網頁設計課程08-26

網頁設計的步驟06-16

網頁版式設計構成11-15

網頁設計制作要領08-13

網頁設計常用尺寸大小07-27

如何提高網頁設計的功力08-24

最佳的網頁設計色彩搭配11-06