Skip to main content

STUDIO · JOURNAL

DEV LOG

开发者日志 #025 · 一张兑换券,我们重画了四遍

后台里有一张票面模板,叫「和风」。

第一版做出来的时候,我们自己觉得挺好看。然后被否了。

◆ 第一版:和纸

米白纸、墨字、青海波,四角压着金线。单看是一张不错的卡。

放进站点里就露馅了:本站是暗色和风,整页墨底,中间突然放一张浅色纸,像另一套产品。方向错了,细节做得再对也没用。

◆ 第二版:暗金

于是改暗金。墨底、金线、金色渐变金额,青海波压得很淡。

还是不对。结构没动:品牌行、额度块、条目清单、右侧二维码——那是旧卡的结构,只是刷了一层金漆。我们自己看着都像旧卡。

◆ 第三版:朱黑

后来方向被指得更明确:要红黑,要「一看就很日本」。

于是加暖簾、家纹、麻の葉,朱红双框、朱印,金额放到 56px。方向对了,但结构还是旧的。仍然被否。

◆ 第四版:推倒

第四次,我们不再改样式,改结构。

新的票面不复用旧模板:顶部是暖簾,朱带、竖分割、白字;往下是朱印状态章;主体是額面、券番、有効期限、受取枠、御祝辞;侧栏白底二维码;底栏防偽码、署名、町名。

验收时我们只认一个判据:新票面的 HTML 里,旧模板的根类名必须一次都不出现。样品跑出来,是 0。

◆ 最后

现在它是后台的一个可选模板,叫「和风票面(青海波)」。默认仍然是经典票面,不影响正在用的兑换流程。

换颜色救不了一个不对的结构。这条我们记下了,也会用在后面所有的页面上。

如果你觉得哪张票面不好看,请直接告诉我们——被否三次,我们才学会这件事。
AXIOM STUDIO
2026.10.28

← Back to the log Share ↗