close

頁面上元素對齊的問題 - 網頁設計
http://webdesign.zoapcon.com

頁面上各個元素的對齊，能使頁面顯得更加規整。以下圖為例，能對齊的元素都對齊了，看起來很規整。

 

但這也導致了一個問題：閱讀線路不清晰——究竟是“Z”型線，還是“N”型線？

像這種過度追求對齊而影響了信息架構的情況，在我們工作中不算少見，我個人不太贊同這種做法。
我比較傾向于適當打破一點對齊關系，但可以使閱讀線路更清晰的做法，如下圖。

 


看看Yahoo的首頁：

 

當然，也可以通過設計的處理，比如調整顏色，或者增加中間的間距，來解決這個問題，比如下圖。

 

 


但這些處理方式都不如打破對齊來得直接、簡潔。

畢竟，視覺設計是為信息架構服務的，而不能反過來。
arrow
arrow
    文章標籤
    網頁設計 web design
    全站熱搜
    創作者介紹
    創作者 inspirr 的頭像
    inspirr

    inspirr

    inspirr 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄