\n 在日常網頁設計中出現誤差或者錯誤其實很正常的也是很普遍的,也許你僅僅只是想盡快的去完成一個設計項目而倉促的提升進度,其中也可能是項目本身復雜度過高。你忽略了一些問題。但是不管是什么導致這個錯誤的出現,我們總是要去解決的,修復不完善的設計。
\n 然而我們今天需要去探討的是影響網頁體驗的設計誤區,這些誤區有可能會讓網站信息無法正確的傳達給客戶、有的設計會讓人迷惑,有的會導致用戶無法接受以及理解錯誤,甚至感到不適。那么常見的網頁設計問題有哪些需要去規避的呢?
\n\n
\n\n
\n 一、不合理的排版
\n\n 網站的不合理排版問題,首先肯定是空間的設計不合理。段間距和行距是文本內容常見的空間控制變量,雖然有的排版會因為間隙過大二顯得松散,但是更為常見的問題就是排版布局過于緊密,缺乏呼吸感,這可能讓設計看起來比較混亂,可讀性比較低。
\n\n 通常我們對于一大段文字都會設置間距,其間距最好是文字高度的120%-150%。對于比較小段的文本,需要考慮到移動端應用的場景,這個行間距還是需要去提高一些,這樣才能確保舒適的閱讀體驗。
\n 但不管怎樣控制其核心始終在于確保閱讀者的舒適體驗,擁有恰當而富有流動性的排版,視覺上才會讓人覺得舒適。間距太大太小都是不合適的。此外,整個頁面的排版行間距和比例需要保持一致才能讓視覺上更加的統一,同時也能夠強化同類、相關元素的關聯性,增加可讀性。
\n\n
\n\n
\n 二、所有元素尺寸相同
\n 所有的尺寸以及文本,圖片按鈕都一個樣,這樣“一致”看起來不錯,但是實際上會顯得更加的無聊。在網頁設計中很多的元素可以一致,但是不能完全一樣,這是兩個概念?;诓煌男枨?,不同位置的按鈕尺寸是不能一樣的。
\n 其實這相當于,網頁框架中的使用就是一個最好的例子。不同頁面的首圖尺寸是一樣的,圖片如果要應用到其他布局位置時,直接按照比例去縮小,元素視覺重量會直接降低信息傳遞有效性也會隨之降低。最理想的狀況,就是根據整個網頁框架布局需求,基于原圖針對性的進行切圖。
\n\n
\n\n
\n 三、忽略層次
\n 在設計的時候所看到的大多數網頁都是需要去組織層次結構呈現內容的,畢竟網頁內容也是遵循80/20法則的,20%內容常常能夠擁有80%的重要性。這也是使得網頁的層次結構非常重要。
\n 在確定重要性優先級別之后,層次結構的設計思路就可以基本確定了。首圖、標題等元素是承載重要信息的載體,而且能夠引導用戶行為的CTA按鈕、輸入框等元素,這些都能在交互的層面上,強化內容的效力。所有的這些東西,在網頁設計層次結構的時候,應該系統化考慮。
\n
\n\n