地图相册 · 视觉语法书

v2 · 2026-08-26 · 从跑通的 V8 反推,不是十条法条

照片是中心,其他材料围着它转。美是每种材料各自克制出来的,不是堆出来的。

之前那份从 43 张参考图倒推了十条法条,里头一半是还没落地的设想。这版只讲 V8 跑通、大家都点头的事,没落地的不写进来。

一条线走下来

开卷标题放角落、中间一块淡蓝方框、两个手写按钮。纸面阶段先不动。
掉卷胶卷先穿过方框掉下去,纸面才沉成黑房,方框再亮成发光板。顺序反了会怪。
露头胶片条只露半个头就停住,由你往上拉。不自动弹,控制权还给手。
上夹往右滑,滑过 ~18% 屏宽「咔」吸住上夹;滑过 ~55% 直接收走不问相册。每顿震一下。
看片点开是透明封套,三层压着——照片卡在下、描图纸斜压右侧、白标签插在下沿。点哪层哪层浮上来。

当时在琢磨什么

开卷页想试试不靠动画、只靠排版能不能先立住——一个纯色块 + 两个字,够不够干净。
方块=玻璃同一个元素两个时态:纸面是淡蓝方框,黑房里变发光板。不想为两处各造一个。
露头手拉不替用户做决定,让他自己决定拉多快、停在哪。
两顿挫不靠松手才知道收没收下——滑到档位就咔一下,像真把片塞进夹子。
三层堆叠描图纸、标签不是浮在照片上,是压在上面,有前后关系才有「翻看」的感觉。
帧号印字印刷体只留这一个地方,因为它本来就印在胶片边上,橙金、微洇。

参考图 · 哪些真用上了

已用 备用 已放弃
已用
佐藤雅彦《属性》
排印的克制 + 一块干净色板。放:开卷页。没拿它那种静止书籍感。
已用
帧号印齿孔边
帧号是印在胶片黑边上的、不是浮着的 UI。放:左黑边。没拿复古漏光氛围。
已用
胶片弧线
掉落的物理弧线——先直落后拐弯。放:掉卷动画。没拿黑白片头沉重感。
已用
喜茶公式
手写字 + 不填色的晃动线。放:开卷两个手写按钮。没拿营销氛围。
已用
片夹 + 小字
奶白塑料框 + 开窗露照片 + 下缘小字。放:负片夹。没拿印刷厂质感。
已用
半透明打孔封套
半透明材质 + 打孔边 + 能透出层层纸张。放:封套详情页。这张最核心。
备用
灯箱摊开看片
光区下透上清、底下暖白发光。放:发光板的透光逻辑。灯箱整体还没做深,留给 Tab2/3。
备用
素底地图 + 编号钉
不用默认气泡,用编号钉 + 连线。放:Tab3 地图。还没落地。
备用
情绪毛团
颜色=情绪的软扩散色团。留给表达情绪的地方。Tab1 主线没用到。
已放弃
玻璃朦胧观影
朦胧=滤镜语义,和「照片是中心」有点打架。玻璃只留一种——在照片下当灯箱。这张就不用了。

改掉的几个念头

朦胧观影砍。玻璃只当灯箱 / 显影台,不做照片前的滤镜。
色彩全局底砍。色彩只做局部背景/情绪,不承担布局、不当墙纸。
十条法条改成「每个决策点当时在琢磨什么」。规则让位给意图,好记也好改。
胶片自动弹砍。改露头手拉,把决定权还给手。