Landy：大年夜家都知道做网页设计有栅格，有纵向栅格也有横向栅格，栅格供给内容构造的规范，让信息组织更有层次，我们在栅格规范内做设计，高低阁下、垂直居中对齐，横平竖直、方梗直正的看着舒畅，信息构造清楚易读，外面看没什愦问题，但经常会有那么点逝世板，缺氨摄活力。
如安在视觉设计中冲破页面构造的“格”，让设计更具特点与众不合，下面经由过程几个小技能来解决页面构造中逝世板的问题。
古词中“满园春色关不住，一枝红杏出墙来”，就是这个感到，让主体内容不局限于页面的条条框框之内，恰当的延长出去，横跨两个模块，不仅可以或许打破规矩的构造，并且可以或许让两个模块有必定延长感和连接感。
延长
下图：相机图片在两个模块的中心，大年夜绿色背景模块延长到浅灰色模块，将模块中心逝世板的瓜分线去除，完美的过渡筹划。
曲线
网页设计 中，免不了内容模块的瓜分，这种直线多了天然就会让画面逝世板，我们可以经由过程改变直线的方法，比如曲线、斜线等来解决这个问题。
- 用曲线来达到瓜分的模块地目标，同时也表达出数据产品的特点。
【51CTO晃荡】8.26 带你深度懂得清华大年夜学、搜狗基于算法的IT运维实践与摸索
- 不论是背景照样主体图形，都有12°角度的倾斜，让画面立时就“活”了起来。
过渡
当然我们很多时刻任然无法避免瓜分中的直线，也弗成能把所有的直线都改为曲线，这时刻我们可以恰当应用一些元素让模块之间有个过渡。
- 应用黄色的播放搁笔，让左边的线描图与右侧实景图有较好的过渡，同时也成为画面的点睛之笔。
隐蔽
有些信息不必定完全的┞饭示出来，可以只展示最重要的部分，将不重要的置于画面之外，适度的隐蔽，更有利于突稳重要信息，也可以或许让画面有必定的延长感，不逝世板。
- 并没有展示全部的图形，部分留于浏览器之外，让画面更显得大年夜气。
层叠
将图形、图片、文字等信息进行层叠，打破传统的阁下、高低构造，增长画面的透视与层次关系。
- 主体人物与文字进行叠加，文字固然做了必定的┞汾挡，若隐若现却不影响浏览。
- 不是一张图干巴巴的诠释，应用多个元素层叠交错，营造出画面的层次、透视与场景。
错位
将图形、图片、文字等信息进行错位构造，不拘泥于条条框框之内。
- 图片与背景块错位构造，看似似乎没做完，实际是设计师精心的构造方法，让画面充斥动感，同时图片的投影也让这部分信息立时有了层次感。
推荐阅读
【51CTO晃荡】8.26 带你深度懂得清华大年夜学、搜狗基于算法的IT运维实践与摸索 背景跨域是由浏览器的同源策略引起的，是指页面请求的url地址，必须与浏览器上的url地址处于同域上(即竽暌>>>详细阅读
地址：http://www.17bianji.com/lsqh/36808.html
1/2 1
网友点评
精彩导读
科技快报
品牌展示