上周帮楼下修鞋摊王师傅改他那个“老街修鞋·配钥匙”小程序页面，他指着手机屏幕直摇头：“为啥我发的‘今天打八折’图片，一会儿在上面，一会儿跑下面去了？顾客说找不着活动入口。”
不是图乱，是排版没跟上人眼习惯
同城类页面——比如社区团购、本地家政、周边餐饮这些，用户打开第一眼扫的不是文字，而是“离我多远”“现在能约吗”“有没有优惠”。智能排版干的事，就是把“3公里内”“10:00可上门”“满50减8”这几条信息，自动塞进用户视线最舒服的位置，而不是靠人工拖拽死磕像素。
它不像传统网页编辑器那样等你点“居中”“左对齐”，而是实时读取数据：用户定位一更新，地图缩略图自动放大到当前街区；下午三点后，“午市套餐”模块悄悄下沉，“晚市加急服务”浮到顶部；连图片高度都跟着设备屏幕动态调——安卓机上显示两行文字，iPhone上就压成一行带图标。
真正在用的排版小技巧
我们给社区洗衣店做的版本里，有三处“不动声色”的排版处理：
- 营业时间模块永远固定在首屏底部（带半透明遮罩），滑动时它像影子一样跟着，但不会挡住商品图；
- 用户上传的“衣服瑕疵照”，系统自动识别污渍位置，在图上加红圈标注+文字说明，比纯文字描述快3秒理解；
- “附近3家分店”卡片，按步行分钟数排序，但距离相近的（比如都是7分钟）会按今日预约空闲率再微调顺序——空闲多的往前顶。
这些都不是写死的规则，而是后台跑着轻量级模型，每天晚上根据当天点击热区、停留时长、跳失节点自动优化下一轮布局。
代码其实很简单
核心逻辑就一段JS判断，嵌在页面加载后：
if (userLocation.distance <= 1000) {
document.querySelector(".promo-banner").classList.add("sticky-top");
} else if (userLocation.timeOfDay === "evening") {
swapModules("late-night-service", "daytime-package");
}没有高大上的算法名词，全是“如果…就…”的日常语言。连王师傅后来自己改了个“雨天补鞋加收2元”的浮动提示，也是照着这个格式，复制粘贴改了两行字就上线了。
智能排版不是让页面变花哨，是让信息更老实——该冒头的时候不藏，该退场的时候不碍事。就像菜市场吆喝，声音不大，但每句都砸在买主耳朵最灵的地方。