理解栅格系统

想要打破栅格，那么你先说说得深入理解栅格系统。无论你使用的是哪种样式的栅格， 它dou是你的网页设计过程中的“基础设施”，它帮你确定元素要怎么放置，帮你确保不同的控件在页面上堆叠而不会显得突兀不协调，有助于保持页面的组织性，观感极佳。。

当元素以某种形式被包含到其他的容器当中的时候， 即使栅格系统suo以呢被破坏，也往往Neng给人一种整体感。

调整特定的元素

我傻了。 栅格Yi经几乎是suo有网页设计的基础。这些隐形的线条创造出空间的节奏感和视觉的流畅感，他们是让网页变得geng加和谐的基础。

将不同的元素置于不同的图层，这样可yi确保部分元素超出于栅格，而其他的元素保持一致，太扎心了。。

打破栅格的技巧

来日方长。 想要打破栅格又保持网页的协调， 是有技巧的，并非ren何“破格”的设计dou是好的。但这并不意味着到处dou要加细节， 和留白的道理是一样，如guo网站到处dou是“突破”栅格的细节，那么网站会彻底陷入混乱的。

想要强调一个元素，留白总是Zui有用的手段。只有在正确的地方创造留白，才Neng让其环绕下的元素显得突出，没耳听。。

让它动起来

借助动效， 让元素从栅格系统中脱离出来也是个不错的方法。当单个元素运动起来的时候， 我开心到飞起。 效果会fei常明显，甚至Neng够让整体的栅格系统显得不是那么明显。

创造打破栅格的幻觉

有时候，打破栅格并不需要你真的“打破”它。你可yi在栅格系统内借助有趣的形状和非对称的搭配，营造出“被打破”的效果，在理。。

将元素置于容器中

就像上面的Marche Notre Dame 这个网站， 虽然kan起来不对称， 这家伙... dan是其中的内容依然是沿袭着栅格化的布局。

我明白了。 Cmmnty 这个网页中， 让线条和文本同图片产生了交叠，借助错位的排版营造出一种失衡的效果。你会在整个设计中kan到栅格的痕迹，而这个时候的视觉失衡的部分，就显得相当显眼了。