有效的信息布局应该是：具有清晰的视觉层次；针对用户的阅读模式来设计布局；合理利用页面空间；不要让布局本身成为突出的UI元素，保持视觉简洁；选择与页面类型相匹配的版式。

    1、具有清晰的视觉层次

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

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

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

    2、针对用户的阅读模式来设计布局

    大部分人的阅读习惯是从左到右、自上而下的。

    阅读分为沉浸式阅读和扫视阅读。前者的目的在于理解，后者在于定位。

    浏览网站时，用户不会沉浸在UI本身，而是沉浸在他们的目标任务中，因此扫视是最常使用的阅读模式。用户只在确信必要时才会仔细阅读大量文本。

    针对扫视阅读的布局设计可以适当强调主要的UI元素，弱化次要的，包括：

   （1）将主UI元素放在扫视路径上。

   （2）避免将重要信息放在左下角或页面底端或者需要滚动很多的控件上。

   （3）考虑使用渐进展开方式来隐藏次要的UI元素。

   （4）与任务相关的重要信息要直接表现在控件上。用户更倾向于关注交互控件上的标签，而不是辅助型的静态文本。

   （5）不要展示大段文本，去除不必要的文本。文本较多时使用格式化展示。

    注意，常规情况也存在例外。眼动议实验指出，真实用户的行为很没有规律。介绍此设计方法的目的在于帮助你做出更好的决定，而不是精准地描述用户行为。

    3、合理利用页面空间

    保持页面的视觉平衡，避免拥挤和对空间的浪费。

    确保关键数据没有被截断，除非数据特别长。

    实际情况中，用户的页面空间要小于屏幕分辨率，它会因各种因素而压缩，如非全屏操作（弹出窗口和对比浏览）、浏览器本身及各种辅助栏对屏幕的占用等，因此设计中要考虑这些情况。

    4、不要让布局本身成为突出的UI元素，保持视觉简洁

    减少内容和展现上的嵌套层级。

    减少控件不同尺寸的数量，例如，在界面上只使用一两种按钮宽度。

    采用轻量级的分组和分割方式，可以用布局本身和分隔符代替分组框。

    尽量少使用对齐线。