地图相册 · 整卷选片手书

Tab1 交互草图 · 两个版本对比着划 · 供队员参考
9-28 · 控制区 v4 · 洗卷工作台点这里测

🎛 用户任务是「洗一卷」,不是「选时间」

语义重做:收纳→洗卷大键、转盘→过片旋钮(一档=一卷)、三处重复→一个卷窗。上半水彩地图 55% + 下半金属控制台 45%,读数在上·动作在下·键排在最下。

测试入口。过片旋钮能拧(地图飞到那卷)· 洗卷大键=唯一主动作(点它看 36 格点亮)· 留白拨杆 · 「⋯」升起第二层抽屉。
9-28 · 控制区 v3(已被 v4 取代)

🎛 地图 × 金属控制面板(竖屏 9:16)

竖着拿手机的形状:上半水彩地图 + 下半缎面金属面板。转盘可拖(棘轮咔哒)、快门可按(收纳进筐)、拨杆可拨、内圈可点调月。

留作对照。转盘=年(提起内圈=月)· 金色快门=收纳一卷 · 拨杆=留白总闸 · 抽屉=待洗筐。语义已被 v4 重做,可对比看改了什么。
9-12 · 核心交互先看这

卷从哪来 —— 圈一片地方

一屏一个字,只有一个东西能动:圈住一片地方,里面的照片就收成一卷。后面五条补充说明折着,想细看再点。

先看这个。整件事就这一下。看完你就知道 V8 那一卷从哪来了,以及为什么巨头难用、我们能不一样。
9-12 · 完整版(8 屏)

把八条都做成了可动手的

到访切分、留白区、延迟开卷、黄河、分享、加法vs减法……每条一个演示。

想细看再看。面面俱到,信息量大——不适合第一次讲,适合自己摸底或想深挖某一条时翻。
9-12 · 文字版

地方即胶卷(全文)

11 节完整论述,含超越点对照表、分享三条路径、风险守则、待拍板清单。

当资料查。要引用具体措辞、或想把某条读透时用它。不是给人「读一遍」的。
V2 · 照片堆叠

开卷仪式 + 跟手反馈

选一卷 → 胶片条拉过 → 36 张一摞卡片堆叠。上滑收进相册(顶部暗袋抽屉探出+卡片泛金光跟手),左放下、右留下。

先看这版。它是 V8 的前身,用卡片堆叠说话。先划一遍,感受「卡片堆」和「整卷胶片」两种手感差在哪。
V8 · 整卷选片当前版

从开卷纸感页到封套详情 · 全链路

开卷排印 → 掉卷黑房 → 空发光板 → 胶片条露头手拉 → 右滑上夹两顿挫 → 点开封套三层堆叠。

再对比这版。换成整卷胶片语言。看它怎么取代卡片——露头等你拉、两顿挫上夹、封套里三层压着。视觉和手感都以它为基准。
视觉语法书

为什么这样设计

从跑通的 V8 反推:照片是中心、材料各自克制。哪些参考图真用上了、哪些放弃了、每一个决策点当时在琢磨什么。

最后翻。划完两版再看它,理解这个方向是怎么定下来的——不是十条法条,是几个念头。
给队员的话:这是交互草图,不是最终设计。重点是手感——V2 注意「收进相册那一下」的阻力,V8 注意「露头等拉」和「上夹咔一下」。照片是网络占位图(picsum),需要联网。
建议:先划 V2 再划 V8,两次都划完,你自然会知道想要哪种。
当前有效链接(隧道重启会自换,看这里最新的):
正在读取……