設計上的錯誤是我們無法避免的，它可能發生在任何設計師的身上（即便是大師也一樣）。也許你正在試圖嘗試快速的完成一個設計項目，或者你此刻正在為一個復雜的網站設計而日夜工作，只是其中有些需要注意的點被你給忽略了。但是，一旦你發現并注意到它們，你必須修復他們，立即。

一些設計錯誤可能會破壞你的內容，導致用戶放棄繼續停留在你的網站，或失去對你提供有用信息的信任感。如果你不及時修正可能很難恢復他們對你的信任。不過，今天你不用感到困惑，因為今天的每一個提示都有一個來自Design Shack圖片集中的實際的設計例子，希望能夠幫助你找到你現在應該避免的錯誤！

1.潦草的字體

在排版方面，最常見也是最廣泛的“問題制造者”就是空間。行間距或首行縮進、文本包裝中的空格量是常見的“違規者”。盡管在有時你會看到很多的排版上面已經有很大的空間預留了，但更常見的問題是文本卻沒有足夠的呼吸空間，使設計會讓人感覺很混亂，難以閱讀。

對于大多數權重高的文本內容來說（試著想想主內容區的文本內容），常用的網格公共線間距約為刻字大小的百分之十二至百分之一百五十。對于那些更小的文本內容來說，你甚至可以在增加一些額外的行間距，以確保它在那些小屏設備上仍能保持高可讀性，比如移動設備上。

這么做的訣竅在于，設計師需要充分考慮到用戶如何才能在不同的媒介上獲得最舒適的體驗，其中文字需要容易閱讀，并能夠很自然的按順序“自然流動”，而不會讓眼睛感到疲勞。距離太遠的文本可能與距離太近的文本在問題的處理上面臨同樣困難。

當談到文本的設計包裝時，請遵循相同的一般規則。對于包裝的相關元素，請考慮使用鏡像行間距規則。這樣一來，一切都會有一致和統一的感覺，可以表明元素是相關的，同時也增加了文本的可讀性。

正確示范：House of Khlebny

2.一切都保持相同的大小

所有放置圖片、照片的區域大小相同、所有文字大小相同、所有按鈕的大小相同，雖然這能夠保持很好的一致性，但卻使得你的網頁設計整體變得單調且無聊。

嘗試在你的網站設計中混合幾種不同的元素類型、或大小和比例，這樣，你可以在不丟失一致性的情況下，同時有助于吸引用戶的注意力并創造視覺興趣。

你能做的最好的事情之一就是考慮相框內的照片比例。每個頁面上的主視覺標題可能會有相同的大小，但是如何將照片放在框架中可以是以不同的方式來實現的。通過縮放圖像可以營造一種遠近的感覺，看起來更小，產生更少的視覺重量，會讓你覺得圖片是在遠離你的位置上；使用貼近距離的組合可以使事物看起更靠近以及更大。沒有改變實際的大小（甚至未改變網站設計樣式或模板），你已經創建了不同大小的東西。

正確示范：Brooke Promiitz

3.忘記層次

用戶如預期一樣來到你的網站來尋求他們需要的信息或具體的行動實踐。你要做的是使你的網站設計能夠讓他們輕松地使用導致此操作的元素的不同層次結構。

網頁設計中往往最大的元素應該是最重要的，并且設計師通過縮小不太重要的內容來突出這種對比。通過對信息的主次輕重進行排名和分組，使用戶可以輕松閱讀并理解。

然后，為了一致性，將你的層次結構轉換為一組規則。這樣一來，標題總是看起來像標題，按鈕遵循相同的布局，大小和交互規則。所有這些小事情將使整個網站設計更容易讓用戶參與。

正確示范：Ragnar Theme

4.忽視基礎

你有多少次遇到以下這種情況：訪問一個網站，嘗試點擊一個鏈接，卻什么反應也沒有，什么也沒有發生？有或者是找一個電子郵件地址或聯系表單卻在整個網頁設計中找不到一個？

不要忘記在設計中照顧所有的最基本的元素，并確保它們能夠被用戶及時的找到。注意導航，搜索和頁腳。

這些位置之所以如此重要，原因是這些領域包括更新的鏈接和信息，用戶期望這些元素具有某種類型的體驗，如果不存在，可能會很容易有受挫感。同時，它還為你的網站提供可信任度——破碎的鏈接或沒有聯系信息可能導致用戶的不信任。

正確示范：Anagram Paris

5.太多“話”了

編輯你的文本內容，先將其放在一邊，然后再次進行編輯。

許多網站設計面臨的問題是它們使用太多的文本內容來解釋簡單的事情。一個好的、用戶體驗最佳的網頁設計語言應該清晰簡潔，以避免用戶沒有過多的注意力注意這些繁瑣的內容。

嘗試在你的網頁設計中使用活躍的描述性詞語與用戶進行最佳的交談。為可操作的項目提供明確的說明，告訴用戶準確地操作以及接下來會發生什么。

這種清晰的書面形式將有助于讓用戶感興趣并瀏覽文本內容。

正確示范：A is for Albert

6.分辨率差

應避免任何形式的低質量圖片。隨著科技以及顯示設備的發展和更新，許多用戶正在使用高分辨率的設備，當然，你的網站設計也成了需要經受考驗的對象。從平板電腦上的“視網膜屏”技術到能顯示每個像素細節的顯示器。分辨率差的圖像會摧毀任何的設計。

避免這種情況發生的訣竅在于，當你在進行你的網站設計時，你需要開始反思你對文件大小和壓縮的了解。盡管這些事情是非常重要，但目前來看規則有所改變，更大的文件變得越來越標準，大多數互聯網連接可以處理負載。

現實是這樣的：如果你不能使用清晰，干凈的圖像的話，那么請盡量別使用圖像。你的網頁設計在視覺第一印象會告訴用戶很多信息。一個糟糕的“門面”形象可能會讓用戶覺得——你不在乎，不可信，或者只是不考慮質量。確實，這些不是你希望用戶在訪問你的網頁設計時想到的事情。

正確示范：Orsolina 28

7.太多技巧

過多的使用矢量插圖，使用太多的照片和陰影效果或動態圖標等一些常見的設計技巧，會導致分散用戶在設計中的消息處理。任何以視覺原因存在的設計技術都可以被認為是一個技巧——不尋常的顏色，動畫，奇怪的照片組合和插圖都是設計技巧。

它們可以成為幫助創造興趣和參與的有效工具。

當我們謹慎使用，仔細衡量的時候。

請盡量不要過度使用它們。例如，一個很好的矢量插圖在網頁設計中可以是一個很好的工具，但是如果插圖的部分被切碎，并且在設計上到處都有插圖，它可能會分散注意力。一個“大技巧”往往比許多“小技巧”更有效。

正確示范：Wokine

總結

如果你犯了這些設計錯誤其中的一個，不要氣餒。每個設計師都會發生這些大大小小的錯誤，重點在于你是否想到辦法來補救你的網站設計，使其恢復良好，你的內容就是安全的。

這不需要通過重新設計來糾正這些錯誤。設計中的一些元素調整就足以清理和簡化常見的設計錯誤。第一步是審核你的設計，以找到需要特別注意的地方。祝你好運！