七個令人抓狂的網(wǎng)頁設(shè)計師

新聞 2023-04-06編輯：深圳網(wǎng)站建設(shè)閱讀（）標(biāo)簽： 設(shè)計師 令人

深圳網(wǎng)站建設(shè)公司 幫助企業(yè)提升網(wǎng)站形象,彰顯公司實力,PC+手機+微信+小程序
【模板網(wǎng)站的價格】國際域名+阿里1G空間+備案 一條龍服務(wù)
【定制網(wǎng)站的功能】SEO精準(zhǔn)營銷系統(tǒng)+城市分站+W3C標(biāo)準(zhǔn)
【營銷網(wǎng)站的效果】重長尾，重優(yōu)化，提權(quán)重，擴收錄，提排名
【量身訂制的設(shè)計】據(jù)據(jù)需求量身定制。設(shè)計到滿意為止
【專屬VIP的服務(wù)】24RX365 為您提供1對1的專屬VIP服務(wù)

　　有時候，當(dāng)我懷著極大的期待打開一些網(wǎng)站時，它們的存在簡直就是一場設(shè)計災(zāi)難!相信我，你看到他們會抓狂的。從莫名其妙的鏈接丟失到糟糕的可用性，本文將分享一些錯誤的設(shè)計，可以讓人在瞬間變得瘋狂。注意!不要讓你的用戶遇到和下面一樣的問題。

　　1.缺乏對比

　　網(wǎng)頁上的文字和圖片需要可讀性強，最簡單的方法就是讓它們有很高的對比度。但是很多設(shè)計師經(jīng)常忽略這個規(guī)律。

　　背景和文字的對比度太差，使得文字模糊不清，不可讀。用戶不僅錯過了這段話，也錯過了你想要傳達(dá)的重要內(nèi)容。

　　你必須確保每個元素都與其周圍的其他元素相區(qū)別，并記住這些基本方法：顏色、空間和大小。合理使用它們，讓你的每一個元素都清晰可見!

　　上圖——中的兩個對比問題是白色文字的顏色與淺色圖片的顏色過于接近，字體大小過小，使得此文字的可讀性極差。

　　2.導(dǎo)航和操作流程不佳

　　當(dāng)我登錄第一頁時，你必須讓我知道我下一步應(yīng)該做什么。點擊按鈕和信息需要放在顯眼的位置——，這就是為什么導(dǎo)航和菜單欄經(jīng)常出現(xiàn)在頁面的頂部。

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

　　3.不良圖片匹配處理

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

　　設(shè)計師在追逐潮流的時候，往往會陷入這樣的誤區(qū)。頂部的欄很有趣，滾動也很棒，但是當(dāng)你用單詞匹配它們時，一切都會很容易變得不太和諧。頁面上的每一張圖片都需要與文字相匹配，這樣每一個文字都能看得懂，圖片上的每一個設(shè)計元素都能看得清楚。

　　不要用文字或按鈕覆蓋圖片的任何重要部分。當(dāng)你認(rèn)為你的頁面設(shè)計是這種情況時，你最好換一個更簡單的背景，把你的圖片放在其他地方。

　　當(dāng)你第一次看到上面的圖片時，你會被它的素描風(fēng)格所吸引。但仔細(xì)看，人物的臉被文字遮蓋，贊美的話語也讓整體看起來混亂不堪。

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

　　在網(wǎng)頁設(shè)計中，一些“雜亂”也能賞心悅目。不對稱就是其中之一，絕對不是沒有網(wǎng)格!

　　是否使用網(wǎng)格是區(qū)分設(shè)計好壞的專業(yè)指標(biāo)之一。讓一切變得清晰有條理?！３帜愕脑卦谝粋€一致和適當(dāng)?shù)拈g距。你知道把你的元素放在哪里，怎么放。網(wǎng)格幫助你確定元素的大小，文本的大小和空間，通過比例來展示內(nèi)容的要點。

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

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

　　我總能遇到一些網(wǎng)站，一整頁都加載在手機上。這些網(wǎng)站在設(shè)計上沒有響應(yīng)，至少沒有手機版的視圖，讓用戶無法使用。(雖然不常見，但那些只提供手機版視圖的網(wǎng)站還是挺無奈的。)

　　可能很多用戶和我一樣。如果我不能在手機上流暢地使用你的網(wǎng)站，那么我就不會在電腦上打開它。

　　6.鏈接丟失

　　斷開鏈接是網(wǎng)頁上最煩人的事情之一。養(yǎng)成每天檢查網(wǎng)頁上鏈接是否暢通的習(xí)慣!您可以手動檢查或使用一些工具，如網(wǎng)站鏈接檢查器。

　　如果你的標(biāo)志沒有鏈接到你網(wǎng)站的主頁，我也會感到驚訝。標(biāo)志應(yīng)該鏈接到網(wǎng)站的主頁。(并且不要在主頁上禁用后退按鈕。)

　　考慮鏈接的可用性。確保您的鏈接，尤其是文本中的鏈接足夠明顯，并且易于點擊而不會誤操作。不要在文本中添加大量文本鏈接，尤其是在小型移動設(shè)備屏幕上，因為用戶很難點擊正確的鏈接。

　　7.自動播放音樂

　　給網(wǎng)頁添加聲音會很生動，但是不要在沒有用戶提示的情況下播放音樂。

　　您應(yīng)該為用戶提供一個按鈕來打開/關(guān)閉音樂，默認(rèn)情況下是關(guān)閉的。音樂可能會給用戶帶來驚喜，但如果用戶處于工作環(huán)境或心情不好，就會適得其反。用戶需要能夠完全控制你的網(wǎng)頁，但自動播放的音樂卻與之背道而馳。我需要網(wǎng)絡(luò)音樂，但我必須得到許可才能播放。如果找不到關(guān)閉自動播放音樂的按鈕，只能直接關(guān)閉網(wǎng)頁。

　　但是把它運用到廣告中是一個很好的技巧。如果您有必須播放的音頻內(nèi)容，請考慮放置一個大的彈出式靜音按鈕。用戶通常會接受幾秒鐘的廣告時間并閱讀內(nèi)容。雖然這不是一個理想的方法，但它是一個更好的解決方案?？瓷厦娴捻撁?，它會自動播放音樂，但應(yīng)該是靜音的。讓我們看看是否能一眼找到開關(guān)按鈕。按鈕——太小，特別是和其他元素相比，更難找到。

　　更嚴(yán)重的罪行

　　沒有比這更糟的了。以下設(shè)計失誤的細(xì)節(jié)也會讓我嫌棄。不要讓自己成為這些粗心錯誤的受害者。

　　沒有搜索功能。

　　或者拼寫錯誤。

　　沒有調(diào)用函數(shù)。

　　正文中的鏈接太多了

　　連字符文本

　　超小按鈕

　　排版和可讀性差

　　每個人都很容易犯這些設(shè)計錯誤(你也可以在整體設(shè)計優(yōu)秀的網(wǎng)站上發(fā)現(xiàn)這些潛在的問題)。在設(shè)計開發(fā)過程中注意這些小細(xì)節(jié)，就能成功避免這些錯誤。不要讓你的用戶生氣(嚴(yán)肅臉)!

• 上一章：企業(yè)為什么要做網(wǎng)站建設(shè)呢?
• 下一章：網(wǎng)頁設(shè)計為什么要做到風(fēng)格的一致性