大家都知道做网页设计有栅格，有纵向栅格也有横向栅格，栅格提供🤡内容布局的规范，让信息组织更有条理，我们在栅格规范内做设计，上下左右、垂直🌃居中对齐，横平竖直、方方正正的看着舒服，信息布局清晰易读，表面看没什么问题，但经常会有那么点死板，缺少点活力。 如何在视觉设计中突破页面布局的“格”，让设计更具特点与众不同，下面通过几个小技巧来解决页面布局中死板的问题。

延伸
古词中“满园春色关不住，一枝红杏出墙来”，就是这个感觉，让主体内容不局限于页面的条条框框之内，适当的延伸出去，横跨两个模块，不仅能够打破规则的布局，而且能够让两个模块有一定延伸感和连接感。
下图：电脑的图片不局限在蓝色北京区域，延伸到了下🐽一个模块，除了掩盖掉两个模块间死板的分割线，更能让用户在阅读时能够流畅的从A区域过渡到B区域，中间不会出🅷现断节。

如图所示：照像机图像在两人电源组件图片的后面，从纯天然视频背景电源组件图片不断延展到浅黑灰色电源组件图片，将电源组件图片后面死板的划分线消除，非凡的过度方式。

曲线
网页设计 中，免不了内容ꦕ模块的分割，这种直线多了自然就会让画面死板，我们可以通过改变直线的方式，比如曲线、斜线等来解决这个问题。

用曲线图来做到拼接的模快地必要性，同样也表达爱出统计数据成品的结构特征。

如果是背景图或者是法律主体空间图形，都拥有12°方向角的弯曲，让场景猛然就“活”了着。

过渡

当然我们很多时候任然无法避免分割中的直线，也不可能把所有的直线都🧜改为曲线，这时候我们可以适当利用一些元素让模块之间有个过渡。

两边分屏是近斯三年相对比较时尚的规划方试一种，这样的规划才能更为推崇国际品牌的冷暖色调特性，以免图片文字框与文字框的增加干预阅读理解，引来的一些问题就算上面死板的分开线，设计制作师将输出框跨过了两根控制器，委婉地挣脱了这些死板的的形式

进行蓝色的播放器软件图标，让正中间的线描图与右则全景图图有不错的过度，一同也成为电视画面的点睛之笔。

隐藏

有些信息不一定完整的🏅展示出来ꦑ，可以只展示比较重要的部分，将不重要的置于画面之外，适度的隐藏，更有利于突出重要信息，也能够让画面有一定的延伸感，不死板。

并不能浮现全部的的组合图形，有些留于网页极速浏览器后，让情景更显着臭氧层。

牛皮纸层叠

将图形、图片、文字等信息进行层叠，打破传统的左右、上下布局，增加画面的透视与层次关系。

主题人物角色与图片一段文字对其进行重叠，图片一段文字其实做后必定的遮住，若隐若现却不引响仔细阅读。

没有1张图干巴巴的诠释了，采取多家原子牛皮纸层叠交织，塑造出畫面的各层次、透视外挂与场景中。

错位

将图形、图片、文字等信息进行错位布局，不拘泥于条条框框之内。

圖片集与后台块错乱选址，看着如同没弄完，实际的是装修网页设计师细心的选址行为，让电视画面电池充电动态感，还圖片集的投影屏幕也让整部份资料骤然也有了要素感。

利用图文、方框与主题图片文字来进行交重组合式，让他们泥石数据融为个整体的，視覺上也更进一步有层次性感。

将四张各种商品所有图片来水波纹式的排顺，总之不过是相对变了总体水平两端对齐的玩法，其实须得当即让图片冲满了旋律感。