长沙达内web前端工程师培训学校怎么样

网页设计师的经典布局之顶部大图Banner+简单的栅格

网页布局虽然千变万化，但如果你留心观察并分析当前我们欣赏的一些经典网站的话，会发现有一些布局适用范畴相当广，可以说是经久不衰的。

今天我们一起来聊一聊都有哪些布局可以说的上是套用百搭，轻松完成项目设计。

顶部大图Banner+简单的栅格

无论屏幕多大，这种布局都能够为用户展示充足的内容，供用户浏览和探索。虽然这种布局随着屏幕、设备而有所差异，有的设计师会倾向于设计成固定宽或者横跨整个页面的布局，但是总体的模式都大同小异。

特点概括：

·导航栏

·顶部大图，图片上叠有文字标题

·2~4个分栏，承载不同类别的信息，有的会有图标

·主要的内容区域

·页脚

这种布局设计干净清爽，有足够强的视觉表现力，并且常常采用的响应式设计，断点也很好控制。顶部大面积的轮播图或者Banner 也有许多插件或者应用来帮你实现。

设计原理：

这种布局中，每个元素都各司其职，并且整个流程是富有逻辑的，顶部大图足以营造氛围，给予用户特定的体验，下面的次一级元素能够做的很好的支撑。

相关趋势：

越来越多这类网页开始采用色彩丰富的插画式的图标，而扁平化的设计和这种布局页面有着天然的契合。