查看本指南以在网页设计中使用阅读模式 高于或低于首屏 在网页设计中， 折叠 是网页因屏幕尺寸限制而被截断的线。页面加载时可见的内容被称为 首屏 ，而需要用户向下滚动才能显示的内容被称为 非首屏 。这种布局对于登陆页面或基于提要的内容（例如社交媒体和博客网站）最有用，因为它减少了页面元素的数量并鼓励滚动。 两列布局 两列布局，有时采用分屏排列，并排显示内容。 一个环保品牌的彩色摄影两栏网站布局设计 由 设计的两栏网站布局 它有助于突出两个元素之间的二分法。
例如，服装网站上的不同受众、前后服务风格或定价的双重选择）。它还可用于平衡带有复制的图形，同时巧妙地支持 模式读取。 多列布局 多栏布局通常称为报纸或杂志布局。它在同一页面 墨西哥 WhatsApp 号码列表 中容纳大量网站内容。 用网站布局 的多栏网站布局设计 。 通常使用网格来维护顺序和层次结构，为更重要的元素（例如正文内容）提供更宽的列空间，而导航菜单、侧边栏或横幅广告等不太重要的元素则获得较少的相称空间。它适用于公司主页、图片或视频较多的网站、在线出版物、用户仪表板和购物网站 即具有大量内容和类别以引导用户访问的网站。
不对称布局 不对称布局是指元素以不相等的比例和邻近度排列 简单来说， 不是对称的。但是，尽管它与基于网格的系统相反，但不对称并不意味着混乱 金融品牌的现代不对称网站布局设计 的不对称网站布局设计 平衡在任何设计中都是必不可少的，不对称布局只是以意想不到的方式实现了这一点，例如将一侧的大型视觉元素与另一侧的许多较小元素配对。通过夸大某些元素（通过字面大小、颜色或位置）来强调其他元素，这对于加强强调很有用。它还可以支持自定义阅读模式与前面提到的常见阅读模式相反。