开发「帧见」时，我在想什么？

这次环球黑客松杭州站，我们枭兔 Studio 的 LifeScope 帧见 荣幸拿到了「最佳创意奖」。
很多人说项目的设计很漂亮，交互很舒服。作为一个两三天赶出来的项目，能得到这么多认可，还是蛮开心的。

今天就从「时间线」的角度，复盘一下项目的开发视角与工作流。

产品：「平庸即原罪」

LifeScope 是一个「把日常瞬间电影化」的应用。
在构思时，我希望它尽可能多地包含电影元素：胶片、老式摄影机、放映机……
甚至在通勤路上，我还特意研究了老式放映机的运作机制——通过胶片的快速切换来模拟动画效果。

带着这些灵感，我们进入原型设计阶段。

我确立了 Mobile First 的开发原则：先把移动端做好，再通过响应式适配桌面端。
但随后的过程却并不顺利。
用 Google AI Studio 生成了很多版原型，但最后……都不满意。

我陷入了一种沉重的自我怀疑。
明明这已经是我第四次参加 Hackathon 了，设计思路也更开阔了，为什么做出来的东西这么「平庸」？
在这个时代，平庸跟死刑没有什么区别。
如果不能一眼被人记住，那不如不要生成。
真要命。

二流的产品伴随着二流的审美。
这种「平庸感」让我非常疲惫，甚至一度想放弃这次稍微风格化的尝试，回归之前的黑白性冷淡风。
黑白是克制的，安全的，不容易出错的。
可我实在偏爱明媚的高饱和色彩。

中间还有一个小插曲：因为 AI 最近非常擅长绘制 SVG 并制作动画，我简单尝试了一下，效果惊艳且新颖。

但考虑到 SVG 元素过多，每一次功能更改都需要从头梳理动画，风险太大，最终忍痛割爱。

最终确定的设计风格是：牛油果绿 + 明度较低的深灰。
它应该是一种让人能够沉浸、陷入深刻思考，且具有「生命力」的风格。

在比赛的第一天，经历了反反复复的修改，直到心里不再感到「难受」为止，我们终于敲定了产品原型。

开发：极致控制

原型一旦完成，进入本地开发就很快了。
正常来说，接好前后端，就是一个能跑的产品。

但要做出有「品牌感」的产品，必须有一个好的 LOGO。

一开始，我们想模拟相机光圈快门，做出一种漩涡感。
放到产品上，像是一颗时间河流里的鹅卵石，挺好看，但心里总觉得「差了点什么」。

直到亲爱的搭档 Alice 在做海报装饰物时，我发现四芒星形状的装饰物非常惊艳。
于是直接给它「升咖」为 LOGO。
它保留了一贯的设计思路：模拟相机结构，同时在周围加入了运动的速度线，使得它更像是快门合上的一瞬间。
兼具美感、叙事和信息量的设计。

到这个阶段，产品开发得七七八八了。
但从视觉而言，它只是一个 60 分 的东西。

要真的实现极致的视觉效果，仍然需要人工「死抠」每一个细节。
从字体大小、排版布局，到文案的大小写……
一点一点抠过去，直到心里面不为它感到羞愧为止。

通常经过一天多的开发，我的审美已经非常疲劳。 而 Alice 总是能一针见血地反馈，把 60 分的及格作提升到 90 分。 即使在据说 AI 能取代 PM 取代前端取代设计取代运营取代一切的今天……一个优秀的人类设计仍然如此重要。 那是「品味」，那是生而为人的精神指纹。