\n   在日常網(wǎng)頁設(shè)計中出現(xiàn)誤差或者錯誤其實很正常的也是很普遍的，也許你僅僅只是想盡快的去完成一個設(shè)計項目而倉促的提升進度，其中也可能是項目本身復(fù)雜度過高。你忽略了一些問題。但是不管是什么導(dǎo)致這個錯誤的出現(xiàn)，我們總是要去解決的，修復(fù)不完善的設(shè)計。

\n   然而我們今天需要去探討的是影響網(wǎng)頁體驗的設(shè)計誤區(qū)，這些誤區(qū)有可能會讓網(wǎng)站信息無法正確的傳達給客戶、有的設(shè)計會讓人迷惑，有的會導(dǎo)致用戶無法接受以及理解錯誤，甚至感到不適。那么常見的網(wǎng)頁設(shè)計問題有哪些需要去規(guī)避的呢？

\n  

\n

\n   一、不合理的排版 

\n   網(wǎng)站的不合理排版問題，首先肯定是空間的設(shè)計不合理。段間距和行距是文本內(nèi)容常見的空間控制變量，雖然有的排版會因為間隙過大二顯得松散，但是更為常見的問題就是排版布局過于緊密，缺乏呼吸感，這可能讓設(shè)計看起來比較混亂，可讀性比較低。

\n   通常我們對于一大段文字都會設(shè)置間距，其間距最好是文字高度的120%-150%。對于比較小段的文本，需要考慮到移動端應(yīng)用的場景，這個行間距還是需要去提高一些，這樣才能確保舒適的閱讀體驗。

\n   但不管怎樣控制其核心始終在于確保閱讀者的舒適體驗，擁有恰當(dāng)而富有流動性的排版，視覺上才會讓人覺得舒適。間距太大太小都是不合適的。此外，整個頁面的排版行間距和比例需要保持一致才能讓視覺上更加的統(tǒng)一，同時也能夠強化同類、相關(guān)元素的關(guān)聯(lián)性，增加可讀性。

\n  

\n

\n   二、所有元素尺寸相同

\n   所有的尺寸以及文本，圖片按鈕都一個樣，這樣“一致”看起來不錯，但是實際上會顯得更加的無聊。在網(wǎng)頁設(shè)計中很多的元素可以一致，但是不能完全一樣，這是兩個概念。基于不同的需求，不同位置的按鈕尺寸是不能一樣的。

\n   其實這相當(dāng)于，網(wǎng)頁框架中的使用就是一個最好的例子。不同頁面的首圖尺寸是一樣的，圖片如果要應(yīng)用到其他布局位置時，直接按照比例去縮小，元素視覺重量會直接降低信息傳遞有效性也會隨之降低。最理想的狀況，就是根據(jù)整個網(wǎng)頁框架布局需求，基于原圖針對性的進行切圖。

\n  

\n

\n   三、忽略層次

\n   在設(shè)計的時候所看到的大多數(shù)網(wǎng)頁都是需要去組織層次結(jié)構(gòu)呈現(xiàn)內(nèi)容的，畢竟網(wǎng)頁內(nèi)容也是遵循80/20法則的，20%內(nèi)容常常能夠擁有80%的重要性。這也是使得網(wǎng)頁的層次結(jié)構(gòu)非常重要。

\n   在確定重要性優(yōu)先級別之后，層次結(jié)構(gòu)的設(shè)計思路就可以基本確定了。首圖、標題等元素是承載重要信息的載體，而且能夠引導(dǎo)用戶行為的CTA按鈕、輸入框等元素，這些都能在交互的層面上，強化內(nèi)容的效力。所有的這些東西，在網(wǎng)頁設(shè)計層次結(jié)構(gòu)的時候，應(yīng)該系統(tǒng)化考慮。

\n  

\n