CAL.LIGHTMAN / THE PHOTOGRAPHY ROOM
CAL.LIGHTMAN / A PERSONAL PHOTO ARCHIVE
SEEN IN
LIGHT.
正在展开风景…
05 — BEHIND THE LENS
你好,我是覃英杰。
Cal.Lightman

水流、管道,还有落在白羽上的光。
浙江传媒学院 · 2026级
智能视听工程 · 本科在读
先被一个画面吸引
我平时拍日常,也拍风景。远处的山、桥边的灯、椅子上打盹的猫,都可能让我停下来。拍摄时会留意光落在哪里,拍完以后用 Photoshop 做后期。高中阶段,我曾在校级摄影比赛中获奖。
这份作品集收录了42张照片。有开阔的湖面,也有身边的动物和细节。把它们放在一起,也是一次回看:哪些画面曾经让我停下,自己又是怎样把它们拍下来的。
IMAGES & INTERACTION
从拍摄,走向交互表达
做这个网站时,我开始在意照片出现的顺序:先穿过山,再沿着展墙看过去;最后一幅垂柳接到下一段,三张照片又回到同一面胶卷墙上。这让我尝试把单张照片的构图,延伸到整个浏览过程的安排。
我负责选定呈现方向、提出需求,并根据实际页面反复反馈;AI 协助整理素材、编写代码和检查效果。这次实践也让我想继续学习计算媒体、JavaScript 与人工智能基础,逐步弄明白这些体验是怎样做出来的。
BEYOND THE CAMERA
摄影之外,也在学着读懂表达
我喜欢英语学习,常从欧美音乐和歌词里积累词汇、理解具体语境中的表达,也用 AI 辅助资料整理和学习。阅读英文资料,是我想逐步练好的能力。
我希望把摄影、语言学习和对技术的兴趣带进后续学习中。下面的项目记录,介绍了这次摄影网站的构思、实现方式与个人收获。
06 — PHOTOGRAPHY × AI COLLABORATION
从照片,
到一次观看。
个人摄影与 AI 协作建站实践:从作品整理,到空间、顺序与交互的尝试。
一张照片怎么出现,
又怎么接到下一张,
也会影响我们怎样看它。
这个项目从我的摄影作品出发,尝试把单张照片组织成可以探索的观看过程:由山景进入展厅,经过三图拼贴,再展开成一面放着42张照片的胶卷墙。
我负责构思与反馈,AI 协助实现。下面通过作品与页面实例,介绍这次实践的呈现思路、协作分工与学习收获。
从个人摄影素材开始
这份作品集选取了42张本人拍摄的照片,包含自然风光、城市建筑、动物和生活细节。题材有远有近,既保留开阔的景色,也给身边的小事物留下位置。
素材整理时,AI 协助制作联系表、审看不同版本、整理编号并生成网页图片。我根据实际展示效果确定方向并提出调整要求。照片标题与说明为本次展示整理,点开作品可以查看完整画面。

给照片一个能慢慢看的空间
开场使用我拍摄的山景,随后进入一间有侧窗的展厅。作品沿同一面墙排列,镜头顺着展墙向前走,让浏览接近一次连续的观展。
展厅以浅色墙面、木梁、绿色地毯和自然光组成观看环境。照片是空间里的重点,材质与光影则帮助建立距离、方向和停留的节奏。

用同一张照片连接场景
展厅的最后一幅是《垂柳与远山》。继续向下,照片稍稍推近,四周仍留有空白,再接成垂柳、小鞋和夜桥的三图组合。
同一张照片连接两个场景,让观看顺着画面继续。轻滑触发后,过渡自动完成;向上返回时,也沿同样的关系接回展厅。


让更多照片一起转起来
三图展示结束后,它们向后飞回各自的位置,和其余照片组成一面竖起来的曲面墙。黑色背景、齿孔、边框、帧号和侧光,让这面墙有了胶卷的样子。
42张照片随圆筒缓慢循环,始终保持正立。可以暂停、前后转动,也可以点开单张看完整画面。打开大图时播放暂停,关闭后继续;页面离屏或切到后台时也会停下来。

让不同屏幕都能观看
作品集同时考虑桌面和手机浏览:展厅与胶卷根据屏幕尺寸调整,单张照片在查看器中保持完整比例,并提供明确的关闭和切换按钮。
制作中,AI 协助检查不同浏览器尺寸下的排版与交互;我根据实际页面继续反馈。系统选择减少动态效果时,作品以普通照片网格呈现,保留基本浏览方式。


页面记录 · 2026年10月。以上配图为当前网页的实际浏览器截图;手机画面为尺寸模拟。
我与 AI 的分工,以及这次的收获
照片由我拍摄。我负责提出需求、确定视觉方向、安排观看关系,并根据页面效果作出取舍;AI 协助整理素材、编写代码和执行检查。
这次实践让我把摄影中的构图和观察,延伸到选片、空间、顺序与交互。接下来,我希望通过系统学习,更理解这些体验背后的代码,也继续尝试影像、声音和交互可以怎样一起讲故事。
THANK YOU FOR LOOKING









































