大小不一的圆角方格严丝合缝拼成一块,重要内容占大格,次要指标占小格。
布局
Layout
列宽固定、高度随内容自然错落,像 Pinterest 一样从上往下填补空隙。
按"左上→右上→左下→右下"的 Z 字路径排布图文块,模拟人眼扫视的天然路线。
屏幕被垂直切成两半,一边深色一边浅色,各自承载完全对等的内容。
左栏固定在视口上不动,右栏内容继续滚动——浏览长文时关键信息始终可见。
粗黑短横线 + 超大标题 + 双栏正文 + 斜体引文,像一本印刷杂志的内页。
把页面宽度切成 12 等份,任何元素都跨整数份排列。所有精致布局背后的隐形骨架。
多组"图 + 文"行依次交替方向,形成锯齿般的阅读节奏,是最耐看的特性展示结构。
一行三张等宽小卡:图标、标题、两行说明。独立站特性区最经典的组合。
一块横贯整个视口宽度的色带区,内部的窄容器居中——用颜色宽度制造呼吸与节奏。