UI设计中的网格系统是由一系列水平和垂直交叉参考线构成，将页面分割成若干个有规律的列或格子，再以这些格子为基准，控制页面元素之间的对齐和比例关系，从而搭建出一个具有高度秩序性的页面框架。学会了设置网格规则之后，有些小伙伴们问如何打破网络规则呢？下面我们一起来了解一下。
头部元素
当头部元素超出了网格边界的时候，可能效果会更好。
需要注意不要将元素放的离页面边缘太近，两边设置至少50px的边距。
特色模块
当其他元素都被组合起来时，这些全宽部分会通过打破节奏来产生更好的效果，部分内容仍然可以遵守规则。
装饰元素
· 装饰元素只要是可以为设计带来美感，都可以随意放置。
· 元素的随意放置是为了让设计更有趣，而不是被限制在网格线内。
跳出网格系统的图片
图像没有一个固定的形状，如果一些元素超出了图片，在视觉上会更有吸引力。这也适用于只占屏幕一半的图像，而另一半是文字。
其他情况
当我们真正理解并适应网格时，便可以在适当范围内“打破规则”，而设计仍然会看起来有条理和平衡。只要努力更深入地学习网格系统，你就会对什么时候应该使用它有一个概念，以及什么时候可以让某些部分从网格中突破。
以上就是关于UI设计中如何打破网格规则的方法，只要我们对设计有了深刻的理解，便可以按照自己的想法在适当的范围内打破规则。
