2.佈局
界面中的資訊能否被有效的傳達,離不開良好的組織和佈局;這需要考慮以下這幾個要素:
a.層次(層級關係,段落關係)
在資訊的視覺展現中,資訊之間層級關係的表達非常重要,如一個界面中導航區域與內容區域的關係、一篇帖子下的所有評論之間的關係、一篇文章中的段落關係等等……恰當的視覺設計,能夠通過對視覺元素的展現來暗喻資訊之間的層級關係;如果視覺層級關係展示不當,會使用戶産生困惑,造成理解障礙;
(左:資訊的層次劃分;右:資訊的段落劃分)
b.對齊
在內容排版的設計中,把內容對齊,會形成一種良好自然的邊界;該邊界沿著這一組對象延伸(利用了格式塔原則——連續性原則),這樣帶來的好處是加強了邊界引導讀者的眼光平滑延伸,有助於形成良好的視覺流。
(在表單設計中,也是如此。操作區域對齊,將大大提升用戶的完成任務的效率。表單元素居中對齊後,用戶的視線沿著中線下移,能夠快速閱讀標簽並找到相對應的輸入框。)
|