1、卡片式网页布局 我们所熟悉的Pinterest，Facebook和Twitter等网站就是使用卡片式布局 分屏布局 在Web UI设计中，分屏版式在2013年开始流行，并在2016年真正开始兴起 当两个元素需要在页面上具有相同的权重时 大标题排版 随着移动性设计的兴起，大字体的排版设计得到了普及大号字体在标题和标题中特别受欢迎，有时我们在某些网站的正文中也可以看到。

2、顶部大图Banner+简单的栅格 无论屏幕多大，这种布局都能够为用户展示充足的内容单页设计，单栏布局 单页式设计这几年非常火，它非常适宜于展现极简的内容，或者专注呈现一个主题当网站的主题集中，内容也比较固定的时候自定义栅格 那些被整齐分割出来的网页布局从来都没有过时过无论是分割得细碎的网页区域还是大块的页面区块。

3、Diker Bau网站 网站布局思路精选图片展示品牌标识 Diker是一家位于德国柏林的建筑规划集团设计师突出了以精选图来概述品牌标识Chekhov 网站布局思路分屏布局 该网站使用了分屏布局，这种布局可以同时展示两个同等重要的内容信息此外，设计师将两种信息相互对立Timothee Roussilhe 网站布局思路视差滚动布局 该网站是设计师Timothee Roussilhe的一个简单而富有创意的。

4、“国”字型布局 常用于主页设计，页面容纳内容多，信息量大中规中矩，要啥有啥门户网站购物网站还是很常见这种布局的。

5、设计表单二表单页面布局表单页面布局是将表单中的各个字段按照它们的用途功能或主题进行分组，使得表单更有结构性和层次性。

6、关于网页UI设计规范网页布局和如何提升网页用户体验设计的文章，希望给你带来更多帮助！网页UI设计规范1 网页规范网页宽度。

7、在谈响应式布局前，我们先梳理下网页设计中整体页面排版布局，常见的主要有如下几种类型布局类型布局实现采用何种方式实现布。