网页里内容的布局和排版都是重要的，网页中一层又一层的布局里面都需要排版，好的排版给人们的感觉高级，并且受来访喜爱和推荐。做好网页的首屏排版，我们的网站会更受欢迎，接下来我们来学习网页的首屏排版布局。

全画面布局

这样的布局特征为屏幕水平宽度没有空白宽度，主视觉显示在整个屏幕上；经常使用有特别令人印象深刻的照片或视频作为主视觉。

上下分离型

其特征为主视觉与主视觉文本垂直分开的布局形式。大多数会将主视觉文本放在第一位，然后是主视觉。在此布局中，主要突出主视觉文本，主视觉起辅助作用。为此，主视觉通常作为基础内容的引导。

左右分离型

其特征为，通常主视觉文本与主视觉重叠构图，该布局能使用户识别主视觉文本与主视觉，这样有助于图像容易传输，并且可以快速响应。

主副型

其特征为，排列了主视觉大图与辅视觉小图，该布局页边距比其他布局要多。为此，通过很好的对图像与文本编辑，给人一种简单而时尚的感觉。

多画面型

其特征为，同时展示多个主视觉，画面尺寸相同；其优点是能够将同级规整，减少幻灯片类型。

异形布局

其特征为，主视觉在屏幕的整个宽度上，该布局类似“全画面布局”，其特点是主画面的形状呈现其他形状，这样的布局有一定的趣味和活力。

圆形布局

其特征为，一种特殊的布局，主视觉被切为圆形。此布局的目的是同时显示主视觉与主视觉文本，是“左右分离型”的一种变型应用。

剧中布局型

其特征为，具有全屏布局的特征，但是左右两侧皆是空白。通常设计上该布局会比“全画布局”更有灵魂感和设计感。