不可忽視的網頁設計細節“對齊”

 　　對齊這個最基本的原則，我們自從記事起就開始接觸。中國人講究的對稱藝術，在我們的生活中無處不在，這也決定了我們網頁所必須遵循的一個原則就是一一對齊。那麼，一一對齊這個看似簡單的問題背後，又有哪些我們想不到的講究呢?本文我們將一一探討。

　　作為高效設計原則，“對齊”可以幫助我們對“元素如何在頁面中布局”做出明確的決定。利用戰略層上的布局，可以設計出更強大、更吸引人的作品;利用網格系統，可以為每個元素的定位提供標准的指導。沒有對齊策略，我們就會隨意安放元素，與其他相似元素產生很小甚至不會產生聯系。沒有對齊，網站的外觀及體驗就會變得雜亂無章。

　　對齊策略已遠遠超越了對齊、浮動屬性及文本和圖片的對齊方式，它還包含其他的因素，比如用戶的交互、信息架構、網格及Web設計元素的組織。

　　關於Web設計中的對齊，你是如何做決策的?

　　最主要的考慮因素包括對典型用戶交互方式的分析，如眼動追蹤測試。針對“用戶如何浏覽網頁”的多項研究已開展，內容包含眼睛是如何浏覽頁面的，從開頭到結束的掃描路徑是什麼，用戶如何決定跳轉到的位置及下次點擊位置等。Charles O’Connell在Usability.gov上發起的討論(如圖1)介紹了眼動追蹤測試的含義。從這些研究可以看出，它的要點之一是大部分用戶會沿著“F”形狀的“熱點圖”來掃描頁面內容，即從頂部開始(正如頭條往往比圖片更吸引眼球)，僅掃描幾個詞後，便沿頁面的左側掃描並尋找更多有吸引力的內容，並在幾秒內做出點擊動作。

　　怎麼樣，看不出來一一對齊這種技術還是有很多講究的吧。其實萬事都有講究，只是我們做的多了，忽略的多了，才會丟失那麼多細節的。一一對齊這個小細節做好了，相信我們也可以做好很多事情的，更可以建設出一個更有誠意的網站!