栅格式布局让网站页面的排版更具规范性，让网站信息内容更清晰、有逻辑，是做网站常用的模式，但是，页面使用全部的栅格式布局会让网站页面显得拘谨、呆板，很机械而没有特色，视觉上吸引不了用户。因此，为打破这一模式的布局，让页面排版更有灵性，自己做网站时可以借助以下技巧。

一、叠加

做网站想要打破上栅格式，常用的技巧之一是叠加。页面上几乎所有的元素也都可以叠加，色块与图片之间，文案与图片之间，图片与图片之间、色块与色块之间等，叠加在有效打破栅格局限的同时，叠加的部分显得突出，顺利聚焦用户目光。

叠加的两个元素有对比性，起码要让用户知道，这里使用了叠加的设计，才能有效突破栅格的规范性，使之变得显眼。而且，叠加要辨别优先级，要保证重要信息不被隐藏，不然使用叠加就变得多余而没有必要。

二、错位

错位，不一定就是全部打破栅格式的设计，可以错中有序的设计，例如横向与竖向排版只保持一个方向的对齐，另一个方向进行错位排版，或是在确保整个栅格格局不变的情况下，栅格里随心布局等。

做网站使用错位的设计方式能让页面更有流动性，井然有序的同时，页面也更具有活力。

三、过度

过度设计在页面的分屏设计中会经常出现。分屏设计让页面中的文字与图案互不干扰，相互映衬，但是中间所产生的分割无形中拉开两边的距离，这是加入一个过度的设计元素，让两边的内容紧密相连，形成一个整体，更好为主题服务。

做网站在打破栅格式布局时，要注意页面的整体性，布局内容的逻辑要清晰，过于破碎的页面会大大增强用户对内容认知的难度。