如何避免錯誤的網站設計

網頁設計中有許多因素、元素和設計選擇，不恰當的設計會讓用戶難導航、更難聯繫和更難信任。除非您想擊退目標受眾，否則請繼續閱讀以發現六個最大的網站設計錯誤， 以及如何避免它們。

1. 添加多餘的元素

常見的網站設計錯誤之一：僅僅因為可用元素而添加多餘的元素。

設計的基本原則是首先要了解您希望您的網站實現什麼以及它將如何實現。這是因為如今，網頁設計軟體提供了種類繁多的工具和可用選項（彈出視窗、動畫徽標和嵌入式影片），以至於業餘設計師很快就會不知所措。

不要被繁忙的設計所困擾，這些設計會讓用戶感到不想要的彈出式廣告、自動播放影片（複數）和繁忙的導航欄；請讓您的網頁設計保持整潔。把事情簡單化。成功的網頁設計需要將各個部分一點一點地拼接在一起。

避免過度擁擠的設計相對容易，因為它只需要您避免在網頁中添加額外元素「看看會發生什麼」的誘惑。除非您可以解釋頁面中特定元素的設計目的，否則它不應該存在。因此，請專注於構建一個堅實、簡單的結構，儘可能為用戶提供最積極、無縫的體驗。

2. 直接在電腦上設計

大多數企業主（以及相當比例的業餘網頁設計師，就此而言）仍然認為網頁設計是一個「在電腦上」發生的過程。

雖然您最終的創作會以這種方式被看到，但在它的設計方面，事實並非如此。相反，在開始使用網頁設計程式或構建器之前，您會希望在開始設計網站時轉向更傳統的藝術方法。開始設計網頁的最佳方式實際上是拿起鉛筆和一張紙。首先為您的網站編寫目標列表，然後設計一組專注於實現這一核心目標的頁面。以這種方式進行設計將使您能夠發現設計中的任何明顯冗餘，並極大地幫助簡化您的網站。

為什麼最好的網頁設計師可以向他們的客戶收取看似高昂的費用。這不是因為他們知道如何使用網站構建軟體（今天，幾乎任何人都可以），而是因為他們知道如何正確構建您的網站，並且可以幫助您確保您的願景在你們接觸電腦之前很久就可以工作。

3. 構建網站模板

構建網站模板，在頁面設計方面，即使是最基本的網站建設者也帶有用於設置網格、線條和列的工具。許多年輕的網頁設計師忽視了這些工具，認為它們只適用於較舊的、「塊狀」的網站。

實際上，網格仍然是每個設計良好的網頁的核心結構元素，並且應該始終用於排列頁面的視覺元素。早在網頁設計出現之前，網格和線條就構成了核心圖形設計技能的基礎，並且它們肯定會在未來幾年繼續成為基本工具。

無論您的網格和列的線條是否在您的網頁上可見，它們仍然構成您網站的底層框架和元素之間的比例的基礎。網格有助於水平和垂直拆分網頁，從而決定不同設計元素之間的對齊方式。

也就是說，還可以將基於網格的設計與更現代的設計和消費者研究技術相結合。消費者與網路互動的各種方式在涉及到他們期望不同類型的網頁的外觀和感覺時產生了類似的期望範圍。

4. 缺乏視覺層次

視覺層次被定義為元素的有序排列，根據它們的重要性。這意味著，如果您沒有做到這一點，用戶可能會被您設計的不同功能所轟炸，所有這些功能都在努力引起他們的注意。他們不會被有效地引導到您的CTA，這意味著沒有轉換。

要架設強大的視覺層次結構，請仔細考慮訪問者訪問您網站的目的。進行用戶體驗研究並確保用戶流程直觀且無縫。布置您的網頁設計通常感覺像是一種平衡行為

可訪問性也是網頁設計中一個非常重要的方面，忽視它會嚴重影響您的網站實現的結果。在過去幾年中，許多公司已經認識到向具有廣泛障礙和能力的訪問者提供其網站的重要性。間距、對比度、視覺焦點和顏色是在設計中創造可訪問性的最重要因素。

因此，在架設網頁設計之前，請開始考慮如何在網頁設計中使用文本、圖像和聲音。為圖像添加alt標籤，包括音頻描述，並保持副本間距合理，並使用無襯線、清晰的字體。如果您要展示影片，請允許用戶選擇播放而不是讓他們保持自動設置，並對您想要架設的用戶體驗進行研究。

將可訪問性放在首位進行設計，可以架設更具創新性、創造性和智慧設計的網站。您可以自由地嘗試趨勢，但可以確保它們有目的地實施到您的設計中。任何好的設計都不應該阻礙曝光，如果您的網站無法被某些人訪問，這正是它正在做的。

5. 不是為行動設計

正如網頁設計仍然被認為是「在電腦上」發生的事情一樣，許多人仍然認為行動瀏覽是網站「主要體驗」——桌面網站的「替代品」。現在已經不是這樣了。事實上，行動瀏覽現在占網際網路流量的大部分， 因此許多設計師實際上會在製作桌面網站之前製作行動網站。

這被稱為「行動優先」策略，現在甚至在大公司中也是一種非常流行的方法。設計桌面優先可能是一個錯誤，因為您可能會使您的網站過於混亂或緩慢，因此它在行動裝置上看起來對用戶不友好。相反， 首先為行動裝置設計您的網站，然後再擴展到網站的桌面版本。

當然，這一點還可以擴展到平板電腦、智慧設備以及當今幾乎所有其他類型的支持網際網路的硬體。換句話說，您的網頁設計需要可在不同設備上訪問，並且響應速度足夠快，以便能夠自動調整以適應儘可能多的設備的外觀和感覺。正如我們在別處指出的那樣，實現這一點可能很困難，因為它涉及到廣泛的因素，從頁面布局到所使用圖像的大小。