视觉阅读手册
图集为什么需要阅读节奏:大图、环境、近景和细节应该怎么交替
把图集当成连续阅读,而不是同尺寸缩略图仓库;通过镜头距离、画面比例、信息密度和页面留白建立更自然的浏览节奏。

第一张图负责建立方向,不必把所有信息一次塞满
一组图集的第一张大图更像编辑封面,它需要让用户迅速理解主要人物、光线和场景,但不需要同时展示所有细节。后续条目可以逐渐补充近景、姿态和环境。如果首屏就把十几张同尺寸缩略图平铺,用户虽然看到“很多内容”,却缺少判断先后。本站首页和集合页会使用一张较强主视觉,再进入更紧凑的内容流,目的就是先建立主题,再提升信息密度。这样的节奏也能减少为了页面数量而拆分近义栏目。
环境图和近景图承担不同任务,不应该互相替代
环境图告诉用户人物在哪里、空间怎么组织、光线从哪里进入;近景图则让用户看表情、肤色、发丝和细节。图集如果只有环境图,人物可能缺少情绪焦点;只有近景图,又会失去场景上下文。连续阅读时,可以观察页面是否在两个任务之间交替。站内作品详情把单个条目讲清楚,而人物页和集合页负责把不同距离的条目串起来,这种“分页面连续”比在一个页面无限堆图更符合搜索意图隔离。
横图与竖图的变化会影响页面停留节奏
竖图更适合人物全身和纵向空间,横图则能保留更多环境关系。若页面始终使用相同 4:3 卡片,所有内容会被强制成同一种节奏,摄影作品本身的比例差异也被削弱。本站 CSS 允许主卡、宽卡、人物横向索引和大图详情使用不同视觉比例,但不会为了“多样性”加入无关模块。比例变化必须对应内容作用:主视觉承担吸引,宽卡适合环境,中等卡片提高列表密度,文字索引则用于辅助导航。
留白不是浪费空间,而是给下一段内容建立边界
视觉内容密度高时,用户需要明确知道一组作品在哪里结束、下一组从哪里开始。留白、背景色变化和标题层级都能建立这种边界。如果每个 Section 都紧挨着三张卡片和一个按钮,页面会像模板流水线。更好的做法是根据内容功能调整间距:作品流可以紧,人物介绍可以松,专题切换可以用深色区域重置视觉。本站整体版式正是通过这些变化保持杂志感,同时让内部链接和标题仍然清晰可扫描。