網頁設計時需要注意什么問題

　　網頁設計時需要注意什么問題呢?很多做網頁設計人員或許不會太注意一些網頁的小細節，但是往往就是因為這些小細節讓你的網頁帶來不一樣的效果，同時給你帶來更多的用戶。今天就讓我們小編為大家介紹：網頁設計時需要注意什么問題?

　　1.網頁色彩太雜亂

　　一個網頁最好不要選太多種顏色，一般在三種顏色內最佳，選的顏色一般為相近色或對比色較好，這樣整個頁面看上去大方得體

　　2.網頁中字體設置過多

　　通常來說一個網頁中最好不要超過三種字體，沒有特殊要求的一般都用宋體字。

　　3.網頁內容過于堆疊雜亂

　　網頁的內容繁多，各種分支信息占據的空間過多時，為了突出關鍵的主題時可以設計不一樣的字體和背景色，這樣可以引導用戶注意到你想讓他注意的地方。在網頁設計中，沒有特別奉行的準則，但以直觀的方式組織你的內容是一條很好的經驗規則，也是多年培養的用戶習慣。網頁要大眾化不要標新立異，畢竟用戶不是專業網頁設計人士，用戶不會站在你的角度上看問題。當然一成不變不是我們所鼓勵的。

　　4.網頁中留白不要太少

　　留白是網頁設計中一個重要部分。適當的留白可以給用戶很好的視覺感，而且整體看上去很舒服，段落分明，結構規劃合理。空白不是必須用白色的，而是，它僅僅是為其他設計元素提供間隔和緩沖的空間。

　　5.網頁設計注意對比效果

　　適當考慮兩種對比色彩的運用或者大小的變化，有些方式之所以比其他的更好，其原因就是這是一種眼睛感知到對比的方式。如果你很難舒服的閱讀文字，考慮一下改變字體大小或方式。

　　6.重視用戶電腦的屏幕顯示效果

　　也許某個分辨率對你的電腦效果特別好，但是用在用戶電腦上就不一定如此了。雖然這種分辨率的顯示器正在減少，但采用更小的分辨率的手機設備也來了。現在的網頁設計寬度標準是960像素，雖然沒有照顧到每一種分辨率，但在主流分辨率上可以呈現的最好。假如你希望面對大量的手機用戶，最好考慮一個手機版設計。

　　7.缺乏尺寸大小

　　標準做法是h1的文字大于h2的文字，頭部文字大于段落文字。盡量保持一致的尺寸，因為它有助于一致性和內容層次。保持文字的可讀性，但不要太大，讓字體的大小表現信息的重要性。還有，10像素以下的尺寸對大量閱讀的人來說太小了。網頁中的圖片一定要設置長和寬。在平時設計網頁過程中，如果能夠多加注意到這些問題，從而避免不該犯的錯誤，就能在整體設計的基礎上加分，此外，加上自己特色的創意，真正為用戶考慮，才能真正做到優秀的網頁設計。

　　8.要足夠的文字間距

　　間距過小是造成網頁缺陷的一個重要原因。網頁一個是行距，可以用CSS直接調整，關系到兩行文字之間的距離。這些有助于區分行與段落，使用戶更容易閱讀文字。

　　9.框架結構不要太復雜

　　網頁內容過于雜亂，沒有統一的框架把他們合并到一個中心主旨上。它是把網頁設計組織在一起的方式，可以創造一種緊密結合的感覺。在網站頁面互相鏈接的情況下，它可以幫助用戶把所有頁面都聯系在一起。如果你在整個網站持續改變字體、大小和色彩，用戶很快會覺得不知所措。

　　網頁布局

　　1、“國”字型

　　也可以稱為“同”字型，是一些大型網站所喜歡的類型，即最上面是網站的標題以及橫幅廣告條，接下來就是網站的主要內容，左右分列一些兩小條內容，中間是主要部分，與左右一起羅列到底，最下面是網站的一些基本信息、聯系方式、版權聲明等。這種結構是我們在網上見到的差不多最多的一種結構類型。

　　2、拐角型

　　這種結構與上一種其實只是形式上的區別，其實是很相近的，上面是標題及廣告橫幅，接下來的左側是一窄列鏈接等，右列是很寬的正文，下面也是一些網站的輔助信息。在這種類型中，一種很常見的類型是最上面是標題及廣告，左側是導航鏈接。

　　3、標題正文型

　　這種類型即最上面是標題或類似的一些東西，下面是正文，比如一些文章頁面或注冊頁面等就是這種類。

　　4、封面型

　　這種類型基本上是出一些網站的首頁，大部分為一些精美的平面設計結合一些小的動畫，放上幾個簡單的鏈接或者僅是一個“進入”的鏈接甚至直接在首頁的圖片上做鏈接而沒有任何提示。這種類型大部分是企業網站和個人主頁，如果說處理的好，會給人帶來賞心悅目的感覺。

　　5、“T”結構布局

　　所謂“T”結構布局，就是指網頁上邊和左邊相結合，頁面頂部為橫條網站標志和廣告條，左下方為主菜單，右面顯示內容，這是網頁設計中用得最廣泛的一種布局方式。在實際設計中還可以改變“T”結構布局的形式，如左右兩欄式布局，一半是正文，另一半是形象的圖片、導航。或正文不等兩欄式布置，通過背景色區分，分別放置圖片和文字等。

　　這樣的布局有其固有的優點，因為人的注意力主要在右下角，所以企業想要發布給用戶的信，大都能被用戶以最大可能性獲取，而且很方便，其次是頁面結構清晰，主次分明、易于使用。缺點是規矩呆板，如果細節色彩上不注意，很容易讓人“看之無味”。

　　6、“口”型布局

　　這是一個形象的說法，指頁面上下各有一個廣告條，左邊是主菜單，右邊是友情鏈接等，中間是主要內容。

　　這種布局的優點是頁面充實、內容豐富、信息量大，是綜合性網站常用的版式，特別之處是頂部中央的一排小圖標起到了活躍氣氛的作用。缺點是頁面擁擠，不夠靈活。也有將四邊空出，只用中間的窗口型設計，例如網易壁紙站使用多幀形式，只有頁面中央部分可以滾動，界面類似游戲界面。使用此類版式的有多維游戲娛樂性網站。

　　7、“三”型布局

　　這種布局多用于國外網站，國內用得不多。其特點是頁面上橫向兩條色塊，將頁面整體分割為4個部分，色塊中大多放廣告條。

　　8、對稱對比布局

　　顧名思義，它指采取左右或者上下對稱的布局，一半深色，一半淺色，一般用于設計型網站。其優點是視覺沖擊力強，缺點是將兩部分有機地結合比較困難。

　　9、POP布局

　　POP源自廣告術語，指頁面布局像一張宣傳海報，以一張精美圖片作為頁面的設計中心。常用于時尚類網站，優點顯而易見：漂亮吸引人，缺點是速度慢。

【網頁設計時需要注意什么問題】相關文章：

新手上路找陪練需要注意什么問題07-22

新手開車要注意什么問題05-08

簡潔網頁設計注意事項07-15

網頁設計環境的注意事項08-04

高考需要注意的細節06-17

新手駕駛員在開車出行要注意什么問題08-15

高端網站網頁設計注意事項08-01

科目二需要注意的細節08-31

科目二需要注意什么08-02

新手開車需要注意的事項07-22