网格中元素的大小与位置

在利用网格来布局界面元素时，请注意参考如下关于大小和位置的提示

重要的元素要大一点，即便比例失调也可以考虑一下。

比如你在设计一个体育新闻网站，把高尔夫球弄得跟英式足球一样大似乎不够精确，但要是使用实际大小，反而会让人觉得网球大师杯赛还不如全美足球大联盟赛重要似的。体育迷们可能会因此争论，但体育频道的编辑则更倾向于对各种运动一视同仁。

体育新闻网站

不太重要的界面元素应该小一些。要想办法表现出不同的重要性，否则用户就会被搞迷糊。

记住这条规则：如果一个元素的重要性为1/2，那就把它的大小做成1/4。

把相似的界面元素放在一起，能够有效的减少视觉上的干扰因素（如：色标、标签、边框），也不必解释他们之间的关系。这样也可以让用户更容易集中注意力，因为它们不必在屏幕前东张西望了。

说到在计算机屏幕上布局导航元素，我从来没有发现任何证据能够证明导航条靠在屏幕的左边或右边，甚至横跨在屏幕上方的效果肯定更好。当然，这并不是针对网站而言的。真正应该担心的问题是，用户能不能轻易的找到想找的按钮。对于网站来说，这通常意味着把重要的链接与内容一起放到中间位置。

然而，移动端界面的问题还要复杂一些。把应用的导航按钮放在屏幕底部，用户触摸他们不会挡住屏幕。而大型的触摸屏上，导航放在右侧（或左侧）可能会给习惯用右（左）手的人带来麻烦。