::Ticket
从博物馆门票到社区入场券
Inspiration
灵感
一切始于一个简单的念头：能不能让每次 Meetup 都有一张属于自己的「入场券」？ 不是电子二维码，而是一个承载信息和美学的数字票券。 我们从演唱会门票、博物馆入场券、艺术展通行证中寻找灵感。
Harry Styles — Love On Tour
撕口边缘、条形码编号、票根分区的经典结构。演唱会票的仪式感是一切的起点。
INTRX 555
极简黑白对比、网格排版、编号系统。信息密度与留白的平衡。
One Way Ticket — Back to the Childhood
照片嵌入票面、横向票根结构。个人记忆与标准化票券格式的碰撞。
MUSE — Art Gallery Exhibition
正反双面设计、ADMITS ONE 的庄重感。艺术展票把美学本身变成了入场凭证。
Musee du Louvre — Excursion Ticket
雕塑图片与信息分栏、日期时间的精确编排。博物馆门票是功能与美的统一体。
* 灵感参考图来自公开设计作品，仅用于记录设计过程。
Anatomy
解构
TRIE Ticket 的每一个元素都有它存在的理由。功能与美学不是对立的 — 条形码既是装饰也是编码，宋体既是排版也是态度。
条形码
TRIE260313SH2701编码规则：TRIE + 日期(260313) + 城市(SH) + 期数(27) + 序号(01)。每张票都是唯一的。
寺庙平面图
帕提农神庙的俯视图横切面 — TRIE 的品牌标识。作为票面底纹若隐若现，像水印一样承载着社区的精神内核。
宋体主题
活动主题使用宋体（Songti SC）排版。在票券这个西式载体上，中文排版带来了独特的文化质感。
SF Pro 信息层
日期、时间、编号使用 SF Pro Display。信息层追求绝对的精确和可读性。
票根分区
右侧 25% 是可撕票根，展示月份和期数编号。致敬实体票券的仪式感 — 撕下票根意味着「你来过」。
Evolution
演化
从第一版的简单信息卡片，到加入条形码编码系统，再到引入帕提农神庙底纹 — Ticket 的设计经历了多次迭代。
最关键的决策是加入 3D 翻转动画：点击票券时，它会像一张真实的卡片一样翻转，然后淡出跳转到活动详情。 这个微交互把「进入活动」变成了一个有仪式感的动作。
技术上，翻转动画使用 CSS perspective + rotateY 实现，backface-visibility 隐藏背面。 这些属性无法用 Tailwind 优雅表达，所以 Ticket 组件保留了 inline styles — 这是一个有意的设计决策。
Final
最终形态
点击下方的票券，体验 3D 翻转动画。
↑ 可交互 — 点击体验翻转动画