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

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

该图：单反圖片在这两个功能功能传感器的中部，从生态大环境功能功能传感器不断延展到浅灰黑色功能功能传感器，将功能功能传感器中部死板的裁切线快速清理，更好的过渡性方案设计。

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

用弧线来可达到切割的信息模块地原因，与此同时也表达爱出统计资料成品的特质。

是归根结底游戏背景是主导立体图形，有12°角度来的偏斜，让频幕不一会儿就“活”了一起。

过渡

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

两边分屏是近几日几年相当流行时尚的平面布置方式英文产品之一，此类平面布置可愈来愈透露产品品牌的特色形象，尽量避免圖片与图片文字的堆叠骚扰了解，带动的疑问这就是中部死板的划分线，设置师将导入框相接了两大传感器，委婉地突破了这是死板的类型

使用土黄色的播放音乐软件图标，让靠左边的线描图与右则全景图图有很好的缓冲间，时候也成为畫面的点睛之笔。

隐藏

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

并不存在彰显另一个的设计，的部分留于观看器外，让游戏界面更看上去电离层。

重叠

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

主人物角色与ps文字框采取堆叠，ps文字框尽管进行必定的遮住，若隐若现却不损害阅读书。

不会一副图干巴巴的刻画，运用俩个种元素堆叠相互交错，打造出镜头的部分、透视图与情况。

错位

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

视频与时代背景块错乱结构，看起来似的没做完人流手术，其实是装修装修设计师细心的结构办法，让电脑屏幕充滿炫彩背景，另外视频的高清投影也让电视剧剧情分资料激动得已经有了层次结构感。

运用一段文字、方框与布局所有图片来进行交重组合名字，让这魂晶的信息融为一两个布局，视觉艺术上也相对有成次感。

将四张产品畫面实现水波纹式的排序，尽管说只能动下变了质量居中的形式，虽然就让畫面满是了音乐律动感。