网页设计中网格的运用

栅格可帮助你轻松将界面上的元素对齐，有效实现一致性。 设计中，有时候，仅靠感觉和大致方向来猜测布局的效果可能不会太理想。所以正确使用网格，会让设计显得有条理，结构合理，整洁并且思考周到。 

一个整洁对齐的界面很多时候都不应该引起用户的注意。 界面设计中，尝试过于革新的手段反而会分散用户对特定内容的注意力，从而影响用户的理解。因此，不要炫耀设计技巧有多么精妙，确保用户注意力和内容的简明才应该是重点。

如果说还有什么比过度炫技效果更糟糕的一点，可能是使用完全不符合常规布局的基础规则。一个没有对齐的界面很容易给用户留下草率的印象，这样的印象可能会使用户难以对你的产品专业度建立起信任 —— 当然，除非不对齐是你为了创作尝试而专门做的决定。 

就像例子中呈现的，布局中有很多方式来混合不同形式的内容和设计元素。通过排列这些栏，界面上可以形成坚固的结构。另一方面，良好的对齐又让设计产生了一致性和有序性。  这些益处单是通过设置几个单元列和一些视觉约束就能轻松实现，是否让你觉得事半功倍呢？

不同的内容栏排在一起就形成了一个区域。这些区域又将整个页面水平划分。让页面上所有的区域都等高是个挺好的保持整洁的办法，虽然在现实设计中并不是这么容易实现。所以，如果等高的区域既可行又契合你的设计要求，那自然是再好不过。但是要是不能实现的话，就将目光放在宏观一些的设计要求上吧。

三分法则 

“三分法则”就是通过使用一个简易栅格，来确保在界面加入元素的时候会放置在某个三等分的行上。这样的布局会更看起来更使人愉快， 比如在摄影当中，三分法则就是个十分常用的方法。但是，尽管这个方式可能是一个很好的设计起点，也通常能够帮你做出正确的选择，我还是建议你在具体情况下具体分析它是否是最合适的解决办法。

人们有时候高谈阔论三分法则中的“神奇交叉点”可以如此这般提升你的设计，但我更建议理性地对待这个说法。无论是从数学的角度还是人类对“美”的认知来讲，三分法则都没有什么特别之处，而且也绝对不是神奇的。

另一个重要的基础便是，并非所有人都以相同的视觉方式来感知世界。 我们都不同。 当我们看世界时，我们不是机器，也不会全都去硬生生重复数字比例精确而带来美感，他们看起来像是会去在意“神奇交叉点“吗？

设计中，只要有道理就可以打破规则。相信自己的直觉，以自己在设计中学到的技巧和经验作为基准，做你觉得对的事情。用尼采的话来说，就是设计中的“没有什么是真的，一切都被允许” 。哲学上，这个立场是否正确可以被一直讨论下去 — 也应如此。但是在设计中，它代表着一种坚定探索你的创造力的准则，并且在探索中，没有任何“神奇交叉点”能限制你。

自由发挥，打破规则，找点乐子，如果你很幸运的话，说不定还会找到一套全新的网页设计准则！