搭骨架

把不同大小的卡片像便当格子一样拼在一起，让重点内容更突出，页面也更有节奏。

把不同高度的内容块按列往下接，像砖墙一样往下铺，能更省空间。

Sticky 是滚到某个位置后再吸住，Fixed 是从头到尾都钉在视口上。两者看起来都像“固定住了”，但触发时机完全不同。

页面最上方的整体头部区域，通常包含品牌、导航、搜索、账号入口等全局信息。

页面打开后第一眼看到的核心区块，通常放主标题、副标题、主按钮和关键视觉，用来快速讲清价值。

用来推动用户采取下一步行动的区块，通常会把标题、价值点和按钮集中起来，放在关键转化节点。

页面最底部的收尾区块，通常放品牌说明、补充导航、版权和联系方式，帮助用户在结束浏览前完成补充动作。

把主要导航放在页面最上方，下面铺主内容区域的经典页面结构，适合官网、工作台和管理后台首页。

把层级导航固定在左侧，把主要工作内容放在右侧的页面结构，适合文档、后台和复杂工具。

把相关内容按阅读顺序排在同一长页面里，用户通过滚动完成浏览，适合落地页和产品介绍页。

同时展示整站目录、正文内容和当前页大纲的三栏结构，适合文档站、设计系统和知识库。

用规则行列排列同类卡片，并随屏幕宽度自动换列的页面结构，适合模板库、商品列表和案例集。

限制正文最大宽度并让内容栏水平居中的结构，适合文章、协议页和表单页，让阅读更稳定。