TRAIN TRIP 的产品设计细节
0

TRAIN TRIP 的产品设计细节

在我继续补完日本游记前,我想先聊聊 Train Trip 这个产品,这是我和 Cora 去年在日本旅行时最喜欢用的产品之一,甚至多次愿意为了它多搭一两个站。

Train Trip 是日本为了庆祝 JR 成立 150 周年的而推出的数字活动之一,这个产品的主要功能很简单:你到了指定的 JR 站后(可以理解为车站/地铁站),可以在应用内打卡,获得一个数字印章。其实官方的介绍里称其为数字邮票,我认为说是数字印章更贴切。

这个产品更具体的背景和获奖情况等,我就不多讲了,我相信任何一个 AI 都会讲得比我更清楚。

社交媒体上对这个产品还有两点很少提及:

一是这是一个 Web 应用,不是 App,所以你去应用商店怎么搜也不会搜到,这是很多小红书帖子没有说明的一点,但你可以通过 Safari 添加到桌面,让它显得像一个独立应用。

二是产品目前只支持 X 或者 Line 授权登录,连 Google 登录都不支持。

设计细节

App Store 里不乏类似的车站打卡应用,为什么这个产品如此让我们着迷,印章设计绝对是最重要的理由。

印章设计

日本有着非常深厚的印章文化,从各种作品中出现过的姓氏印章、到车站印章、御朱印等等我早就有所了解。我们旅途路上也收集了不少实体的印章,比如车站的印章,熊野古道的神社印章,还有参与偶遇的卡比印章活动等等。而车站印章的文化,就是 Train Trip 这个数字活动的来源。

Train Trip 里每个印章的独特之处在于它结合了车站以及当地的文化来设计,这个设计理念,换任何的设计团队来思考,这都是最理所当然的一个设计方向,而从最终的执行效果上,我的评价是:这些印章的设计真的太好看了,我简单展示几个,或者看这个介绍的视频,你们就会知道为什么我会喜欢它它,官方的推特也会不定时展示一些印章设计和当地文化的分享。

颜色

印章在设计上只用了 6 种颜色设计,这是 JR 集团的各公司标志颜色。

网页风格

网页的其他 UI 只用了最简单的白色、黑色和灰色来表达,这样印章的色彩部分就显得更加亮眼,不过从上面分享的视频里可以看到,最开始的版本使用了一个偏米黄色的背景,这个灰色背景的改动很细,但是很恰当。

印章强度

盖印的交互里有一点很有意思 ,印章的强度会根据你长按的时间来显示不同的效果,我本来以为有些印章的设计设计就是这么弱的对比度,后来的才偶然发现了这个细节。从下面图里可以看到,这种轻重不同的效果,并不只是透明度的不一样,在细节上还有很多差异,比如浅的印章,缺损,晕染会更多,这模拟了现实中盖实体印章时由于力度不一样而导致的洇开、缺墨、边缘缺损等导致深浅不一的效果。

我看了一下网页代码,盖印的深浅使用了 6 张不同深浅的图来实现的,非常简单易行的实现方式。

我看到官方的设计细节里面有提到有一本印刷了产品里印章的书,如果有知道的朋友知道可以在哪里买到,欢迎告诉我。

App 图标

产品的App 图标主体是一只鸟,对此官方的说明是希望大家以鸟的视角,重新认识各地的景观和文化的魅力,这是原定的 JR 150 周年活动过后,在 2023 年的产品主题更新时提出来的概念,我没有查证是否 2022 年就已经在开始使用这只鸟的形象。

另一方面,鸟的图形是怎么设计出来的,我的猜测是这是由 JR 150 周年的纪念 Logo 中的桥梁变形重构而来。

盖印之外

产品在 2022 年开始时只有最基础的地点打卡功能,而在这四年运营期间,除了常规的增加车站印章之外,也周期性地更新了一些其他功能和特殊印章,以下是一些比较明显的更新。

排行榜

2023 年新增了排行榜,在里面可以看到自己的排名和总的排名,用户名称都是由日本铁路历史上的列车名称加随机数字组合而成的,再一次强化了产品的铁路文化氛围,我非常佩服那些打卡到 1000 多个印章的狂热爱好者。

SPECIAL STAMP

产品内的「SPECIAL STAMP」页面里,里面详细列出了一些成就,同时打开多个车站就可以完成,比如图里的「驰骋于铁轨上的溪流宝石」就是要同时打卡熊本站和阿苏站。

任务名称也经过了特别的设计,用以介绍几个站点之间的铁路旅途的体验,比如上面的「溪流宝石」指的是 JR 九州阿苏地区的观光列车,穿越溪谷与火山景观的乘坐体验。

铁道与生物

新增了一批带有生物的印章,并且有专门的生物图鉴页面,展示与车站相关的生物知识,比如下面展示的须磨站就是须磨海滨公园里的虎鲸。据官方介绍,印章里出现的生物,也包括地方传说和幻想生物。

铁道基地

产品内页面称为铁道基地,这系列印章称为铁道之脸印章,大概是因为印章设计都是火车头的正脸,获得方式是在一组 2-3 个车站内取得部件,然后组合盖印成一个完整的火车头印章,这也是现实常见的盖印组合的玩法。

车站便当和车站荞麦面

车站便当(駅弁)也是日本车站文化很特别的一环,2023 年和 2025 年的产品更新分别加入了这两批印章,我简单看了下,应该是要到店消费且定位才能获得这些特殊印章。

青春 18 车票联动

青春 18 车票是日本最经典的铁路旅行车票之一,可以在规定天数内,无限乘坐日本全国的 JR 普通列车和快速列车,每年发售 3 次,每次发售都会制作一张新的宣传海报。而青春 18 的海报是青春 18 车票的标志性一部份,其风格统一,同时背景也是在真实的车站拍摄的照片,JR 的这次联动就是把一些经典海报设计成特殊的印章,可以说是一次极其完美的联动。

铁路知识印章

增加一些铁路知识的印章,印章的设计以单色的设计为主,不需要定位,每天上线就能打卡获得一个。

总体来看,后续的更新主要是以印章的扩充为主,功能的增加比较克制,但无论从最开始的150周年纪念到后面的更新,所有的产品细节依然一直围绕着铁路和印章这两个文化主题。

其他补充

关于这个产品,我们在使用过程中我还获得了一些额外的信息,也一并补充在这里。

产品只有日语,不过里面出现的界面和词汇量不多,部分浏览器可以提供翻译功能。

使用过程中不需要出车站或者限制停留时间多长才能盖章,这对于我们当时坐长途线路,一路盖章过去很友好,但这样同时存在一个小问题就是,一不留神就会错过打卡 :D

这是一个根据地理位置打卡的应用,换言之,我们需要给网页定位权限,这个一般会在第一次访问页面的时候弹出来,但是由于不同的浏览器的特性不一样,也会出现不能弹出来的情况,如果实在不行,建议换一个浏览器。

这个网页不检测设备,只检测是否手机分辨率下来确认是否可以运行,这一点意味着,除了在真的手机下访问,你可以把电脑分辨率调成手机的分辨率来访问。

虽然官方很早期提到会定期下线,但官方资料提到在 2023 年,产品主题从纪念 JR 150 周年,转向了「探索日本」,所以我认为这个产品还会持续运营比较长的时间,去日本的朋友有兴趣的话可以试一下。

编辑于 Jul 12