網頁設計採用響應式設計和最新功能，不僅能提高網站的搜索引擎排名，還能更容易討好受眾群體。但當項目過大時，開發人員往往未必能兼顧網頁設計的美觀性和功能性。下面，我們就來討論一下導致網站UI設計失敗的原因，希望各位在設計網站上能避免這些錯誤的UI設計技巧。

1.避免刻意銷售

很多營銷型網站都是以銷售為目的，所以往往會採用指引用戶思考，提示下一步操作，同時強迫用戶繼續訪問網站的方式。但這種方式有個很大的弊端，就是很容易會激怒用戶，繼而讓他們立即離開網站。

2.配色決定一切

在規劃網站設計時，字體、標題和背景都需要採用合適的顏色代碼。一般來說，協調良好的色彩搭配在吸引用戶方面，往往比動畫效果更好;相反，容易引起用戶的反感，或讓他們在網站中迷失方向。

3.避免引人矚目的Flash元素

網頁設計時，盡量避免使用Flash元素，一來很多瀏覽器都不支持它們，容易導致跨瀏覽器失敗;二來，Flash元素會影響網站的加載速度，使網站打開速度更加慢。

4.非響應式網頁設計

作為「移動優先」的今天，如果想在互聯網世界佔一席之位，就必須開發一個遵循與響應式設計相關的網站，且在所有設備都能正常工作，無需水平滾動就能瀏覽所有內容。

5.非跨瀏覽器兼容的網站

互聯網上有很多瀏覽器可供使用，所以執行適當的跨瀏覽器測試，並確保網站在所有目標瀏覽器上正常運行，才能滿足大部分用戶的需求。

6.不正確的字體大小

在設計網頁UI時，保持字體大小一致和選擇合適的字體是非常重要的。例如：粗體和大字體的搭配並沒有不妥，但如果標題和段落字體大小是4:1，顯然不適合。

7.設計複雜的原型

具有太多元素且沒有正確索引的複雜原型，不但會讓開發人員感到困惑，還有可能會導致網站後續運營出現漏洞，無法滿足用戶的要求。

8.避免過於擁擠的設計

網站過於擁擠最終只會讓用戶感到不安，甚至困惑下一步該怎樣操作，或者認為網站無法實現他打開網站的目的。

9.避免廣告扎堆

第一點我們說到很多營銷網站都以「銷售」為目的，因此廣告多是無可厚非的。但如果網站充斥太多廣告，只會令用戶無法獲得有用信息，因而非常生氣。

10.避免複雜的導航

簡化導航是目前網頁設計的流行趨勢之一，簡單清晰的導航有助於引導用戶直接找到他所需的內容，同時也不會讓用戶在瀏覽網站過程中感到困惑。

11.避免抄襲設計

你可以從其他網站的設計中獲取靈感，但請不要直接將其他網站的設計照搬。一來影響網站的聲譽，二來還會自動降低網站在搜索引擎的排名。

12.避免使用不恰當的對比色

在設計中使用對比色，可令內容更具有可讀性且更容易抓住用戶的眼球，但如果字體、圖像和背景使用不恰當的對比色，就很容易會讓用戶出現視覺疲勞而離開網站。

13.避免設計糟糕的CTA

設計CTA按鈕時一定要注意，過於引人注目的CTA按鈕會迫使用戶離開，而過於簡單的CTA按鈕，則容易被忽略。所以在設計CTA按鈕時要保持顏色，陰影和字體的平衡，使其顯而易見且可點擊。

14.避免排版混亂

由於用戶瀏覽網站的時間較為零碎，因此在內容表達方面，應保持文本內容和圖像、視頻、音頻等之間的平衡點。內容太多，只會迫使用戶忽略它們，並「企圖」忽略你想表達的重要信息。

15.避免使用大型媒體元素

網站使用大圖像或動畫、視頻等大型媒體元素，會對網站加載速度有一定的影響。因此，要確保網站能在任何情況下都正常運行，可縮放矢量圖像佔用非常小的尺寸。

16.避免表單設計避免冗長形式

表單是網站的重要組成部分，如果用戶需要填寫複雜的信息，很容易會讓用戶覺得麻煩，遺漏很多重要信息，甚至會直接關閉網站。

如果你總覺得網頁UI設計不太如意，不妨通過以上的UI設計技巧，創建功能齊全的站點，提高網站的用戶體驗，使網站的SEO優化效果更佳。