我们都知道，存在用于网页设计的网格，以及垂直网格和水平网格。网格提供了内容布局的规范，这使信息的组织更加有条理。我们按照网格规格进行设计，上下，左右，垂直，垂直，水平，垂直和正方形对齐。信息布局清晰易读。表面上没有问题，但是通常有点僵硬，缺乏能量。

　　如何突破视觉设计中页面布局的网格并使设计更具特色。这里有一些技巧可以解决刚性页面布局的问题。

　　延伸

　　在中国古代诗歌中，有一个红色的杏子从墙上冒出来，这种感觉是主要内容不限于页面的规章制度，而是适当地扩展到两个模块上，不仅可以打破页面的规则。规则的布局，也使两个模块具有一定的扩展性和连接感。

　　下图：计算机的图像不仅限于蓝色的北京区域，而是延伸到下一个模块。除了覆盖两个模块之间的刚性分隔线之外，它还使用户在阅读时可以从区域a平稳过渡到区域B，而中间不会出现任何中断。

　　下图：摄像机图像位于两个模块的中间，从绿色背景模块延伸到浅灰色模块，消除了模块中间的死板分隔线，从而形成了完美的过渡方案。

　　曲线

　　在网页设计中，无需划分内容模块。这种直线自然会使图像变硬。我们可以通过更改直线的方式（例如曲线，斜线等）来解决此问题。

　　△用曲线达到模块分割的目的，并表达数据乘积的特征。

　　△无论是背景还是主体，都有12度；角度倾斜，使图像立即生动。

　　过渡

　　当然，我们不能避免分割中的直线或将所有直线变成曲线。此时，我们可以适当地使用某些元素在模块之间进行转换。

　　△左右拆分屏幕是近年来最受欢迎的布局方法之一。这种布局可以更加强调品牌的色调，并避免图片和文字的重叠干扰阅读。问题是中间的刚性分割线。设计师将输入框越过两个模块之间，巧妙地打破了刚性形式

　　△使用黄色播放图标使左侧的线条图与右侧的真实图片有更好的过渡，同时也成为图片的画龙点睛。

　　隐藏

　　某些信息可能无法完全显示，但是只能显示最重要的部分，不重要的部分可以放置在图片外部，适当的隐藏更有利于突出重要信息，也可以使图片具有一定的显示性。延伸感。

　　△它不显示所有图形。它们中的一些留在浏览器之外，使图像更加大气。

　　级联

　　诸如图形，图片和文本之类的信息被堆叠起来，以打破传统的左右，上下布局，并增加图片的视角和层次关系。

　　△主要字符与文字重叠。尽管本文在某种程度上涵盖了内容，但不会影响阅读。

　　△不是对图片的枯燥解释。多个元素用于创建图片的图层，透视图和场景。

　　错位

　　无论规则如何，信息（例如图形，图片和文本）都应以交错方式排列。

　　△似乎图片和背景块之间的位错布局没有完成。实际上，正是设计师精心设计的布局才能使画面充满动感。同时，图片的投影也使这部分信息突然具有层次感。

　　△利用文字，方框和主图片的错位组合，将这些信息整合为一个整体，视觉效果也更加层次分明。

　　△以波状排列四张商品图片。尽管水平对齐方式略有变化，但它会立即以节奏感充满画面。

　　结语

　　以上方法不仅是突破性的，而且是基于浏览体验做出更具特色的视觉形式。设计师不必坚持传统的布局，也不必受到类似产品形式的影响。他们可以大胆尝试各种布局方法以进行创新和特色化。