網頁上的文字和圖片都需要具備較高的可讀性，最簡單的方法就是讓它們具有高對比度，但是許多設計師卻經常忽視這條規則。下面介紹做網頁設計出現的問題，希望對您有幫助。

1. 缺乏對比度

網頁上的文字和圖片都需要具備較高的可讀性，最簡單的方法就是讓它們具有高對比度，但是許多設計師卻經常忽視這條規則。

圖片背景與文字對比度太差，導致文字模糊不清無法閱讀，用戶不僅錯過這段話也錯過了你要傳達的重要內容。

你必須保證每一個元素都與它周圍的其他元素區別開來，記住這些基本方法——色彩、空間、尺寸。合理地運用它們讓你的每個元素都清晰可見吧!

2. 糟糕的導航和操作流程

當我登陸了網頁的第一眼，你就得讓我明白接下來我該做哪個操作。點擊按鈕以及信息需要放在顯眼的位置——這就是為什么導航和菜單欄往往處于頁面的頂部。

導航的標簽內容和運行效果必須清晰直觀，當你嘗試使用水平方向的滾動條或者其他一些不太尋常的動效設計的時候，給用戶一些暗示讓他們知道你的網頁如何工作吧!過于復雜的設計會讓用戶感到無所適從并放棄你的網站。

3. 糟糕的圖片搭配處理

沒有什么比一個優秀的圖片被其他設計掩蓋更糟糕了。如果你花了時間為你的網站搭配了一張優秀的圖片，為什么要讓它被其他的設計元素所覆蓋呢？加上簡單的一行字就可以了!這也是為什么透明按鈕成為了新的流行趨勢。

當設計師追逐潮流的時候，經常會落入這樣的誤區。頂欄很有趣，滾動也很棒，可是當你為它們搭配上文字，一切就容易變得不那么和諧了。頁面上的每個圖片都需要與文本搭配，讓每個文字都可讀，圖片上的每個設計元素都清晰可見。

不要用文本或者按鈕覆蓋圖片上任何重要的部分。當你覺得你的頁面設計出現了這樣的情況，最好更換一個更加簡潔的背景并在其他地方放上你的這張圖片吧。

4. 不使用網格

在網頁設計中，有些“雜亂”也能讓人賞心悅目，不對稱是其中的一種，不使用網格絕對不是!

是否使用網格是區分設計好壞的專業指標之一。網格讓一切變得清晰有組織性 —— 讓你的元素之間保持一致的適當的間距，你知道應當把你的元素放在哪兒、怎么放。網格幫助你確定元素的尺寸、文本的尺寸和空間，通過比例展現內容的側重點。

5. 不采用響應式設計

使用響應式設計框架!使用響應式設計框架!使用響應式設計框架!重要的事情說三遍! 你的網頁或許需要在手機上運行，它必須要和在電腦上運行一樣流暢。

我總能遇到一些網站，在手機上加載出的是一整個頁面。這些網站并不是響應式設計，至少沒有手機版的視圖，以至于用戶無法使用。(雖然很不常見，但那些只提供手機版視圖的網站也相當讓人無奈。)

或許很多用戶和我一樣，如果我不能在手機上順利使用你的網站，那我也不會在我的電腦上打開它了。

如您有網站建設；網站設計；網站制作的需求，請聯系我們項目經理020-37412530，我們也將為您打造全新互聯網品牌形象。