F2.01.2column count and expressible ratios设计
列数选择决定可表达的比例关系
别名: 列数 · 栏数 · 12栏栅格 · column span
概念解释
列数是一套能说出口的宽度比。12 列可以说 8+4、6+6、3+9、4+4+4；4 列差不多只剩对半、四分和 1:3。选定列数，等于选定产品里哪些比例是「落在线上的」，哪些只能四舍五入后歪掉。
仪表盘要一块 2:1 的图和表：图占主栏、表占侧栏。若列数不能被 3 整除，2:1 落不到整数跨度，只能改成 3:1 或 1:1，图被挤瘦或表被拉稀。
机制
栅格只承认整数跨度。要的比例必须能写成 a:(n-a)，其中 n 是列数。2:1 需要 n 是 3 的倍数；1:1:1 需要 n 是 3 的倍数；5:7 几乎只有 12 列能干净落地。列数太少，词汇表短，设计只能在两三种宽度里打转；列数太多，理论上什么比都能凑，但相邻跨度的视觉差会小于可辨阈，等于假精度。
手机上常退成 2 或 4 列，不是因为「移动端应该简单」，而是窄宽度下再切 12 份，槽比列还宽，比例已经没有意义。列数是随可用宽度改词汇表，不是装饰性的习惯数字。
边界
单栏长文、聊天、全宽媒体根本不需要比例词汇，列数争论是空的。一旦出现并排模块——侧栏、主从、价格三栏、工具+画布——列数就开始限制能做的构图。
流式布局里用百分比而不是整数列，也可以表达任意比，但会失去「所有模块共享同一套可叠加宽度」的协调；那是另一套代价，不能假装还在用栅格说话。
怎么落地
- 先列出产品里真正出现的宽度比（主从 2:1、三等分、满宽、1/3 插图），再选能让这些比都落在整数跨度上的列数；不要先抄 12 再硬凑。
- 窄宽度改用更短的词汇（4 列或 2 列），并写明每个比在窄宽度上退化成什么，避免 12 列在 360 宽上被当成还能 8+4。
- 验证：把现有页面的并排模块量成「占几列」。凡是出现 2.5 列、或同一比在不同页被实现成不同跨度，就是列数或跨度规则没撑住这套比例。