如何设计有用的网页布局结构

什么是布局?

“布局”是指页面内容的尺寸、间距及位置。有用的布局对于帮助用户快速找到他们想要的内容至关主要，并可以在结构外观上令用户感到恬逸。

如何设计有用的布局?

1.具有清晰的视觉条理。

    布局应当让页面各元素之间的关系和主要性一目了然。你可以通过适当使用下列属性来实现视觉条理：

焦点：指用户首先关注的区域。形式上被赋予焦点属性的UI元素一定要表达主要的内容。

视觉流：指用户关注区域的顺序。可以根据义务逻辑和用户的浏览习惯来设计恰当的视觉流。好的视觉流应该清晰、合理、顺畅、天然。

关联：在逻辑上相关的UI元素应具有清晰的视觉关系。

错误：

逻辑上相关的UI元素在空间上被分隔，且没有显明的视觉关联。

对齐：使页面工整，信息呈现有序，便于用户扫视。

错误：

没有对齐影响了页面效果且未便于用户扫视。不要因为功能需要和对极限情况的顾虑而轻易牺牲掉页面的视觉显现。

强调：可以根据UI元素间的相对主要程度进行强调。