光落下来的地方 - 云朵实验室

490 字

2 分钟

光落下来的地方

2026-08-25

摄影

|

相册

|

MDX

我喜欢在没有明确目的的时候带着相机出门。光线改变熟悉的街道，也提醒我：所谓日常，只是我们太少认真看它。这一页保留为唯一的相册组件示例，下面集中展示所有可用布局。

拍摄于杭州，Fujifilm X-T5 · XF 35mm F1.4 R。

编辑式相册#

适合一组照片的开场。横向主图与成对图片自动形成杂志式节奏。

远处山谷与湖泊的风景 — 风停下来以后，湖面像一张没有写完的纸

暖色光线下的人像 — 窗边，下午四点二十分

不同色温下的室内场景 — 室内的光比记忆更暖

夜晚城市中的灯光 — 入夜后，街道只剩下零散的颜色

运动中的人物 — 快门留下动作，也留下动作之间的停顿

指定列数的规则网格#

grid 可以用 columns 指定 1–6 列。下面明确使用三列；手机端会自动回到单列。

夜晚城市中的灯光 — 夜色开始聚拢

运动中的人物 — 动作之间的停顿

暖色光线下的人像 — 窗边的暖光

不同色温下的花朵 — 光线改变颜色

远处山谷与湖泊的风景 — 风经过湖面

夜间街道里的灯光 — 最后一盏灯

保留比例的瀑布流#

masonry 不统一裁切比例，更适合横竖构图混合的照片组。

暖色光线下的人像 — 靠近窗口

远处山谷与湖泊的风景 — 视线越过山谷

运动中的人物 — 快门截住一瞬

夜晚城市中的灯光 — 夜间散步

不同色温下的花朵 — 颜色练习

胶片条 FilmStripGallery#

适合旅行记录或同一段时间里的连续画面。横向拖动，像查看一卷刚冲洗出来的底片。

远处山谷与湖泊的风景 — 01 / 出发

暖色光线下的人像 — 02 / 停留

不同色温下的花朵 — 03 / 看见颜色

夜晚城市中的灯光 — 04 / 入夜

运动中的人物 — 05 / 回程

选片表 ContactSheet#

适合展示一次拍摄的候选片、系列缩略图或带有编号的工作过程。它同样支持 columns，featured 使用从 1 开始的序号标记精选照片。

山谷与湖泊 — 远景

窗边人像 — 人物

不同色温下的花朵 — 精选：颜色

夜间街道 — 夜色

运动中的人物 — 动作

暖色人像的另一处裁切 — 靠近

城市灯光的另一处观察 — 灯

湖面与山的另一处观察 — 离开

摄影序列 PhotoSequence#

强调阅读顺序与留白。通过 rows 可以自己决定每一排放一张、两张或三张；对象形式还能用 center 让单张照片居中。

远处山谷与湖泊的风景 — 01 清晨，路从湖边开始。

暖色光线下的人像 — 02 午后，人在窗边停了一会儿。

不同色温下的花朵 — 03 光线慢慢变暖。

运动中的人物 — 04 街道重新有了速度。

夜晚城市里的灯光 — 05 夜色落下来。

夜色前的山谷与湖泊 — 06 远处仍有微光。

暖色光线下的人像特写 — 07 人群慢慢散去。

夜晚城市中的灯光 — 08 最后用夜色收束这一组照片。

主视觉相册 SpotlightGallery#

一张照片占据主要舞台，通过下方缩略图切换作品。适合人像组照、旅行精选或有明确主次关系的一组照片。

远处山谷与湖泊的风景

暖色光线下的人像

不同色温下的花朵

夜晚城市里的灯光

运动中的人物

窗边，下午四点二十分

←→ 切换 · Enter 查看大图

叠放相册 PhotoStack#

模拟桌面上随手叠放的实体照片。点击露出的照片会让它动画移到中央并置顶，原照片退回叠放位置；使用左右按钮或键盘方向键切换，大图支持缩放、拖拽与下滑关闭。

山谷与湖面 — 01出发前

暖色花朵 — 02路过花店

运动中的人物 — 03街角

夜间城市灯光 — 04回程

窗边的人像 — 05最后留下的一张

点击照片移到最上层 · ←→ 切换 · Enter 查看大图

光落下来的地方

https://cloudsir.top/posts/photo-gallery-preview/

作者

CloudSir

发布于

2026-08-25

许可协议

CC BY-NC-SA 4.0