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

1. 缺乏對比度

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

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

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

2. 糟糕的導(dǎo)航和操作流程

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

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

3. 糟糕的圖片搭配處理

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

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

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

4. 不使用網(wǎng)格

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

是否使用網(wǎng)格是區(qū)分設(shè)計好壞的專業(yè)指標(biāo)之一。網(wǎng)格讓一切變得清晰有組織性 —— 讓你的元素之間保持一致的適當(dāng)?shù)拈g距，你知道應(yīng)當(dāng)把你的元素放在哪兒、怎么放。網(wǎng)格幫助你確定元素的尺寸、文本的尺寸和空間，通過比例展現(xiàn)內(nèi)容的側(cè)重點。

5. 不采用響應(yīng)式設(shè)計

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

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

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

如您有網(wǎng)站建設(shè)；網(wǎng)站設(shè)計；網(wǎng)站制作的需求，請聯(lián)系我們項目經(jīng)理020-37412530，我們也將為您打造全新互聯(lián)網(wǎng)品牌形象。